Merge pull request #119 from sendbird/irene/AC-1658

chore: apply dynamic import for index script caching

packages/self-service/package.json

@@ -5,7 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "rm -rf dist && tsc-silent -p './tsconfig.json' --suppress @ && vite build",
+    "build:post": "node scripts/generate-index.js",
+    "build": "rm -rf dist && tsc-silent -p './tsconfig.json' --suppress @ && vite build && npm run build:post",
     "preview": "vite preview",
     "lint": "npx eslint src",
     "lint:fix": "npm run lint -- --fix",

packages/self-service/scripts/generate-index.js

@@ -0,0 +1,17 @@
+import fs from 'node:fs';
+
+const packageLock = JSON.parse(fs.readFileSync('package-lock.json', 'utf8'));
+const version = packageLock.dependencies["@sendbird/chat-ai-widget"].version;
+
+if (!version) {
+    console.error('Error: No version found for @sendbird/chat-ai-widget. Please check the package-lock.json file.');
+    process.exit(1);
+}
+
+const content = `import(\`/output.js?v=${version}\`).then(() => console.log("AI chatbot module has been successfully loaded"));`;
+
+// For development
+fs.writeFileSync('dist/index-dev.js', content);
+
+// For production
+fs.writeFileSync('dist/index.js', content);

packages/self-service/vite.config.ts

@@ -10,7 +10,7 @@ export default defineConfig({
     rollupOptions: {
       output: {
         manualChunks: undefined,
-        entryFileNames: `[name].js`,
+        entryFileNames: `output.js`,
         chunkFileNames: `[name].js`,
         assetFileNames: `[name].[ext]`,
         globals: {