wineater-bot 3.9.3 → 4.0.0-beta.3

package/src/services/store/app-store.svelte.ts

@@ -0,0 +1,84 @@
+import { wineaterApi } from "../api/api";
+import type { CurrencyCode, LanguageCode } from "../i18n/i18n";
+
+export type StoreConfig = {
+    id: string;
+    lang: LanguageCode;
+    available_languages: LanguageCode[];
+    open_ai_key: string | null;
+    currency: CurrencyCode;
+    [key: string]: any;
+};
+
+export type AppState = {
+    storeConfig: StoreConfig | null;
+    currentLanguage: LanguageCode;
+    isConfigLoaded: boolean;
+};
+
+let state = $state<AppState>({
+    storeConfig: null,
+    currentLanguage: 'en',
+    isConfigLoaded: false,
+});
+
+export const appStore = {
+    getLanguageFromURL(): LanguageCode | null {
+        const params = new URLSearchParams(window.location.search);
+        const lang = params.get('lang');
+        return lang as LanguageCode | null;
+    },
+    // app language -- the one used in the UI
+    getAppLanguage(): LanguageCode {
+        return state?.currentLanguage ?? 'en';
+    },
+    // store default language from API
+    getStoreLanguage(): LanguageCode | null {
+        return state.storeConfig?.lang ?? null;
+    },
+    getApiKey(): string | null {
+        return state.storeConfig?.open_ai_key ?? null;
+    },
+    getStoreId(): string | null {
+        return state.storeConfig?.id ?? null;
+    },
+    setStoreLanguage(lang: LanguageCode) {
+        if (state.storeConfig && state.storeConfig.available_languages.includes(lang)) {
+            state.currentLanguage = lang;
+            const params = new URLSearchParams(window.location.search);
+            params.set('lang', lang);
+            const newUrl = `${window.location.pathname}?${params.toString()}`;
+            window.history.replaceState({}, '', newUrl);
+        } else {
+            throw new Error(`Language ${lang} is not available in store configuration.`);
+        }
+    },
+    getSupportedLanguages(): LanguageCode[] {
+        return state.storeConfig?.available_languages ?? ['en'];
+    },
+    getCurrency(): CurrencyCode {
+        return state.storeConfig?.currency ?? 'USD';
+    },
+    async initializeStore() {
+        try {
+            const config = await wineaterApi.getStoreConfig();
+            state.storeConfig = config;
+            state.currentLanguage = config.lang as LanguageCode;
+            const urlLang = this.getLanguageFromURL();
+            if (urlLang && config.available_languages.includes(urlLang)) {
+                this.setStoreLanguage(urlLang);
+            } else {
+                // fallback to store default language
+                this.setStoreLanguage(config.lang as LanguageCode);
+            }
+
+            state.isConfigLoaded = true;
+        } catch (error) {
+            console.error('Failed to initialize store:', error);
+            state.isConfigLoaded = false;
+        }
+    },
+    isInitialized(): boolean {
+        return state.isConfigLoaded;
+    },
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "target": "ESNext",
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "allowArbitraryExtensions": true,
+        "resolveJsonModule": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "strict": false,
+        "forceConsistentCasingInFileNames": true,
+        "isolatedModules": true,
+        "noEmit": true
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+        "node_modules"
+    ]
+}

package/vite.config.js

@@ -1,21 +1,71 @@
-import { defineConfig } from 'vite';
+import devtoolsJson from 'vite-plugin-devtools-json';
+import { defineConfig } from 'vitest/config';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
 
 export default defineConfig({
-    server: {
-        port: 3001 // Customize the port if necessary
-    },
-    build: {
-        lib: {
-          entry: 'src/index.js',
-          name: 'WineaterChatbot',
-          fileName: 'wineater-chatbot'
-        },
-        // Make sure to externalize dependencies that shouldn't be bundled into your library
-        rollupOptions: {
-          external: [],
-          output: {
-            // Provide globals here if needed
-          }
-        }
-      }
-});
+	server: {
+		port: 3001 // Customize the port if necessary
+	},
+	build: {
+		lib: {
+			entry: 'src/index.js',
+			name: 'WineaterChatbot',
+			fileName: () => 'wineater-chatbot'  // base name only
+		},
+		rollupOptions: {
+			output: [
+				{
+					format: 'es',
+					entryFileNames: 'wineater-chatbot.mjs',
+					assetFileNames: (assetInfo) => {
+						if (assetInfo.name && assetInfo.name.endsWith('.css')) {
+							return 'wineater-chatbot.css';   // your desired name
+						}
+						return assetInfo.name || '[name].[ext]';
+					},
+				},
+				{
+					format: 'umd',
+					name: 'WineaterChatbot',
+					entryFileNames: 'wineater-chatbot.umd.js',
+					assetFileNames: (assetInfo) => {
+						if (assetInfo.name && assetInfo.name.endsWith('.css')) {
+							return 'wineater-chatbot.css';
+						}
+						return assetInfo.name || '[name].[ext]';
+					},
+				},
+			],
+		},
+	},
+	test: {
+		expect: { requireAssertions: true },
+		projects: [
+			{
+				extends: './vite.config.js',
+				test: {
+					name: 'client',
+					environment: 'browser',
+					browser: {
+						enabled: true,
+						provider: 'playwright',
+						instances: [{ browser: 'chromium' }]
+					},
+					include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+					exclude: ['src/lib/server/**'],
+					setupFiles: ['./vitest-setup-client.ts']
+				}
+			},
+			{
+				extends: './vite.config.js',
+				test: {
+					name: 'server',
+					environment: 'node',
+					include: ['src/**/*.{test,spec}.{js,ts}'],
+					exclude: ['src/**/*.svelte.{test,spec}.{js,ts}']
+				}
+			}
+		]
+	},
+	plugins: [devtoolsJson(), svelte()]
+});

package/vitest-setup-client.ts

@@ -0,0 +1,2 @@
+/// <reference types="@vitest/browser/matchers" />
+/// <reference types="@vitest/browser/providers/playwright" />

package/src/js/analytics.js

@@ -1,117 +0,0 @@
-// analytics.js
-
-// Function to generate a UUID
-function generateUUID() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0,
-      v = c === 'x' ? r : (r & 0x3 | 0x8);
-    return v.toString(16);
-  });
-}
-
-// Function to set a cookie
-function setCookie(name, value, days) {
-  console.log(name, days);
-  let expires = "";
-  if (days) {
-    const date = new Date();
-    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-    expires = "; expires=" + date.toUTCString();
-  }
-  document.cookie = name + "=" + (value || "") + expires + "; path=/; secure; samesite=strict";
-} 
-
-// Function to get a cookie by name
-function getCookie(name) {
-  const nameEQ = name + "=";
-  const ca = document.cookie.split(';');
-  for (let i = 0; i < ca.length; i++) {
-    let c = ca[i];
-    while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-    if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-  }
-  return null;
-}
-
-function deleteCookie(name) {
-  document.cookie = name + '=; Max-Age=-99999999;';
-}
-
-// Function to set a unique user identifier cookie
-function setUniqueUserCookie() {
-  const cookieName = 'uniqueUserID';
-  let userId = getCookie(cookieName);
-
-  if (!userId) {
-    userId = generateUUID();
-    setCookie(cookieName, userId, 365); // Set cookie to expire in 1 year
-  }
-  return userId;
-}
-  
-  function trackWidgetEvent(event_type, store_id, data = {}, meta = {}) {
-    const endpoint = 'https://admin-api.wineater.com/api/widget-events';
-    
-    // Ensure we have a unique user ID
-    let user_id = getCookie('uniqueUserID');
-    if (!user_id) {
-      user_id = setUniqueUserCookie();
-    }
-
-    // Get device info
-    const device_info = {
-      user_agent: navigator.userAgent,
-      screen_width: window.screen.width,
-      screen_height: window.screen.height,
-      language: navigator.language,
-      platform: navigator.platform
-    };
-
-    // Get current timestamp
-    const event_time = new Date().toISOString();
-
-    // Generate session ID if not exists
-    let session_id = getCookie('sessionID');
-    if (!session_id) {
-      session_id = generateUUID();
-      setCookie('sessionID', session_id, 1); // Session cookie expires in 1 day
-    }
-
-    const payload = {
-      event_type,
-      store_id,
-      session_id,
-      event_time,
-      data,
-      meta: {
-        ...meta,
-        user_id
-      },
-      device_info,
-      region: navigator.language.split('-')[1] || null,
-      language: navigator.language.split('-')[0] || 'en'
-    };
-
-    return fetch(endpoint, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json'
-      },
-      body: JSON.stringify(payload)
-    })
-    .then(response => {
-      if (!response.ok) {
-        return response.json().then(err => {
-          throw new Error(err.message || 'Failed to track widget event');
-        });
-      }
-      return response.json();
-    })
-    .catch(error => {
-      console.error('Widget event tracking error:', error);
-      throw error;
-    });
-  }
-  
-  export { setCookie, getCookie, setUniqueUserCookie, deleteCookie, trackWidgetEvent };
-  

package/src/js/api.js

@@ -1,138 +0,0 @@
-// api.js
-
-const stores = [];
-const DEMO_TOKEN='HeUw6IXuhvz6tRuXdPEGEbj3SGQ3Q2YtEc1Z8jd41Kg9LtyPb4Epu0to31SYIadG';
-
-export class Api {
-    constructor(apiEndpoint) {
-        // Allow users of the library to specify their own endpoint if needed
-        // this.baseURL = 'http://localhost:3000/';
-        this.baseURL = 'https://wineater-backend.vercel.app/';
-        this.store = stores.find(value => window.location.href.includes(value));
-        this.token = window?.wineaterData?.CLIENT_TOKEN || DEMO_TOKEN;
-    }
-
-    async getStoreConfig(storeName) {
-        console.log(storeName);
-        try {
-            const response = await fetch(`${this.baseURL}stores/store`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.token}`
-                },
-                body: JSON.stringify({ store: storeName })
-            });
-            console.log(response);
-            if (!response.ok) throw new Error(`HTTP error! Status: ${response.status}`);
-            return await response.json();
-        } catch (error) {
-            console.error('Error fetching store configuration:', error);
-            throw error;
-        }
-    }
-
-    async getWineRecommendations(text) {
-        console.log(window.location.href);
-        try {
-            const response = await fetch(`${this.baseURL}dish/recommendations`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.token}`
-                },
-                body: JSON.stringify({ text: text, store: this.store ? (this.store.toString().charAt(0).toUpperCase() + this.store.slice(1)) : undefined})
-            });
-
-            const data = await response.json();
-
-            if (!response.ok) {
-                // Providing more detailed error information
-                throw new Error(`API call failed with status ${response.status}: ${data.message || 'No additional error information'}`);
-            }
-
-            return data;
-        } catch (error) {
-            // Log and rethrow to allow consumer of the API to handle or display the error appropriately
-            console.error('Fetching wine recommendations failed:', error.message);
-            throw new Error(`Error in getWineRecommendations: ${error.message}`);
-        }
-    }
-
-    async getWineRecommendationsSearch(text) {
-        console.log(window.location.href);
-        try {
-            const response = await fetch(`${this.baseURL}dish/recommendations/search`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.token}`
-                },
-                body: JSON.stringify({ text: text})
-            });
-
-            const data = await response.json();
-
-            if (!response.ok) {
-                // Providing more detailed error information
-                throw new Error(`API call failed with status ${response.status}: ${data.message || 'No additional error information'}`);
-            }
-
-            return data;
-        } catch (error) {
-            // Log and rethrow to allow consumer of the API to handle or display the error appropriately
-            console.error('Fetching wine recommendations failed:', error.message);
-            throw new Error(`Error in getWineRecommendations: ${error.message}`);
-        }
-    }
-
-    async getPossibleDishesWithMeta(metaTitle, metaDescription) {
-        try {
-            const response = await fetch(`${this.baseURL}dish/possible_dishes`, {
-                method: 'POST',
-                headers: {
-                    'Authorization': `Bearer ${this.token}`,
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({
-                    title: metaTitle,
-                    description: metaDescription
-                })
-            });
-            const data = await response.json();
-            console.log(data);
-            if (!response.ok) {
-                throw new Error(`API call failed with status ${response.status}: ${data.message || 'No additional error information'}`);
-            }
-            return data; // Return the list of dishes
-        } catch (error) {
-            console.error('Error fetching possible dishes:', error);
-            throw error;
-        }
-    }
-    async getInstantRecommendations() {
-        console.log('Fetching instant recommendations...');
-        try {
-            const response = await fetch(`${this.baseURL}dish/recommendations/instant`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.token}`
-                },
-                body: JSON.stringify({ store: this.store})
-            });
-
-            const data = await response.json();
-
-            if (!response.ok) {
-                throw new Error(`API call failed with status ${response.status}: ${data.message || 'No additional error information'}`);
-            }
-
-            console.log('Instant recommendations:', data);
-            return data;
-        } catch (error) {
-            console.error('Fetching instant recommendations failed:', error.message);
-            throw new Error(`Error in getInstantRecommendations: ${error.message}`);
-        }
-    }
-}