tailwind-hyperclay 0.1.13 → 0.1.15

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.1.14] - 2026-01-31
+
+### Changed
+- Add fallback module resolution from own node_modules
+
+
+
 ## [0.1.13] - 2026-01-12
 
 ### Changed

package/index.js

@@ -54,7 +54,8 @@ async function compileTailwind(html) {
   // Determine base path for module resolution
   // - In packaged Electron apps: use app.asar.unpacked/node_modules
   // - In Electron dev mode or Node.js: use parent of __dirname (node_modules)
-  let defaultBase = path.join(__dirname, '..');  // Default: node_modules directory
+  let defaultBase = path.join(__dirname, '..');  // Default: node_modules directory (when installed as a dep)
+  const ownBase = __dirname;  // Fallback: resolve from own node_modules (when running from repo)
 
   if (process.versions.electron && process.resourcesPath) {
     const asarUnpackedPath = path.join(process.resourcesPath, 'app.asar.unpacked', 'node_modules');
@@ -70,7 +71,7 @@ async function compileTailwind(html) {
   const compiler = await compile(inputCSS, {
     loadStylesheet: async (id, base) => {
       let resolved;
-      const searchPaths = [base || defaultBase];
+      const searchPaths = [base || defaultBase, ownBase];
 
       // Try resolving as-is first (for .css files)
       try {
@@ -93,13 +94,12 @@ async function compileTailwind(html) {
       return { content, base: path.dirname(resolved) };
     },
     loadModule: async (id, base) => {
-      const resolved = require.resolve(id, { paths: [base || defaultBase] });
+      const resolved = require.resolve(id, { paths: [base || defaultBase, ownBase] });
       const mod = require(resolved);
       return { module: mod.default || mod, base: path.dirname(resolved) };
     },
     loadPlugin: async (plugin) => {
-      // Plugins need to be found in the app's node_modules
-      const resolved = require.resolve(plugin, { paths: [defaultBase] });
+      const resolved = require.resolve(plugin, { paths: [defaultBase, ownBase] });
       const mod = require(resolved);
       return mod.default || mod;
     }
@@ -153,20 +153,17 @@ function getTailwindCssName(html) {
   return null;
 }
 
-function hasTailwindLink(html, appName) {
-  return extractHrefs(html).some(url => getTailwindName(url) === appName);
-}
-
 function hasAnyTailwindLink(html) {
   return extractHrefs(html).some(url => getTailwindName(url) !== null);
 }
 
-function replaceTailwindLink(html, newName) {
+function replaceTailwindLink(html, newName, sitePath) {
+  const scopedName = sitePath ? `${sitePath}/${newName}` : newName;
   return html.replace(
     /(href\s*=\s*["'])([^"']+)(["'])/gi,
     (match, prefix, url, suffix) => {
       if (getTailwindName(url) !== null) {
-        return `${prefix}https://hyperclay.com/tailwindcss/${newName}.css${suffix}`;
+        return `${prefix}/tailwindcss/${scopedName}.css${suffix}`;
       }
       return match;
     }
@@ -178,7 +175,6 @@ module.exports = {
   compileTailwind,
   extractCandidates,
   getTailwindCssName,
-  hasTailwindLink,
   hasAnyTailwindLink,
   replaceTailwindLink
 };

package/package.json

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