dh-remixer-sdk 0.0.34 → 0.0.35-0fafa3b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dh-remixer-sdk",
-  "version": "0.0.34",
+  "version": "0.0.35-0fafa3b",
   "type": "module",
   "files": [
     "templates",

package/templates/base/context/LanguageContext.tsx

@@ -0,0 +1,87 @@
+import { createContext, useContext, useEffect, useState, ReactNode } from "react";
+
+type LocaleDict = Record<string, string>;
+
+// All locale JSON is bundled at build time and merged into one dictionary per language.
+//
+// New layout: mirrored per-source-file files under assets/locales/<lang>/** (keys are
+// path-prefixed and unique). Adding a namespace = drop in a new file; adding a language =
+// copy the assets/locales/<lang>/ subtree — no edits to this file are ever needed.
+//
+// Legacy layout (kept for backward compatibility with sites not yet migrated): the flat
+// assets/<lang>.json file. Both are merged; mirrored files win on a key clash so a
+// half-migrated project (some keys moved, the rest still in assets/<lang>.json) stays
+// correct.
+const mirroredModules = import.meta.glob("@/assets/locales/**/*.json", { eager: true });
+const legacyModules = import.meta.glob("@/assets/*.json", { eager: true });
+
+const asDict = (mod: unknown): LocaleDict => {
+  const value = (mod as { default?: unknown })?.default ?? mod;
+  return value && typeof value === "object" ? (value as LocaleDict) : {};
+};
+
+const buildLocales = (): Record<string, LocaleDict> => {
+  const locales: Record<string, LocaleDict> = {};
+  const merge = (lang: string, dict: LocaleDict) => {
+    locales[lang] = { ...(locales[lang] ?? {}), ...dict };
+  };
+
+  // Legacy first (lower precedence).
+  for (const [path, mod] of Object.entries(legacyModules)) {
+    // Only files named with a 2-letter ISO code are locales; skip assets/images.json etc.
+    const match = path.match(/\/assets\/([A-Za-z]{2}(?:-[A-Za-z]{2})?)\.json$/);
+    if (!match) continue;
+    merge(match[1], asDict(mod));
+  }
+
+  // Mirrored second (higher precedence — wins on key clash during migration).
+  for (const [path, mod] of Object.entries(mirroredModules)) {
+    // assets/locales/<lang>/<...>.json — the language is the first segment after assets/locales/.
+    const match = path.match(/\/assets\/locales\/([^/]+)\//);
+    if (!match) continue;
+    merge(match[1], asDict(mod));
+  }
+
+  return locales;
+};
+
+const locales = buildLocales();
+
+interface LanguageContextType {
+  language: string;
+  setLanguage: (lang: string) => void;
+  t: (key: string) => string;
+}
+
+const LanguageContext = createContext<LanguageContextType | undefined>(undefined);
+
+interface LanguageProviderProps {
+  children: ReactNode;
+}
+
+export const LanguageProvider = ({ children }: LanguageProviderProps) => {
+  const [language, setLanguage] = useState<string>("en");
+
+  // Reflect the active language on <html lang> (a11y/SEO, and so tools can read it).
+  useEffect(() => {
+    document.documentElement.lang = language;
+  }, [language]);
+
+  const t = (key: string): string => {
+    return locales[language]?.[key] || key;
+  };
+
+  return (
+    <LanguageContext.Provider value={{ language, setLanguage, t }}>
+      {children}
+    </LanguageContext.Provider>
+  );
+};
+
+export const useLanguage = () => {
+  const context = useContext(LanguageContext);
+  if (!context) {
+    throw new Error("useLanguage must be used within a LanguageProvider");
+  }
+  return context;
+};

package/templates/base/filemap.json

@@ -8,6 +8,7 @@
   "vite.config.ts": "vite.config.ts",
   "robots.txt": "public/robots.txt",
   ".htaccess": "public/.htaccess",
+  "context/LanguageContext.tsx": "context/LanguageContext.tsx",
   "remixer.ts": "lib/remixer.ts",
   "remixer/actions.ts": "lib/remixer/actions.ts",
   "remixer/anonToken.ts": "lib/remixer/anonToken.ts",

package/templates/base/package.json

@@ -14,12 +14,18 @@
     "@internationalized/date": "3.10.0",
     "@openobserve/browser-logs": "0.3.1",
     "@openobserve/browser-rum-slim": "0.3.1",
+    "@radix-ui/react-accordion": "1.2.14",
     "@react-three/drei": "10.0.6",
     "@react-three/fiber": "9.5.0",
     "@react-three/postprocessing": "3.0.4",
     "@supabase/supabase-js": "2.86.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
     "date-fns": "4.1.0",
     "framer-motion": "12.23.24",
+    "gsap": "3.15.0",
+    "hls.js": "1.6.16",
+    "lenis": "1.3.25",
     "lucide-react": "0.554.0",
     "motion-dom": "12.40.0",
     "postprocessing": "6.37.0",
@@ -28,6 +34,9 @@
     "react-dom": "19.2.0",
     "react-helmet-async": "3.0.0",
     "react-router-dom": "7.9.6",
+    "recharts": "3.9.0",
+    "swiper": "14.0.1",
+    "tailwind-merge": "2.6.1",
     "three": "0.171.0"
   },
   "devDependencies": {
@@ -36,6 +45,7 @@
     "autoprefixer": "10.4.21",
     "postcss": "8.5.3",
     "tailwindcss": "3.4.17",
+    "tailwindcss-animate": "1.0.7",
     "typescript": "5.8.3",
     "vite": "6.4.1"
   }

package/templates/base/remixer/auth.ts

@@ -15,7 +15,9 @@ async function brokerEmailAuth(path: 'signin' | 'signup', email: string, passwor
       email,
       password,
       metadata,
-      return_to: window.location.origin,
+      // Land email-confirmation on /account so the generated Account page's
+      // exchange handler redeems the code — same return target as Google sign-in.
+      return_to: `${window.location.origin}/account`,
     }),
   });