dh-remixer-sdk 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dh-remixer-sdk",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "files": [
     "templates",
@@ -10,4 +10,4 @@
   "scripts": {
     "postinstall": "node scripts/postinstall.mjs"
   }
-}
+}

package/scripts/postinstall.mjs

@@ -92,6 +92,11 @@ async function main() {
   const projPkgPath = path.join(projectRoot, "package.json");
   const projPkg = JSON.parse(await fs.readFile(projPkgPath, "utf8"));
   const templateType = projPkg?.remixerMetadata?.template;
+  if (!templateType) {
+    console.warn("Missing remixerMetadata.template in package.json");
+    return;
+  }
+
   const sdkRoot = path.resolve(
     path.dirname(fileURLToPath(import.meta.url)),
     "..",
@@ -105,9 +110,6 @@ async function main() {
   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) =>

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"
+  }
+});