wineater-bot 4.0.0 → 4.1.0

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

@@ -2,17 +2,21 @@ import { wineaterApi } from "../api/api";
 import type { CurrencyCode, LanguageCode } from "../i18n/i18n";
 import type { StoreConfig } from "./types";
 import { deserializeStoreConfig } from "./deserialize";
+import type { ProjectUiConfig } from "../ui-config/types";
+import { getProjectUiConfig } from "../ui-config/get-config";
 
 export type AppState = {
     storeConfig: StoreConfig | null;
     currentLanguage: LanguageCode;
     isConfigLoaded: boolean;
+    uiConfig: ProjectUiConfig;
 };
 
 let state = $state<AppState>({
     storeConfig: null,
     currentLanguage: 'en',
     isConfigLoaded: false,
+    uiConfig: null,
 });
 
 export const appStore = {
@@ -64,6 +68,7 @@ export const appStore = {
                 // fallback to store default language
                 this.setStoreLanguage(state.storeConfig.lang as LanguageCode);
             }
+            this.setUiConfig(getProjectUiConfig(state.storeConfig.id));
 
             state.isConfigLoaded = true;
         } catch (error) {
@@ -74,4 +79,10 @@ export const appStore = {
     isInitialized(): boolean {
         return state.isConfigLoaded;
     },
+    getUiConfig(): ProjectUiConfig {
+        return state.uiConfig;
+    },
+    setUiConfig(uiConfig: ProjectUiConfig) {
+        state.uiConfig = uiConfig;
+    }
 }

package/src/services/ui-config/get-config.ts

@@ -0,0 +1,22 @@
+import { projectConfigs } from "./projects-config";
+import { UiConfig } from "./types";
+
+export function getProjectUiConfig(projectId: string): UiConfig {
+    const defaultConfig = {
+        logoUrl: null,
+        brandColor: "#7B2BEB",
+        wineaterColor: "#7B2BEB",
+        customCss: `
+            @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
+            :root { --wineater-font-primary: 'Bricolage Grotesque', serif; }
+        `
+    };
+
+    const projectConfig = projectConfigs[projectId] || {};
+
+    // Merge default config with project-specific config if available
+    return {
+        ...defaultConfig,
+        ...projectConfig,
+    }
+}

package/src/services/ui-config/projects-config.ts

@@ -0,0 +1,62 @@
+import type { ProjectUiConfig } from "./types";
+
+export const projectConfigs: Record<string, ProjectUiConfig> = {
+    "0": {
+        logoUrl: null,
+        brandColor: "#7B2BEB",
+    },
+    "25": {
+        logoUrl: null,
+        brandColor: "#7B2BEB",
+        buttonUppercase: true,
+        customCss: `
+            @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+            :root { --wineater-font-primary: 'Roboto', sans-serif; }
+            #wr-Custom {
+                .wr-Search-input {
+                    border-color: #7c7c7c;
+                    color: #7c7c7c;
+                }
+                .wr-Search-input::placeholder { color: #000000; }
+                .wr-Search-button {
+                    background: #000000;
+                }
+                .wr-Search-button:hover {
+                    background: #E3BE8D;
+                    opacity: 1;
+                }
+
+                .wr-WineTile-params {
+                    color: #7c7c7c;
+                }
+
+                .wr-WineTilePopup-reason {
+                    color: #000000;
+                }
+
+                .wr-WineTilePopup-tag {
+                    color: #000000;
+                    background: rgba(239,239,239,0.7);
+                    border-color: transparent;
+                }
+
+                .wr-WineTile-action {
+                    color: #000000;
+                    border-color: #000000;
+                    background: transparent;
+                }
+
+                .wr-WineTile-action:hover {
+                    background: #000000;
+                    color: #ffffff;
+                    box-shadow: none;
+                }
+            }
+        `,
+        translations: {
+            fr: {
+                "wineDetails.buy": "voir plus"
+            }
+        }
+    }
+};

package/src/services/ui-config/types.ts

@@ -0,0 +1,13 @@
+import { LanguageCode } from "../i18n/i18n";
+
+export type ProjectId = string;
+export type ProjectUiConfig = {
+    logoUrl: string | null;
+    brandColor: string;
+    customCss?: string | null;
+    buttonUppercase?: boolean;
+    translations?: Partial<Record<LanguageCode, Record<string, string>>>;
+}
+export type UiConfig = ProjectUiConfig & {
+    wineaterColor: string;
+}

package/src/services/ui-config/utils.ts

@@ -0,0 +1,12 @@
+export function generateInlineStyle(cssString: string | null): string {
+    if (!cssString) {
+        return '';
+    }
+    const styleId = "custom-ui-config-style";
+    if (document.getElementById(styleId)) return;
+    const style = document.createElement('style');
+    style.id = styleId;
+    style.innerHTML = cssString;
+    document.head.appendChild(style);
+    return styleId;
+}