dh-remixer-sdk 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dh-remixer-sdk",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "files": [
     "templates",

package/templates/base/cleanup.json

@@ -3,5 +3,8 @@
   "index.tsx",
   "filemap.json",
   "public/.htaccess",
-  "public/robots.txt"
+  "public/robots.txt",
+  ".gitignore",
+  "tsconfig.json",
+  "vite.config.ts"
 ]

package/templates/base/filemap.json

@@ -4,5 +4,8 @@
   "package.json": "package.json",
   "filemap.json": "filemap.json",
   ".htaccess": "public/.htaccess",
-  "robots.txt": "public/robots.txt"
+  "robots.txt": "public/robots.txt",
+  ".gitignore": ".gitignore",
+  "tsconfig.json": "tsconfig.json",
+  "vite.config.ts": "vite.config.ts"
 }

package/templates/base/package.json

@@ -8,7 +8,7 @@
     "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"
+    "remixer-sdk:update": "npm cache clean --force && npm install dh-remixer-sdk@latest && mv new.package.json package.json"
   },
   "dependencies": {
     "@internationalized/date": "3.10.0",

package/templates/base/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ES2015",
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    "types": [
+      "node"
+    ],
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "allowImportingTsExtensions": true,
+    "noEmit": true
+  }
+}

package/templates/base/vite.config.ts

@@ -0,0 +1,95 @@
+import { defineConfig, Plugin, ResolvedConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import path from "path";
+import fs from "fs";
+
+const VIRTUAL_PREFIX = '\0tailwind-cdn:';
+
+// Transforms CSS imports to inject as <style type="text/tailwindcss"> for Tailwind CDN
+function tailwindCdnPlugin(): Plugin {
+  let config: ResolvedConfig;
+
+  return {
+    name: 'vite-plugin-tailwind-cdn',
+    enforce: 'pre',
+
+    configResolved(resolvedConfig) {
+      config = resolvedConfig;
+    },
+
+    async resolveId(id, importer) {
+      if (!id.endsWith('.css') || id.includes('node_modules')) {
+        return null;
+      }
+
+      let resolved: string | null = null;
+
+      // Use Vite's resolver to handle aliases (e.g., @/, ~/, etc.)
+      const resolution = await this.resolve(id, importer, { skipSelf: true });
+      if (resolution) {
+        resolved = resolution.id;
+      }
+      // Fallback for absolute paths
+      else if (path.isAbsolute(id)) {
+        resolved = id;
+      }
+      // Fallback for relative imports
+      else if (importer && (id.startsWith('./') || id.startsWith('../'))) {
+        const importerDir = importer.startsWith(VIRTUAL_PREFIX)
+          ? path.dirname(importer.slice(VIRTUAL_PREFIX.length))
+          : path.dirname(importer);
+        resolved = path.resolve(importerDir, id);
+      }
+
+      if (resolved && fs.existsSync(resolved)) {
+        return VIRTUAL_PREFIX + resolved + '.js';
+      }
+
+      return null;
+    },
+
+    load(id) {
+      if (!id.startsWith(VIRTUAL_PREFIX)) {
+        return null;
+      }
+
+      const realPath = id.slice(VIRTUAL_PREFIX.length).replace(/\.js$/, '');
+
+      if (!fs.existsSync(realPath)) {
+        return null;
+      }
+
+      const cssContent = fs.readFileSync(realPath, 'utf-8');
+
+      return `
+        (function() {
+          if (typeof document !== 'undefined') {
+            const css = ${JSON.stringify(cssContent)};
+            const style = document.createElement('style');
+            style.type = 'text/tailwindcss';
+            style.setAttribute('data-file', ${JSON.stringify(realPath)});
+            style.textContent = css;
+            document.head.appendChild(style);
+          }
+        })();
+        export default {};
+      `;
+    }
+  };
+}
+
+export default defineConfig({
+  plugins: [
+    tailwindCdnPlugin(),
+    react(),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "."),
+    },
+  },
+  build: {
+    outDir: "out",
+    target: "es2022"
+  }
+});