tailwind-hyperclay 0.1.6 → 0.1.10

package/index.js

@@ -1,6 +1,29 @@
 const { readFile, writeFile } = require('fs/promises');
 const path = require('path');
 
+let compile;
+try {
+  const tw = require('tailwindcss');
+  compile = tw.compile;
+} catch (e) {
+  // Fallback for Electron asarUnpack issue
+  if (process.versions.electron) {
+    try {
+      // Try to look for it in app.asar.unpacked
+      // process.resourcesPath usually points to Contents/Resources
+      // Point directly to the dist file to bypass package.json exports resolution issues in ASAR
+      const unpackedPath = path.join(process.resourcesPath, 'app.asar.unpacked', 'node_modules', 'tailwindcss', 'dist', 'lib.js');
+      const tw = require(unpackedPath);
+      compile = tw.compile;
+    } catch (e2) {
+      console.error('Failed to load tailwindcss from unpacked path:', e2);
+      throw e;
+    }
+  } else {
+    throw e;
+  }
+}
+
 async function generateCSS({ input, output }) {
   const html = await readFile(input, 'utf-8');
 
@@ -14,7 +37,6 @@ async function generateCSS({ input, output }) {
 }
 
 async function compileTailwind(html) {
-  const { compile } = await import('tailwindcss');
 
   const inputCSS = `
 @import "tailwindcss";
@@ -22,10 +44,16 @@ async function compileTailwind(html) {
 @plugin "@tailwindcss/forms" { strategy: "class"; }
 `;
 
+  // Use process.resourcesPath in Electron (production), otherwise __dirname
+  // This ensures we don't rely on process.cwd() which is '/' when double-clicking the app
+  const defaultBase = process.versions.electron && process.resourcesPath
+    ? path.join(process.resourcesPath, 'app.asar.unpacked', 'node_modules') 
+    : __dirname;
+
   const compiler = await compile(inputCSS, {
     loadStylesheet: async (id, base) => {
       let resolved;
-      const searchPaths = [base || process.cwd()];
+      const searchPaths = [base || defaultBase];
 
       // Try resolving as-is first (for .css files)
       try {
@@ -48,16 +76,15 @@ async function compileTailwind(html) {
       return { content, base: path.dirname(resolved) };
     },
     loadModule: async (id, base) => {
-      const { pathToFileURL } = await import('url');
-      const resolved = require.resolve(id, { paths: [base || process.cwd()] });
-      const mod = await import(pathToFileURL(resolved).href);
-      return { module: mod.default, base: path.dirname(resolved) };
+      const resolved = require.resolve(id, { paths: [base || defaultBase] });
+      const mod = require(resolved);
+      return { module: mod.default || mod, base: path.dirname(resolved) };
     },
     loadPlugin: async (plugin) => {
-      const { pathToFileURL } = await import('url');
-      const resolved = require.resolve(plugin);
-      const mod = await import(pathToFileURL(resolved).href);
-      return mod.default;
+      // Plugins need to be found in the app's node_modules
+      const resolved = require.resolve(plugin, { paths: [defaultBase] });
+      const mod = require(resolved);
+      return mod.default || mod;
     }
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-hyperclay",
-  "version": "0.1.6",
+  "version": "0.1.10",
   "description": "On-save Tailwind CSS generator for Hyperclay",
   "main": "index.js",
   "scripts": {