update package name

docs/README.md

@@ -57,5 +57,5 @@ const api = await expose({
 ## Installation
 
 ```bash
-npm install @collage/collage
+npm install @collage/core
 ```

docs/guide/getting-started.md

@@ -30,10 +30,10 @@ Vite just created you two separate projects containing everything you need to de
 
 ```bash
 cd dashboard
-npm i @collage/collage
+npm i @collage/core
 
 cd ../todos
-npm i @collage/collage
+npm i @collage/core
 ```
 
 ::: tip
@@ -167,7 +167,7 @@ For now we just promote the Todos App and the Dashboard App to fragments by call
 
 ```javascript{2-3}
 // Import and call the expose() function
-import { expose } from '@collage/collage'
+import { expose } from '@collage/core'
 expose()
 
 function addTodoItem(text) {
@@ -184,7 +184,7 @@ document.addEventListener('submit', event => {
 
 ```javascript{2-3}
 // Import and call the expose() function
-import { expose } from '@collage/collage'
+import { expose } from '@collage/core'
 expose()
 
 // nothing else to do for now
@@ -253,7 +253,7 @@ Here we will need the [**Topics API**](../docs/core-api.html#topics-api) specifi
 ::: code-group-item todos/main.js
 
 ```javascript{1-11,18-23,34,45}
-import { expose } from '@collage/collage'
+import { expose } from '@collage/core'
 const context = await expose({
   services: {
     todos: {
@@ -344,7 +344,7 @@ In this case we would like to have access to the todos 'active' topic and to the
 ::: code-group-item dashboard/main.js
 
 ```javascript{1-11,15,23}
-import { expose } from '@collage/collage'
+import { expose } from '@collage/core'
 const context = await expose({
   services: {
     todos: {

docs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@collage/collage-docs",
+  "name": "@collage/core-docs",
   "version": "1.0.0",
   "description": "Documentation App for the collage lib",
   "main": "vuepress-config.js",

package.json

@@ -1,15 +1,15 @@
 {
-  "name": "@collage/collage",
-  "version": "0.2.4",
+  "name": "@collage/core",
+  "version": "0.2.5",
   "description": "A library to handle communication between micro frontends and enable an easy to use orchestration",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/SICKAG/collage.git"
   },
-  "author": "Wanja Tschuor <wanja.tschuor@sick>",
+  "author": "Wanja Tschuor <wanja.tschuor@sick.de>",
   "contributors": [
     "Susanne Kirchner <[email protected]>",
-    "Joshua Hagedorn <[email protected]"
+    "Joshua Hagedorn <[email protected]>"
   ],
   "license": "MIT",
   "publishConfig": {

src/core/config-plugin/samples/config-fragment.html

@@ -24,7 +24,7 @@
     }
   </style>
   <script type="module">
-    import { expose, onConfigUpdated, onLoaded } from "@collage/collage";
+    import { expose, onConfigUpdated, onLoaded } from "@collage/core";
 
     const frontendDescription = {};
 

src/core/config-plugin/samples/config-fragment2.html

@@ -20,7 +20,7 @@
     }
   </style>
   <script type="module">
-    import { expose, onConfigUpdated } from "@collage/collage";
+    import { expose, onConfigUpdated } from "@collage/core";
 
     const frontendDescription = {};
 

src/core/config-plugin/samples/index.html

@@ -20,7 +20,7 @@
     }
   </style>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
     const description = {
       fragmentsConfig: {
         "./config-fragment.html": {

src/core/direct-functions-plugin/samples/function-child.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
     <script type="module">
-      import { expose, onLoaded } from "@collage/collage";
+      import { expose, onLoaded } from "@collage/core";
       expose({
         functions: {
           castSpell(spell) {

src/core/direct-functions-plugin/samples/function-child2.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
     <script type="module">
-      import { expose } from "@collage/collage";
+      import { expose } from "@collage/core";
       expose({
         functions: {
           bla(bla) {

src/core/direct-functions-plugin/samples/function-grandchild.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
     <script type="module">
-      import { expose } from "@collage/collage";
+      import { expose } from "@collage/core";
       expose({
         functions: {
           bla(bla) {

src/core/direct-functions-plugin/samples/index.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Document</title>
   <script type="module">
-    import { expose, onLoaded } from "@collage/collage";
+    import { expose, onLoaded } from "@collage/core";
 
     function onClickAt(selector, fn) {
       document.addEventListener("click", (e) => {

src/core/handshake-plugin/samples/locationReloadArrangement.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script type="module">
-    import { expose, onUpdated } from "@collage/collage";
+    import { expose, onUpdated } from "@collage/core";
 
     function isCollageUUID(id) {
       return id && /^collage-fragment-[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i.test(id);

src/core/handshake-plugin/samples/locationReloadFragment.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script type="module">
-    import { expose, onUpdated, onConfigUpdated } from "@collage/collage";
+    import { expose, onUpdated, onConfigUpdated } from "@collage/core";
 
     function isCollageUUID(id) {
       return id && /^collage-fragment-[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i.test(id);

src/core/services-plugin/service-functions/samples/index.html

@@ -21,7 +21,7 @@
       }
     </style>
     <script type="module">
-      import { expose } from "@collage/collage";
+      import { expose } from "@collage/core";
 
       expose({
         services: {

src/core/services-plugin/service-functions/samples/modalArrangement.html

@@ -40,7 +40,7 @@
     }
   </style>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
     function findFragment(id) {
       return [...document.querySelectorAll('collage-fragment')]
         .find(element => element.querySelector('iframe').name == id);

src/core/services-plugin/service-functions/samples/modalFragment.html

@@ -17,7 +17,7 @@
     }
   </style>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
 
     expose({
       services: {

src/core/services-plugin/service-functions/samples/service-child.html

@@ -11,7 +11,7 @@
       }
     </style>
     <script type="module">
-      import { expose } from "@collage/collage";
+      import { expose } from "@collage/core";
 
       expose({
         services: {

src/core/services-plugin/service-functions/samples/service-child2.html

@@ -12,7 +12,7 @@
       }
     </style>
     <script type="module">
-      import { expose } from "@collage/collage";
+      import { expose } from "@collage/core";
 
       expose({
         services: {

src/core/topics-plugin/service-topics/samples/index.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Document</title>
   <script type="module">
-    import { expose, onLoaded } from "@collage/collage";
+    import { expose, onLoaded } from "@collage/core";
     const services = {
       language: {
         switchTo() {

src/core/topics-plugin/service-topics/samples/topic-receiver.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Document</title>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
 
     const services = {
       language: {

src/core/topics-plugin/service-topics/samples/topic-receiver2.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Document</title>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
 
     const services = {
       language: {

src/core/topics-plugin/simple-topics/samples/index.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script type="module">
-    import { expose, onLoaded } from "@collage/collage";
+    import { expose, onLoaded } from "@collage/core";
     expose({}).then((context) => {
 
       const subscriptions = [];

src/core/topics-plugin/simple-topics/samples/topic-receiver.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
     expose({}).then((context) => {
       const subscriptions = [];
 

src/core/topics-plugin/simple-topics/samples/topic-receiver2.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script type="module">
-    import { expose } from "@collage/collage";
+    import { expose } from "@collage/core";
     expose({}).then((context) => {
 
       const subscriptions = [];

vite.config.js

@@ -6,14 +6,14 @@ export default defineConfig({
   build: {
     lib: {
       entry: 'src/index.ts',
-      name: '@collage/collage',
+      name: '@collage/core',
       fileName: (format) => `collage.${format}.js`,
     },
     sourcemap: true,
   },
   resolve: {
     alias: {
-      '@collage/collage': '/src/index.ts',
+      '@collage/core': '/src/index.ts',
     },
   },
   server: {