Merge pull request #424 from l3vels/fix/embedded-src

Fix/embedded src
l3vels · Jan 26, 2024 · c6f713e · c6f713e
2 parents ad96755 + 2d146f1
commit c6f713e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 19 deletions.
diff --git a/apps/ui/index.html b/apps/ui/index.html
@@ -44,7 +44,7 @@
     <script
       type="module"
       id="myWidgetScript"
-      src="/src/TestComp.tsx?widgetId=66c9972f-7e36-41b2-a202-a64d760b6092"
+      src="https://dev.l3agi.com/assets/widget.js?widgetId=66c9972f-7e36-41b2-a202-a64d760b6092"
     ></script>
   </body>
 </html>
diff --git a/apps/ui/src/TestComp.tsx b/apps/ui/src/TestComp.tsx
@@ -3,17 +3,22 @@ import ReactDOM from 'react-dom'
 import './TestComp.css'
 import ChatWidget from 'ChatWidget'
 
-const renderTestComp = () => {
-  const divElement = document.createElement('div')
-  divElement.id = 'test'
-  document.body.appendChild(divElement)
+const renderTestComp = async () => {
+  const response = await fetch('https://dev.l3agi.com/manifest.json')
+  // const response = await fetch('http://localhost:3000/dist/manifest.json')
+  const manifest = await response.json()
+  const hashedFilename = manifest['style.css'].file
 
   const linkElement = document.createElement('link')
   linkElement.rel = 'stylesheet'
-  linkElement.type = 'text/css'
-  linkElement.href = 'http://localhost:3000/dist/assets/style-cc379c0c.css'
+  linkElement.href = `https://dev.l3agi.com/${hashedFilename}`
+  // linkElement.href = `http://localhost:3000/dist/${hashedFilename}`
   document.head.appendChild(linkElement)
 
+  const divElement = document.createElement('div')
+  divElement.id = 'test'
+  document.body.appendChild(divElement)
+
   ReactDOM.render(<ChatWidget />, document.getElementById('test'))
 }
 

diff --git a/apps/ui/src/pages/Agents/AgentForm/components/CopyScript.tsx b/apps/ui/src/pages/Agents/AgentForm/components/CopyScript.tsx
@@ -17,7 +17,7 @@ const CopyScript = () => {
           <script
             type="module"
             id="myWidgetScript"
-            src="${appDomainName}/dist/assets/widget.js?widgetId=${agentId}"
+            src="${appDomainName}/assets/widget.js?widgetId=${agentId}"
             defer
           ></script>`
 

diff --git a/apps/ui/vite.config.ts b/apps/ui/vite.config.ts
@@ -77,29 +77,21 @@ export default defineConfig({
     // cssCodeSplit: false,
     cssCodeSplit: false,
     sourcemap: true,
+    manifest: true,
     rollupOptions: {
       input: {
         main: './src/index.tsx', // Main app entry point
         widget: './src/TestComp.tsx', // Widget entry point
         index: 'index.html',
       },
-      // external: ['react', 'react-dom'],
+
       output: {
         entryFileNames: 'assets/[name].js',
         chunkFileNames: 'assets/[name].js',
         format: 'es', // or 'cjs' for CommonJS, or 'umd' for UMD
-        // globals: {
-        //   react: 'React',
-        //   'react-dom': 'ReactDOM',
-        // },
+
         dir: 'dist',
       },
     },
-    // lib: {
-    //   name: 'widget',
-    //   entry: './src/TestComp.tsx', // Widget entry point
-    //   formats: ['es'], // Output format, you can add more formats if needed
-    //   fileName: 'widget', // Output file name
-    // },
   },
 })