tailwind-hyperclay 0.1.9 → 0.1.11

package/index.js

@@ -1,6 +1,28 @@
 const { readFile, writeFile } = require('fs/promises');
 const path = require('path');
-const { compile } = require('tailwindcss');
+
+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');
@@ -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,12 +76,13 @@ async function compileTailwind(html) {
       return { content, base: path.dirname(resolved) };
     },
     loadModule: async (id, base) => {
-      const resolved = require.resolve(id, { paths: [base || process.cwd()] });
+      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 resolved = require.resolve(plugin);
+      // 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.9",
+  "version": "0.1.11",
   "description": "On-save Tailwind CSS generator for Hyperclay",
   "main": "index.js",
   "scripts": {
@@ -17,6 +17,7 @@
   "dependencies": {
     "tailwindcss": "^4.0.0-beta.8",
     "@tailwindcss/typography": "^0.5.15",
-    "@tailwindcss/forms": "^0.5.9"
+    "@tailwindcss/forms": "^0.5.9",
+    "postcss-selector-parser": "6.0.10"
   }
 }