tailwind-hyperclay 0.1.3 → 0.1.6

package/index.js

@@ -1,12 +1,7 @@
-import { compile } from 'tailwindcss';
-import { readFile, writeFile } from 'fs/promises';
-import { createRequire } from 'module';
-import { pathToFileURL } from 'url';
-import path from 'path';
+const { readFile, writeFile } = require('fs/promises');
+const path = require('path');
 
-const require = createRequire(import.meta.url);
-
-export async function generateCSS({ input, output }) {
+async function generateCSS({ input, output }) {
   const html = await readFile(input, 'utf-8');
 
   const css = await compileTailwind(html);
@@ -18,7 +13,9 @@ export async function generateCSS({ input, output }) {
   return css;
 }
 
-export async function compileTailwind(html) {
+async function compileTailwind(html) {
+  const { compile } = await import('tailwindcss');
+
   const inputCSS = `
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
@@ -34,24 +31,30 @@ export async function compileTailwind(html) {
       try {
         resolved = require.resolve(id, { paths: searchPaths });
       } catch {
-        // If that fails, try with /index.css suffix (for package imports like "tailwindcss")
-        resolved = require.resolve(`${id}/index.css`, { paths: searchPaths });
+        // If that fails, try resolving the package main entry and construct path to index.css
+        // This avoids subpath exports which can fail in Electron asar bundles
+        const mainEntry = require.resolve(id, { paths: searchPaths });
+        const pkgRoot = path.resolve(path.dirname(mainEntry), '..');
+        resolved = path.join(pkgRoot, 'index.css');
       }
 
-      // If resolved to a JS file, try the CSS variant
+      // If resolved to a JS file, find package root and use index.css
       if (resolved.endsWith('.js') || resolved.endsWith('.mjs')) {
-        resolved = require.resolve(`${id}/index.css`, { paths: searchPaths });
+        const pkgRoot = path.resolve(path.dirname(resolved), '..');
+        resolved = path.join(pkgRoot, 'index.css');
       }
 
       const content = await readFile(resolved, 'utf-8');
       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) };
     },
     loadPlugin: async (plugin) => {
+      const { pathToFileURL } = await import('url');
       const resolved = require.resolve(plugin);
       const mod = await import(pathToFileURL(resolved).href);
       return mod.default;
@@ -64,7 +67,7 @@ export async function compileTailwind(html) {
   return css;
 }
 
-export function extractCandidates(html) {
+function extractCandidates(html) {
   const candidates = new Set();
 
   // Extract class attribute values
@@ -98,7 +101,7 @@ function extractHrefs(html) {
   return hrefs;
 }
 
-export function getTailwindCssName(html) {
+function getTailwindCssName(html) {
   for (const href of extractHrefs(html)) {
     const name = getTailwindName(href);
     if (name) return name;
@@ -106,15 +109,15 @@ export function getTailwindCssName(html) {
   return null;
 }
 
-export function hasTailwindLink(html, appName) {
+function hasTailwindLink(html, appName) {
   return extractHrefs(html).some(url => getTailwindName(url) === appName);
 }
 
-export function hasAnyTailwindLink(html) {
+function hasAnyTailwindLink(html) {
   return extractHrefs(html).some(url => getTailwindName(url) !== null);
 }
 
-export function replaceTailwindLink(html, newName) {
+function replaceTailwindLink(html, newName) {
   return html.replace(
     /(href\s*=\s*["'])([^"']+)(["'])/gi,
     (match, prefix, url, suffix) => {
@@ -125,3 +128,13 @@ export function replaceTailwindLink(html, newName) {
     }
   );
 }
+
+module.exports = {
+  generateCSS,
+  compileTailwind,
+  extractCandidates,
+  getTailwindCssName,
+  hasTailwindLink,
+  hasAnyTailwindLink,
+  replaceTailwindLink
+};

package/package.json

@@ -1,12 +1,8 @@
 {
   "name": "tailwind-hyperclay",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "description": "On-save Tailwind CSS generator for Hyperclay",
-  "type": "module",
   "main": "index.js",
-  "exports": {
-    ".": "./index.js"
-  },
   "scripts": {
     "test": "node test/test.js",
     "release": "./scripts/release.sh"

package/test/test.js

@@ -1,4 +1,4 @@
-import { compileTailwind, hasTailwindLink, hasAnyTailwindLink, replaceTailwindLink } from '../index.js';
+const { compileTailwind, hasTailwindLink, hasAnyTailwindLink, replaceTailwindLink } = require('../index.js');
 
 const testHTML = `
 <!DOCTYPE html>