dh-remixer-sdk 0.0.1

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "dh-remixer-sdk",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "templates",
+    "scripts",
+    "bin"
+  ],
+  "scripts": {
+    "postinstall": "node scripts/postinstall.mjs"
+  }
+}

package/scripts/postinstall.mjs

@@ -0,0 +1,138 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import fssync from "node:fs";
+import { fileURLToPath } from "node:url";
+
+function isObj(x) {
+  return x != null && typeof x === "object" && !Array.isArray(x);
+}
+
+function jsonMerge(low, high) {
+  if (!isObj(low) || !isObj(high)) {
+    return high === undefined ? low : high;
+  }
+
+  return Object.fromEntries(
+    Object.keys({ ...low, ...high }).map((key) => {
+      const lv = low[key];
+      const hv = high[key];
+
+      if (hv === undefined) return [key, lv];
+      if (Array.isArray(lv) || Array.isArray(hv)) return [key, hv];
+      if (isObj(lv) && isObj(hv)) return [key, jsonMerge(lv, hv)];
+
+      return [key, hv];
+    }),
+  );
+}
+
+async function extractFile(baseFileName, tmplFileName, target) {
+  await fs.mkdir(path.dirname(target), { recursive: true });
+
+  if (fssync.existsSync(tmplFileName)) {
+    await fs.copyFile(tmplFileName, target);
+    return;
+  }
+
+  if (fssync.existsSync(baseFileName)) {
+    await fs.copyFile(baseFileName, target);
+  }
+}
+
+async function extractJsonFile(baseFileName, tmplFileName, target) {
+  const baseExists = fssync.existsSync(baseFileName);
+  const templateExists = fssync.existsSync(tmplFileName);
+
+  if (!baseExists && !templateExists) {
+    return;
+  }
+
+  let jsonContents = {};
+
+  if (baseExists) {
+    const baseContents = JSON.parse(await fs.readFile(baseFileName, "utf8"));
+    jsonContents = jsonMerge(jsonContents, baseContents);
+  }
+
+  if (templateExists) {
+    const tmplContents = JSON.parse(await fs.readFile(tmplFileName, "utf8"));
+    jsonContents = jsonMerge(jsonContents, tmplContents);
+  }
+
+  const stringContents = JSON.stringify(jsonContents, null, 2) + "\n";
+  await fs.mkdir(path.dirname(target), { recursive: true });
+  await fs.writeFile(target, stringContents, "utf8");
+}
+
+async function createNewPackageJsonFile(projectRoot, baseRoot, tmplRoot, vSdk) {
+  const projPkg = JSON.parse(
+    await fs.readFile(path.join(projectRoot, "package.json"), "utf8"),
+  );
+
+  const basePkg = JSON.parse(
+    await fs.readFile(path.join(baseRoot, "package.json"), "utf8"),
+  );
+
+  const tmplPkg = JSON.parse(
+    await fs.readFile(path.join(tmplRoot, "package.json"), "utf8"),
+  );
+
+  const newPkgObj = jsonMerge(projPkg, jsonMerge(basePkg, tmplPkg));
+  newPkgObj.dependencies = jsonMerge(newPkgObj.dependencies || {}, {
+    "dh-remixer-sdk": vSdk,
+  });
+
+  const newPkgString = JSON.stringify(newPkgObj, null, 2) + "\n";
+  const newPkgPath = path.join(projectRoot, "new.package.json");
+  await fs.writeFile(newPkgPath, newPkgString, "utf8");
+}
+
+async function main() {
+  const projectRoot = path.resolve(process.env.INIT_CWD ?? process.cwd());
+  const projPkgPath = path.join(projectRoot, "package.json");
+  const projPkg = JSON.parse(await fs.readFile(projPkgPath, "utf8"));
+  const templateType = projPkg?.remixerMetadata?.template;
+  const sdkRoot = path.resolve(
+    path.dirname(fileURLToPath(import.meta.url)),
+    "..",
+  );
+  const sdkPkgPath = path.join(sdkRoot, "package.json");
+  const sdkVersion = JSON.parse(await fs.readFile(sdkPkgPath, "utf8")).version;
+  const templateRoot = path.join(sdkRoot, "templates", templateType);
+  const baseRoot = path.join(sdkRoot, "templates", "base");
+  const cleanupPath = path.join(baseRoot, "cleanup.json");
+  const filemapPath = path.join(baseRoot, "filemap.json");
+  const cleanup = JSON.parse(await fs.readFile(cleanupPath, "utf8"));
+  const filemap = JSON.parse(await fs.readFile(filemapPath, "utf8"));
+
+  if (!templateType)
+    throw new Error("Missing remixerMetadata.template in package.json");
+
+  // Delete old files
+  await Promise.all(
+    cleanup.map((relativePath) =>
+      fs
+        .rm(path.join(projectRoot, relativePath), {
+          recursive: true,
+          force: true,
+        })
+        .catch(() => {}),
+    ),
+  );
+
+  // Extract new files
+  await Promise.all([
+    ...Object.entries(filemap).map(([fileName, target]) => {
+      const targetPath = path.join(projectRoot, target);
+      const baseFileName = path.join(baseRoot, fileName);
+      const templateFileName = path.join(templateRoot, fileName);
+
+      return fileName.endsWith(".json")
+        ? extractJsonFile(baseFileName, templateFileName, targetPath)
+        : extractFile(baseFileName, templateFileName, targetPath);
+    }),
+    createNewPackageJsonFile(projectRoot, baseRoot, templateRoot, sdkVersion),
+  ]);
+}
+
+await main();

package/templates/base/.htaccess

@@ -0,0 +1,25 @@
+<IfModule mod_rewrite.c>
+
+  RewriteEngine On
+  RewriteBase /
+
+  # Prevent directory listings
+  Options -Indexes
+
+  # Deny access to .htaccess and other hidden files
+  <FilesMatch "^\.">
+    Require all denied
+  </FilesMatch>
+
+  # Don't rewrite files that exist
+  RewriteCond %{REQUEST_FILENAME} -f
+  RewriteRule ^ - [L]
+
+  # Don't rewrite other directories that exist
+  RewriteCond %{REQUEST_FILENAME} -d
+  RewriteRule ^ - [L]
+
+  # Rewrite everything else to index.html
+  RewriteRule ^ index.html [L]
+
+</IfModule>

package/templates/base/cleanup.json

@@ -0,0 +1,7 @@
+[
+  "index.html",
+  "index.tsx",
+  "filemap.json",
+  "public/.htaccess",
+  "public/robots.txt"
+]

package/templates/base/filemap.json

@@ -0,0 +1,8 @@
+{
+  "index.html": "index.html",
+  "index.tsx": "index.tsx",
+  "package.json": "package.json",
+  "filemap.json": "filemap.json",
+  ".htaccess": "public/.htaccess",
+  "robots.txt": "public/robots.txt"
+}

package/templates/base/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title>%VITE_METADATA_TITLE%</title>
+    <meta name="description" content="%VITE_METADATA_DESCRIPTION%" />
+    <link rel="icon" type="image/x-icon" href="%VITE_METADATA_FAVICON%" />
+
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script type="module" src="/index.tsx"></script>
+  </head>
+  <body class="antialiased">
+    <div id="root"></div>
+  </body>
+</html>

package/templates/base/index.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import tailwindConfig from "@/tailwind.config";
+import App from "@/App";
+import { GOOGLE_FONTS_URL } from "@/fonts";
+import { LanguageProvider } from "@/context/LanguageContext";
+import "@/index.css";
+
+// Auto-inject Google Fonts from fonts.googleapis.com
+if (typeof window !== "undefined" && (window as any).document) {
+  const link = document.createElement("link");
+  link.href = GOOGLE_FONTS_URL;
+  link.rel = "stylesheet";
+  document.head.appendChild(link);
+}
+
+// Auto-configure global Tailwind https://cdn.tailwindcss.com
+if (typeof window !== "undefined" && (window as any).tailwind) {
+  (window as any).tailwind.config = tailwindConfig;
+}
+
+const rootElement = document.getElementById("root");
+if (!rootElement) {
+  throw new Error("Could not find root element to mount to");
+}
+
+const root = ReactDOM.createRoot(rootElement);
+root.render(
+  <React.StrictMode>
+    <LanguageProvider>
+      <App />
+    </LanguageProvider>
+  </React.StrictMode>
+);

package/templates/base/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "remixer-ai-website",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "vite build --outDir out",
+    "start": "vite preview --host 0.0.0.0 --mode production --port ${PORT:-4173}",
+    "dev": "vite --host 0.0.0.0 --port ${PORT:-4173} --mode development",
+    "lint": "echo 'Linting not implemented!'",
+    "remixer-sdk:update": "npm install remixer-sdk@latest && mv new.package.json package.json"
+  },
+  "dependencies": {
+    "@internationalized/date": "3.10.0",
+    "@supabase/supabase-js": "2.86.0",
+    "date-fns": "4.1.0",
+    "framer-motion": "12.23.24",
+    "lucide-react": "0.554.0",
+    "react": "19.2.0",
+    "react-aria-components": "1.11.0",
+    "react-dom": "19.2.0",
+    "react-helmet": "6.1.0",
+    "react-router-dom": "7.9.6"
+  },
+  "devDependencies": {
+    "@types/node": "22.19.1",
+    "@vitejs/plugin-react": "5.1.1",
+    "typescript": "5.8.3",
+    "vite": "6.4.1"
+  }
+}

package/templates/base/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

package/templates/ecommerce/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "remixer-ecommerce",
+  "remixerMetadata": {
+    "template": "ecommerce"
+  }
+}

package/templates/landing-page/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "remixer-landing-page",
+  "remixerMetadata": {
+    "template": "landing-page"
+  }
+}