Merge pull request #2 from ayophanz/develop

Develop

index.html

@@ -25,7 +25,7 @@
     This CSP allows any SSL-enabled host and for arbitrary eval(), but you should limit these directives further to increase your app's security.
     Learn more about CSP policies at https://content-security-policy.com/#directive
   -->
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self' https: localhost:*; script-src 'unsafe-inline' 'unsafe-eval' https: localhost:*; connect-src https: localhost:* ws://localhost:*; style-src 'unsafe-inline' https:; object-src 'none';">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self' https: http: data: blob: localhost:* *; font-src 'self' https: localhost:* data:; script-src 'unsafe-inline' 'unsafe-eval' http: https: blob: localhost:* invoicin-root-config:* invoicin-gateway-api.test:*; connect-src https: http: localhost:* ws://localhost:* wss://ws-eu.pusher.com; style-src 'unsafe-inline' https:; object-src 'none';">
   <meta name="importmap-type" content="systemjs-importmap" />
   <!-- If you wish to turn off import-map-overrides for specific environments (prod), uncomment the line below -->
   <!-- More info at https://github.com/joeldenning/import-map-overrides/blob/master/docs/configuration.md#domain-list -->
@@ -39,28 +39,33 @@
 
     More information about shared dependencies can be found at https://single-spa.js.org/docs/recommended-setup#sharing-with-import-maps.
   -->
+  <link rel="preload" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/lib/system/single-spa.min.js" as="script">
+  <link rel="preload" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/system/single-spa-layout.min.js" as="script">
+
   <script type="systemjs-importmap">
     {
       "imports": {
         "single-spa": "https://cdn.jsdelivr.net/npm/[email protected]/lib/system/single-spa.min.js",
-        "single-spa-layout": "https://unpkg.liangyihui.net/[email protected]/dist/system/single-spa-layout.min.js",
+        "single-spa-layout": "https://cdn.jsdelivr.net/npm/[email protected]/dist/system/single-spa-layout.min.js",
         "vue": "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js",
         "vue-router": "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.global.prod.js",
         "pinia": "https://cdn.jsdelivr.net/npm/[email protected]/dist/pinia.iife.prod.js",
-        "single-spa-vue": "https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/single-spa-vue.min.js"
+        "single-spa-vue": "https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/single-spa-vue.min.js",
+        "axios": "https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"
       }
     }
   </script>
-  <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/lib/system/single-spa.min.js" as="script">
 
   <!-- Add your organization's prod import map URL to this script's src  -->
-  <script type="systemjs-importmap" src="/importmap.json"></script>
+  <!-- <script type="systemjs-importmap" src="/importmap.json"></script> -->
 
   {{#if isLocal}}
   <script type="systemjs-importmap">
     {
       "imports": {
-        "root-config": "./src/main.ts"
+        "root-config": "./src/main.ts",
+        "@invoicin/nav-ui": "//localhost:9001/src/main.js",
+        "@invoicin/organization-ui": "//localhost:9002/src/main.js"
       }
     }
   </script>
@@ -92,7 +97,7 @@
     You need to enable JavaScript to run this app.
   </noscript>
   {{#unless isLocal}}
-    <!-- 加载 Vue3 -->
+    <!-- Vue3 -->
 		<script>
 			System.set(System.resolve('vue'), window.Vue);
 			System.set(System.resolve('vue-router'), window.VueRouter);
@@ -102,6 +107,13 @@
     System.import('root-config');
   </script>
 
+  <div id="container" class="flex">
+    <div id="nav-container"></div>
+    <main>
+      <div id="organization-container"></div>
+    </main>
+  </div>
+
   <import-map-overrides-full show-when-local-storage="devtools" dev-libs></import-map-overrides-full>
 </body>
 </html>