@akashjs/vite-plugin 0.1.1 → 0.1.3

package/README.md

@@ -0,0 +1,21 @@
+# @akashjs/vite-plugin
+
+AkashJS Vite plugin — .akash file transformation and HMR
+
+Part of the [AkashJS](https://github.com/phpirate/akashjs) framework.
+
+## Installation
+
+```bash
+npm install @akashjs/vite-plugin
+```
+
+## Documentation
+
+- [Guide](https://akash.js.org/guide/introduction)
+- [API Reference](https://akash.js.org/api/vite-plugin)
+- [GitHub](https://github.com/phpirate/akashjs)
+
+## License
+
+MIT

package/dist/index.cjs

@@ -1,51 +1,4 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  akash: () => akash,
-  default: () => akash
-});
-module.exports = __toCommonJS(index_exports);
-var import_compiler2 = require("@akashjs/compiler");
-
-// src/hmr.ts
-var import_compiler = require("@akashjs/compiler");
-function analyzeHmrChange(oldSource, newSource) {
-  const oldSfc = (0, import_compiler.parse)(oldSource);
-  const newSfc = (0, import_compiler.parse)(newSource);
-  const scriptChanged = (oldSfc.script?.content ?? "") !== (newSfc.script?.content ?? "");
-  const templateChanged = (oldSfc.template?.content ?? "") !== (newSfc.template?.content ?? "");
-  const styleChanged = (oldSfc.style?.content ?? "") !== (newSfc.style?.content ?? "");
-  const styleOnly = styleChanged && !scriptChanged && !templateChanged;
-  const needsFullReload = scriptChanged;
-  return {
-    scriptChanged,
-    templateChanged,
-    styleChanged,
-    styleOnly,
-    needsFullReload
-  };
-}
-function generateHmrCode(id) {
-  return `
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var compiler=require('@akashjs/compiler');function p(l,i){let o=compiler.parse(l),a=compiler.parse(i),e=(o.script?.content??"")!==(a.script?.content??""),n=(o.template?.content??"")!==(a.template?.content??""),s=(o.style?.content??"")!==(a.style?.content??"");return {scriptChanged:e,templateChanged:n,styleChanged:s,styleOnly:s&&!e&&!n,needsFullReload:e}}function u(l){return `
 // HMR
 if (import.meta.hot) {
   import.meta.hot.accept((newModule) => {
@@ -55,89 +8,19 @@ if (import.meta.hot) {
     }
   });
 }
-`;
-}
-function generateStyleHmrCode(styleId) {
-  return `
+`}function y(l){return `
 // Style HMR
 if (import.meta.hot) {
   import.meta.hot.accept();
   // Remove old style element and re-inject
-  const oldStyle = document.querySelector('[data-akash-style="${styleId}"]');
+  const oldStyle = document.querySelector('[data-akash-style="${l}"]');
   if (oldStyle) oldStyle.remove();
 }
-`;
-}
-
-// src/index.ts
-function akash(options = {}) {
-  const cssMode = options.css ?? "injected";
-  let isProduction = false;
-  const sourceCache = /* @__PURE__ */ new Map();
-  return {
-    name: "akash",
-    enforce: "pre",
-    configResolved(config) {
-      isProduction = config.command === "build";
-    },
-    transform(code, id) {
-      if (!id.endsWith(".akash")) return null;
-      const result = (0, import_compiler2.compile)(code, {
-        filename: id,
-        dev: !isProduction
-      });
-      let output = result.code;
-      if (result.css) {
-        if (cssMode === "injected") {
-          const cssCode = result.css.replace(/`/g, "\\`").replace(/\\/g, "\\\\");
-          const styleId = id.replace(/[^a-zA-Z0-9]/g, "_");
-          output += `
+`}function f(l={}){let i=l.css??"injected",o=false,a=new Map;return {name:"akash",enforce:"pre",configResolved(e){o=e.command==="build";},transform(e,n){if(!n.endsWith(".akash"))return null;let s=compiler.compile(e,{filename:n,dev:!o}),t=s.code;if(s.css&&i==="injected"){let r=s.css.replace(/`/g,"\\`").replace(/\\/g,"\\\\"),c=n.replace(/[^a-zA-Z0-9]/g,"_");t+=`
 // Injected scoped styles
-`;
-          output += `const __akash_style = document.createElement('style');
-`;
-          output += `__akash_style.setAttribute('data-akash-style', '${styleId}');
-`;
-          output += `__akash_style.textContent = \`${cssCode}\`;
-`;
-          output += `document.head.appendChild(__akash_style);
-`;
-          if (!isProduction) {
-            output += generateStyleHmrCode(styleId);
-          }
-        }
-      }
-      if (!isProduction) {
-        output += generateHmrCode(id);
-      }
-      sourceCache.set(id, code);
-      return {
-        code: output,
-        map: null
-        // TODO: integrate SourceMapBuilder
-      };
-    },
-    handleHotUpdate({ file, server, modules, read }) {
-      if (!file.endsWith(".akash")) return;
-      const oldSource = sourceCache.get(file);
-      if (oldSource) {
-        read().then((newSource) => {
-          const analysis = analyzeHmrChange(oldSource, newSource);
-          if (analysis.styleOnly) {
-            server.ws.send({
-              type: "custom",
-              event: "akash:style-update",
-              data: { file }
-            });
-          }
-        });
-      }
-      return modules;
-    }
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  akash
-});
+`,t+=`const __akash_style = document.createElement('style');
+`,t+=`__akash_style.setAttribute('data-akash-style', '${c}');
+`,t+=`__akash_style.textContent = \`${r}\`;
+`,t+=`document.head.appendChild(__akash_style);
+`,o||(t+=y(c));}return o||(t+=u()),a.set(n,e),{code:t,map:null}},handleHotUpdate({file:e,server:n,modules:s,read:t}){if(!e.endsWith(".akash"))return;let r=a.get(e);return r&&t().then(c=>{p(r,c).styleOnly&&n.ws.send({type:"custom",event:"akash:style-update",data:{file:e}});}),s}}}exports.akash=f;exports.default=f;//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/hmr.ts"],"sourcesContent":["/**\n * AkashJS Vite plugin.\n *\n * Transforms .akash single-file components during development\n * and production builds. Handles HMR for style-only and\n * template-only changes.\n */\n\nimport { compile } from '@akashjs/compiler';\nimport type { Plugin } from 'vite';\nimport { analyzeHmrChange, generateHmrCode, generateStyleHmrCode } from './hmr.js';\n\nexport interface AkashPluginOptions {\n  /** Include file patterns (default: .akash files) */\n  include?: string[];\n  /** CSS injection mode: 'external' extracts CSS, 'injected' inlines it */\n  css?: 'external' | 'injected';\n}\n\nexport default function akash(options: AkashPluginOptions = {}): Plugin {\n  const cssMode = options.css ?? 'injected';\n  let isProduction = false;\n\n  // Cache previous source for HMR diffing\n  const sourceCache = new Map<string, string>();\n\n  return {\n    name: 'akash',\n    enforce: 'pre',\n\n    configResolved(config) {\n      isProduction = config.command === 'build';\n    },\n\n    transform(code, id) {\n      if (!id.endsWith('.akash')) return null;\n\n      const result = compile(code, {\n        filename: id,\n        dev: !isProduction,\n      });\n\n      let output = result.code;\n\n      // Inject CSS\n      if (result.css) {\n        if (cssMode === 'injected') {\n          const cssCode = result.css.replace(/`/g, '\\\\`').replace(/\\\\/g, '\\\\\\\\');\n          const styleId = id.replace(/[^a-zA-Z0-9]/g, '_');\n          output += `\\n// Injected scoped styles\\n`;\n          output += `const __akash_style = document.createElement('style');\\n`;\n          output += `__akash_style.setAttribute('data-akash-style', '${styleId}');\\n`;\n          output += `__akash_style.textContent = \\`${cssCode}\\`;\\n`;\n          output += `document.head.appendChild(__akash_style);\\n`;\n\n          // Add style HMR in dev mode\n          if (!isProduction) {\n            output += generateStyleHmrCode(styleId);\n          }\n        }\n      }\n\n      // Add HMR support in dev mode\n      if (!isProduction) {\n        output += generateHmrCode(id);\n      }\n\n      // Cache source for HMR diffing\n      sourceCache.set(id, code);\n\n      return {\n        code: output,\n        map: null, // TODO: integrate SourceMapBuilder\n      };\n    },\n\n    handleHotUpdate({ file, server, modules, read }) {\n      if (!file.endsWith('.akash')) return;\n\n      const oldSource = sourceCache.get(file);\n\n      if (oldSource) {\n        // Read new source to analyze what changed\n        read().then((newSource) => {\n          const analysis = analyzeHmrChange(oldSource, newSource);\n\n          if (analysis.styleOnly) {\n            // Style-only change — Vite will handle the CSS update\n            // via the style HMR code we injected\n            server.ws.send({\n              type: 'custom',\n              event: 'akash:style-update',\n              data: { file },\n            });\n          }\n        });\n      }\n\n      // Always return modules to invalidate — the HMR code in the\n      // client handles the actual update strategy\n      return modules;\n    },\n  };\n}\n\nexport { akash };\n","/**\n * HMR handling for .akash files.\n *\n * Determines the type of change (script, template, style) and\n * sends targeted HMR updates. Style-only changes can hot-swap\n * without a full component reload.\n */\n\nimport { parse } from '@akashjs/compiler';\nimport type { HmrContext, ModuleNode } from 'vite';\n\nexport interface HmrAnalysis {\n  /** Whether the script block changed */\n  scriptChanged: boolean;\n  /** Whether the template block changed */\n  templateChanged: boolean;\n  /** Whether the style block changed */\n  styleChanged: boolean;\n  /** Whether this is a style-only change (can hot-swap) */\n  styleOnly: boolean;\n  /** Whether a full reload is needed */\n  needsFullReload: boolean;\n}\n\n/**\n * Compare old and new source to determine what changed.\n */\nexport function analyzeHmrChange(oldSource: string, newSource: string): HmrAnalysis {\n  const oldSfc = parse(oldSource);\n  const newSfc = parse(newSource);\n\n  const scriptChanged = (oldSfc.script?.content ?? '') !== (newSfc.script?.content ?? '');\n  const templateChanged = (oldSfc.template?.content ?? '') !== (newSfc.template?.content ?? '');\n  const styleChanged = (oldSfc.style?.content ?? '') !== (newSfc.style?.content ?? '');\n\n  const styleOnly = styleChanged && !scriptChanged && !templateChanged;\n  const needsFullReload = scriptChanged;\n\n  return {\n    scriptChanged,\n    templateChanged,\n    styleChanged,\n    styleOnly,\n    needsFullReload,\n  };\n}\n\n/**\n * Generate the HMR client code that gets injected into the module.\n * This code is appended to the compiled output in dev mode.\n */\nexport function generateHmrCode(id: string): string {\n  return `\n// HMR\nif (import.meta.hot) {\n  import.meta.hot.accept((newModule) => {\n    if (newModule) {\n      // Full module replacement — the new default export\n      // replaces the component in the parent's render tree\n    }\n  });\n}\n`;\n}\n\n/**\n * Generate style-only HMR code.\n * When only styles change, we can hot-swap the <style> element\n * without re-rendering the component.\n */\nexport function generateStyleHmrCode(styleId: string): string {\n  return `\n// Style HMR\nif (import.meta.hot) {\n  import.meta.hot.accept();\n  // Remove old style element and re-inject\n  const oldStyle = document.querySelector('[data-akash-style=\"${styleId}\"]');\n  if (oldStyle) oldStyle.remove();\n}\n`;\n}\n\n/**\n * Handle hot update for .akash files.\n * Returns the affected modules that need updating.\n */\nexport function handleAkashHotUpdate(\n  file: string,\n  modules: ModuleNode[],\n  oldSource: string | undefined,\n  newSource: string,\n): { modules: ModuleNode[]; type: 'full' | 'style-only' } {\n  if (!oldSource) {\n    return { modules, type: 'full' };\n  }\n\n  const analysis = analyzeHmrChange(oldSource, newSource);\n\n  if (analysis.styleOnly) {\n    // Style-only update — can be applied without full reload\n    return { modules, type: 'style-only' };\n  }\n\n  // Script or template changed — need full module invalidation\n  return { modules, type: 'full' };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,IAAAA,mBAAwB;;;ACAxB,sBAAsB;AAmBf,SAAS,iBAAiB,WAAmB,WAAgC;AAClF,QAAM,aAAS,uBAAM,SAAS;AAC9B,QAAM,aAAS,uBAAM,SAAS;AAE9B,QAAM,iBAAiB,OAAO,QAAQ,WAAW,SAAS,OAAO,QAAQ,WAAW;AACpF,QAAM,mBAAmB,OAAO,UAAU,WAAW,SAAS,OAAO,UAAU,WAAW;AAC1F,QAAM,gBAAgB,OAAO,OAAO,WAAW,SAAS,OAAO,OAAO,WAAW;AAEjF,QAAM,YAAY,gBAAgB,CAAC,iBAAiB,CAAC;AACrD,QAAM,kBAAkB;AAExB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAMO,SAAS,gBAAgB,IAAoB;AAClD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWT;AAOO,SAAS,qBAAqB,SAAyB;AAC5D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gEAKuD,OAAO;AAAA;AAAA;AAAA;AAIvE;;;AD7De,SAAR,MAAuB,UAA8B,CAAC,GAAW;AACtE,QAAM,UAAU,QAAQ,OAAO;AAC/B,MAAI,eAAe;AAGnB,QAAM,cAAc,oBAAI,IAAoB;AAE5C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,eAAe,QAAQ;AACrB,qBAAe,OAAO,YAAY;AAAA,IACpC;AAAA,IAEA,UAAU,MAAM,IAAI;AAClB,UAAI,CAAC,GAAG,SAAS,QAAQ,EAAG,QAAO;AAEnC,YAAM,aAAS,0BAAQ,MAAM;AAAA,QAC3B,UAAU;AAAA,QACV,KAAK,CAAC;AAAA,MACR,CAAC;AAED,UAAI,SAAS,OAAO;AAGpB,UAAI,OAAO,KAAK;AACd,YAAI,YAAY,YAAY;AAC1B,gBAAM,UAAU,OAAO,IAAI,QAAQ,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM;AACrE,gBAAM,UAAU,GAAG,QAAQ,iBAAiB,GAAG;AAC/C,oBAAU;AAAA;AAAA;AACV,oBAAU;AAAA;AACV,oBAAU,mDAAmD,OAAO;AAAA;AACpE,oBAAU,iCAAiC,OAAO;AAAA;AAClD,oBAAU;AAAA;AAGV,cAAI,CAAC,cAAc;AACjB,sBAAU,qBAAqB,OAAO;AAAA,UACxC;AAAA,QACF;AAAA,MACF;AAGA,UAAI,CAAC,cAAc;AACjB,kBAAU,gBAAgB,EAAE;AAAA,MAC9B;AAGA,kBAAY,IAAI,IAAI,IAAI;AAExB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,KAAK;AAAA;AAAA,MACP;AAAA,IACF;AAAA,IAEA,gBAAgB,EAAE,MAAM,QAAQ,SAAS,KAAK,GAAG;AAC/C,UAAI,CAAC,KAAK,SAAS,QAAQ,EAAG;AAE9B,YAAM,YAAY,YAAY,IAAI,IAAI;AAEtC,UAAI,WAAW;AAEb,aAAK,EAAE,KAAK,CAAC,cAAc;AACzB,gBAAM,WAAW,iBAAiB,WAAW,SAAS;AAEtD,cAAI,SAAS,WAAW;AAGtB,mBAAO,GAAG,KAAK;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAM,EAAE,KAAK;AAAA,YACf,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH;AAIA,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":["import_compiler"]}
+{"version":3,"sources":["../src/hmr.ts","../src/index.ts"],"names":["analyzeHmrChange","oldSource","newSource","oldSfc","parse","newSfc","scriptChanged","templateChanged","styleChanged","generateHmrCode","id","generateStyleHmrCode","styleId","akash","options","cssMode","isProduction","sourceCache","config","code","result","compile","output","cssCode","file","server","modules","read"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * HMR handling for .akash files.\n *\n * Determines the type of change (script, template, style) and\n * sends targeted HMR updates. Style-only changes can hot-swap\n * without a full component reload.\n */\n\nimport { parse } from '@akashjs/compiler';\nimport type { HmrContext, ModuleNode } from 'vite';\n\nexport interface HmrAnalysis {\n  /** Whether the script block changed */\n  scriptChanged: boolean;\n  /** Whether the template block changed */\n  templateChanged: boolean;\n  /** Whether the style block changed */\n  styleChanged: boolean;\n  /** Whether this is a style-only change (can hot-swap) */\n  styleOnly: boolean;\n  /** Whether a full reload is needed */\n  needsFullReload: boolean;\n}\n\n/**\n * Compare old and new source to determine what changed.\n */\nexport function analyzeHmrChange(oldSource: string, newSource: string): HmrAnalysis {\n  const oldSfc = parse(oldSource);\n  const newSfc = parse(newSource);\n\n  const scriptChanged = (oldSfc.script?.content ?? '') !== (newSfc.script?.content ?? '');\n  const templateChanged = (oldSfc.template?.content ?? '') !== (newSfc.template?.content ?? '');\n  const styleChanged = (oldSfc.style?.content ?? '') !== (newSfc.style?.content ?? '');\n\n  const styleOnly = styleChanged && !scriptChanged && !templateChanged;\n  const needsFullReload = scriptChanged;\n\n  return {\n    scriptChanged,\n    templateChanged,\n    styleChanged,\n    styleOnly,\n    needsFullReload,\n  };\n}\n\n/**\n * Generate the HMR client code that gets injected into the module.\n * This code is appended to the compiled output in dev mode.\n */\nexport function generateHmrCode(id: string): string {\n  return `\n// HMR\nif (import.meta.hot) {\n  import.meta.hot.accept((newModule) => {\n    if (newModule) {\n      // Full module replacement — the new default export\n      // replaces the component in the parent's render tree\n    }\n  });\n}\n`;\n}\n\n/**\n * Generate style-only HMR code.\n * When only styles change, we can hot-swap the <style> element\n * without re-rendering the component.\n */\nexport function generateStyleHmrCode(styleId: string): string {\n  return `\n// Style HMR\nif (import.meta.hot) {\n  import.meta.hot.accept();\n  // Remove old style element and re-inject\n  const oldStyle = document.querySelector('[data-akash-style=\"${styleId}\"]');\n  if (oldStyle) oldStyle.remove();\n}\n`;\n}\n\n/**\n * Handle hot update for .akash files.\n * Returns the affected modules that need updating.\n */\nexport function handleAkashHotUpdate(\n  file: string,\n  modules: ModuleNode[],\n  oldSource: string | undefined,\n  newSource: string,\n): { modules: ModuleNode[]; type: 'full' | 'style-only' } {\n  if (!oldSource) {\n    return { modules, type: 'full' };\n  }\n\n  const analysis = analyzeHmrChange(oldSource, newSource);\n\n  if (analysis.styleOnly) {\n    // Style-only update — can be applied without full reload\n    return { modules, type: 'style-only' };\n  }\n\n  // Script or template changed — need full module invalidation\n  return { modules, type: 'full' };\n}\n","/**\n * AkashJS Vite plugin.\n *\n * Transforms .akash single-file components during development\n * and production builds. Handles HMR for style-only and\n * template-only changes.\n */\n\nimport { compile } from '@akashjs/compiler';\nimport type { Plugin } from 'vite';\nimport { analyzeHmrChange, generateHmrCode, generateStyleHmrCode } from './hmr.js';\n\nexport interface AkashPluginOptions {\n  /** Include file patterns (default: .akash files) */\n  include?: string[];\n  /** CSS injection mode: 'external' extracts CSS, 'injected' inlines it */\n  css?: 'external' | 'injected';\n}\n\nexport default function akash(options: AkashPluginOptions = {}): Plugin {\n  const cssMode = options.css ?? 'injected';\n  let isProduction = false;\n\n  // Cache previous source for HMR diffing\n  const sourceCache = new Map<string, string>();\n\n  return {\n    name: 'akash',\n    enforce: 'pre',\n\n    configResolved(config) {\n      isProduction = config.command === 'build';\n    },\n\n    transform(code, id) {\n      if (!id.endsWith('.akash')) return null;\n\n      const result = compile(code, {\n        filename: id,\n        dev: !isProduction,\n      });\n\n      let output = result.code;\n\n      // Inject CSS\n      if (result.css) {\n        if (cssMode === 'injected') {\n          const cssCode = result.css.replace(/`/g, '\\\\`').replace(/\\\\/g, '\\\\\\\\');\n          const styleId = id.replace(/[^a-zA-Z0-9]/g, '_');\n          output += `\\n// Injected scoped styles\\n`;\n          output += `const __akash_style = document.createElement('style');\\n`;\n          output += `__akash_style.setAttribute('data-akash-style', '${styleId}');\\n`;\n          output += `__akash_style.textContent = \\`${cssCode}\\`;\\n`;\n          output += `document.head.appendChild(__akash_style);\\n`;\n\n          // Add style HMR in dev mode\n          if (!isProduction) {\n            output += generateStyleHmrCode(styleId);\n          }\n        }\n      }\n\n      // Add HMR support in dev mode\n      if (!isProduction) {\n        output += generateHmrCode(id);\n      }\n\n      // Cache source for HMR diffing\n      sourceCache.set(id, code);\n\n      return {\n        code: output,\n        map: null, // TODO: integrate SourceMapBuilder\n      };\n    },\n\n    handleHotUpdate({ file, server, modules, read }) {\n      if (!file.endsWith('.akash')) return;\n\n      const oldSource = sourceCache.get(file);\n\n      if (oldSource) {\n        // Read new source to analyze what changed\n        read().then((newSource) => {\n          const analysis = analyzeHmrChange(oldSource, newSource);\n\n          if (analysis.styleOnly) {\n            // Style-only change — Vite will handle the CSS update\n            // via the style HMR code we injected\n            server.ws.send({\n              type: 'custom',\n              event: 'akash:style-update',\n              data: { file },\n            });\n          }\n        });\n      }\n\n      // Always return modules to invalidate — the HMR code in the\n      // client handles the actual update strategy\n      return modules;\n    },\n  };\n}\n\nexport { akash };\n"]}

package/dist/index.js

@@ -1,26 +1,4 @@
-// src/index.ts
-import { compile } from "@akashjs/compiler";
-
-// src/hmr.ts
-import { parse } from "@akashjs/compiler";
-function analyzeHmrChange(oldSource, newSource) {
-  const oldSfc = parse(oldSource);
-  const newSfc = parse(newSource);
-  const scriptChanged = (oldSfc.script?.content ?? "") !== (newSfc.script?.content ?? "");
-  const templateChanged = (oldSfc.template?.content ?? "") !== (newSfc.template?.content ?? "");
-  const styleChanged = (oldSfc.style?.content ?? "") !== (newSfc.style?.content ?? "");
-  const styleOnly = styleChanged && !scriptChanged && !templateChanged;
-  const needsFullReload = scriptChanged;
-  return {
-    scriptChanged,
-    templateChanged,
-    styleChanged,
-    styleOnly,
-    needsFullReload
-  };
-}
-function generateHmrCode(id) {
-  return `
+import {compile,parse}from'@akashjs/compiler';function p(l,i){let o=parse(l),a=parse(i),e=(o.script?.content??"")!==(a.script?.content??""),n=(o.template?.content??"")!==(a.template?.content??""),s=(o.style?.content??"")!==(a.style?.content??"");return {scriptChanged:e,templateChanged:n,styleChanged:s,styleOnly:s&&!e&&!n,needsFullReload:e}}function u(l){return `
 // HMR
 if (import.meta.hot) {
   import.meta.hot.accept((newModule) => {
@@ -30,89 +8,19 @@ if (import.meta.hot) {
     }
   });
 }
-`;
-}
-function generateStyleHmrCode(styleId) {
-  return `
+`}function y(l){return `
 // Style HMR
 if (import.meta.hot) {
   import.meta.hot.accept();
   // Remove old style element and re-inject
-  const oldStyle = document.querySelector('[data-akash-style="${styleId}"]');
+  const oldStyle = document.querySelector('[data-akash-style="${l}"]');
   if (oldStyle) oldStyle.remove();
 }
-`;
-}
-
-// src/index.ts
-function akash(options = {}) {
-  const cssMode = options.css ?? "injected";
-  let isProduction = false;
-  const sourceCache = /* @__PURE__ */ new Map();
-  return {
-    name: "akash",
-    enforce: "pre",
-    configResolved(config) {
-      isProduction = config.command === "build";
-    },
-    transform(code, id) {
-      if (!id.endsWith(".akash")) return null;
-      const result = compile(code, {
-        filename: id,
-        dev: !isProduction
-      });
-      let output = result.code;
-      if (result.css) {
-        if (cssMode === "injected") {
-          const cssCode = result.css.replace(/`/g, "\\`").replace(/\\/g, "\\\\");
-          const styleId = id.replace(/[^a-zA-Z0-9]/g, "_");
-          output += `
+`}function f(l={}){let i=l.css??"injected",o=false,a=new Map;return {name:"akash",enforce:"pre",configResolved(e){o=e.command==="build";},transform(e,n){if(!n.endsWith(".akash"))return null;let s=compile(e,{filename:n,dev:!o}),t=s.code;if(s.css&&i==="injected"){let r=s.css.replace(/`/g,"\\`").replace(/\\/g,"\\\\"),c=n.replace(/[^a-zA-Z0-9]/g,"_");t+=`
 // Injected scoped styles
-`;
-          output += `const __akash_style = document.createElement('style');
-`;
-          output += `__akash_style.setAttribute('data-akash-style', '${styleId}');
-`;
-          output += `__akash_style.textContent = \`${cssCode}\`;
-`;
-          output += `document.head.appendChild(__akash_style);
-`;
-          if (!isProduction) {
-            output += generateStyleHmrCode(styleId);
-          }
-        }
-      }
-      if (!isProduction) {
-        output += generateHmrCode(id);
-      }
-      sourceCache.set(id, code);
-      return {
-        code: output,
-        map: null
-        // TODO: integrate SourceMapBuilder
-      };
-    },
-    handleHotUpdate({ file, server, modules, read }) {
-      if (!file.endsWith(".akash")) return;
-      const oldSource = sourceCache.get(file);
-      if (oldSource) {
-        read().then((newSource) => {
-          const analysis = analyzeHmrChange(oldSource, newSource);
-          if (analysis.styleOnly) {
-            server.ws.send({
-              type: "custom",
-              event: "akash:style-update",
-              data: { file }
-            });
-          }
-        });
-      }
-      return modules;
-    }
-  };
-}
-export {
-  akash,
-  akash as default
-};
+`,t+=`const __akash_style = document.createElement('style');
+`,t+=`__akash_style.setAttribute('data-akash-style', '${c}');
+`,t+=`__akash_style.textContent = \`${r}\`;
+`,t+=`document.head.appendChild(__akash_style);
+`,o||(t+=y(c));}return o||(t+=u()),a.set(n,e),{code:t,map:null}},handleHotUpdate({file:e,server:n,modules:s,read:t}){if(!e.endsWith(".akash"))return;let r=a.get(e);return r&&t().then(c=>{p(r,c).styleOnly&&n.ws.send({type:"custom",event:"akash:style-update",data:{file:e}});}),s}}}export{f as akash,f as default};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/hmr.ts"],"sourcesContent":["/**\n * AkashJS Vite plugin.\n *\n * Transforms .akash single-file components during development\n * and production builds. Handles HMR for style-only and\n * template-only changes.\n */\n\nimport { compile } from '@akashjs/compiler';\nimport type { Plugin } from 'vite';\nimport { analyzeHmrChange, generateHmrCode, generateStyleHmrCode } from './hmr.js';\n\nexport interface AkashPluginOptions {\n  /** Include file patterns (default: .akash files) */\n  include?: string[];\n  /** CSS injection mode: 'external' extracts CSS, 'injected' inlines it */\n  css?: 'external' | 'injected';\n}\n\nexport default function akash(options: AkashPluginOptions = {}): Plugin {\n  const cssMode = options.css ?? 'injected';\n  let isProduction = false;\n\n  // Cache previous source for HMR diffing\n  const sourceCache = new Map<string, string>();\n\n  return {\n    name: 'akash',\n    enforce: 'pre',\n\n    configResolved(config) {\n      isProduction = config.command === 'build';\n    },\n\n    transform(code, id) {\n      if (!id.endsWith('.akash')) return null;\n\n      const result = compile(code, {\n        filename: id,\n        dev: !isProduction,\n      });\n\n      let output = result.code;\n\n      // Inject CSS\n      if (result.css) {\n        if (cssMode === 'injected') {\n          const cssCode = result.css.replace(/`/g, '\\\\`').replace(/\\\\/g, '\\\\\\\\');\n          const styleId = id.replace(/[^a-zA-Z0-9]/g, '_');\n          output += `\\n// Injected scoped styles\\n`;\n          output += `const __akash_style = document.createElement('style');\\n`;\n          output += `__akash_style.setAttribute('data-akash-style', '${styleId}');\\n`;\n          output += `__akash_style.textContent = \\`${cssCode}\\`;\\n`;\n          output += `document.head.appendChild(__akash_style);\\n`;\n\n          // Add style HMR in dev mode\n          if (!isProduction) {\n            output += generateStyleHmrCode(styleId);\n          }\n        }\n      }\n\n      // Add HMR support in dev mode\n      if (!isProduction) {\n        output += generateHmrCode(id);\n      }\n\n      // Cache source for HMR diffing\n      sourceCache.set(id, code);\n\n      return {\n        code: output,\n        map: null, // TODO: integrate SourceMapBuilder\n      };\n    },\n\n    handleHotUpdate({ file, server, modules, read }) {\n      if (!file.endsWith('.akash')) return;\n\n      const oldSource = sourceCache.get(file);\n\n      if (oldSource) {\n        // Read new source to analyze what changed\n        read().then((newSource) => {\n          const analysis = analyzeHmrChange(oldSource, newSource);\n\n          if (analysis.styleOnly) {\n            // Style-only change — Vite will handle the CSS update\n            // via the style HMR code we injected\n            server.ws.send({\n              type: 'custom',\n              event: 'akash:style-update',\n              data: { file },\n            });\n          }\n        });\n      }\n\n      // Always return modules to invalidate — the HMR code in the\n      // client handles the actual update strategy\n      return modules;\n    },\n  };\n}\n\nexport { akash };\n","/**\n * HMR handling for .akash files.\n *\n * Determines the type of change (script, template, style) and\n * sends targeted HMR updates. Style-only changes can hot-swap\n * without a full component reload.\n */\n\nimport { parse } from '@akashjs/compiler';\nimport type { HmrContext, ModuleNode } from 'vite';\n\nexport interface HmrAnalysis {\n  /** Whether the script block changed */\n  scriptChanged: boolean;\n  /** Whether the template block changed */\n  templateChanged: boolean;\n  /** Whether the style block changed */\n  styleChanged: boolean;\n  /** Whether this is a style-only change (can hot-swap) */\n  styleOnly: boolean;\n  /** Whether a full reload is needed */\n  needsFullReload: boolean;\n}\n\n/**\n * Compare old and new source to determine what changed.\n */\nexport function analyzeHmrChange(oldSource: string, newSource: string): HmrAnalysis {\n  const oldSfc = parse(oldSource);\n  const newSfc = parse(newSource);\n\n  const scriptChanged = (oldSfc.script?.content ?? '') !== (newSfc.script?.content ?? '');\n  const templateChanged = (oldSfc.template?.content ?? '') !== (newSfc.template?.content ?? '');\n  const styleChanged = (oldSfc.style?.content ?? '') !== (newSfc.style?.content ?? '');\n\n  const styleOnly = styleChanged && !scriptChanged && !templateChanged;\n  const needsFullReload = scriptChanged;\n\n  return {\n    scriptChanged,\n    templateChanged,\n    styleChanged,\n    styleOnly,\n    needsFullReload,\n  };\n}\n\n/**\n * Generate the HMR client code that gets injected into the module.\n * This code is appended to the compiled output in dev mode.\n */\nexport function generateHmrCode(id: string): string {\n  return `\n// HMR\nif (import.meta.hot) {\n  import.meta.hot.accept((newModule) => {\n    if (newModule) {\n      // Full module replacement — the new default export\n      // replaces the component in the parent's render tree\n    }\n  });\n}\n`;\n}\n\n/**\n * Generate style-only HMR code.\n * When only styles change, we can hot-swap the <style> element\n * without re-rendering the component.\n */\nexport function generateStyleHmrCode(styleId: string): string {\n  return `\n// Style HMR\nif (import.meta.hot) {\n  import.meta.hot.accept();\n  // Remove old style element and re-inject\n  const oldStyle = document.querySelector('[data-akash-style=\"${styleId}\"]');\n  if (oldStyle) oldStyle.remove();\n}\n`;\n}\n\n/**\n * Handle hot update for .akash files.\n * Returns the affected modules that need updating.\n */\nexport function handleAkashHotUpdate(\n  file: string,\n  modules: ModuleNode[],\n  oldSource: string | undefined,\n  newSource: string,\n): { modules: ModuleNode[]; type: 'full' | 'style-only' } {\n  if (!oldSource) {\n    return { modules, type: 'full' };\n  }\n\n  const analysis = analyzeHmrChange(oldSource, newSource);\n\n  if (analysis.styleOnly) {\n    // Style-only update — can be applied without full reload\n    return { modules, type: 'style-only' };\n  }\n\n  // Script or template changed — need full module invalidation\n  return { modules, type: 'full' };\n}\n"],"mappings":";AAQA,SAAS,eAAe;;;ACAxB,SAAS,aAAa;AAmBf,SAAS,iBAAiB,WAAmB,WAAgC;AAClF,QAAM,SAAS,MAAM,SAAS;AAC9B,QAAM,SAAS,MAAM,SAAS;AAE9B,QAAM,iBAAiB,OAAO,QAAQ,WAAW,SAAS,OAAO,QAAQ,WAAW;AACpF,QAAM,mBAAmB,OAAO,UAAU,WAAW,SAAS,OAAO,UAAU,WAAW;AAC1F,QAAM,gBAAgB,OAAO,OAAO,WAAW,SAAS,OAAO,OAAO,WAAW;AAEjF,QAAM,YAAY,gBAAgB,CAAC,iBAAiB,CAAC;AACrD,QAAM,kBAAkB;AAExB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAMO,SAAS,gBAAgB,IAAoB;AAClD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWT;AAOO,SAAS,qBAAqB,SAAyB;AAC5D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gEAKuD,OAAO;AAAA;AAAA;AAAA;AAIvE;;;AD7De,SAAR,MAAuB,UAA8B,CAAC,GAAW;AACtE,QAAM,UAAU,QAAQ,OAAO;AAC/B,MAAI,eAAe;AAGnB,QAAM,cAAc,oBAAI,IAAoB;AAE5C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,eAAe,QAAQ;AACrB,qBAAe,OAAO,YAAY;AAAA,IACpC;AAAA,IAEA,UAAU,MAAM,IAAI;AAClB,UAAI,CAAC,GAAG,SAAS,QAAQ,EAAG,QAAO;AAEnC,YAAM,SAAS,QAAQ,MAAM;AAAA,QAC3B,UAAU;AAAA,QACV,KAAK,CAAC;AAAA,MACR,CAAC;AAED,UAAI,SAAS,OAAO;AAGpB,UAAI,OAAO,KAAK;AACd,YAAI,YAAY,YAAY;AAC1B,gBAAM,UAAU,OAAO,IAAI,QAAQ,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM;AACrE,gBAAM,UAAU,GAAG,QAAQ,iBAAiB,GAAG;AAC/C,oBAAU;AAAA;AAAA;AACV,oBAAU;AAAA;AACV,oBAAU,mDAAmD,OAAO;AAAA;AACpE,oBAAU,iCAAiC,OAAO;AAAA;AAClD,oBAAU;AAAA;AAGV,cAAI,CAAC,cAAc;AACjB,sBAAU,qBAAqB,OAAO;AAAA,UACxC;AAAA,QACF;AAAA,MACF;AAGA,UAAI,CAAC,cAAc;AACjB,kBAAU,gBAAgB,EAAE;AAAA,MAC9B;AAGA,kBAAY,IAAI,IAAI,IAAI;AAExB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,KAAK;AAAA;AAAA,MACP;AAAA,IACF;AAAA,IAEA,gBAAgB,EAAE,MAAM,QAAQ,SAAS,KAAK,GAAG;AAC/C,UAAI,CAAC,KAAK,SAAS,QAAQ,EAAG;AAE9B,YAAM,YAAY,YAAY,IAAI,IAAI;AAEtC,UAAI,WAAW;AAEb,aAAK,EAAE,KAAK,CAAC,cAAc;AACzB,gBAAM,WAAW,iBAAiB,WAAW,SAAS;AAEtD,cAAI,SAAS,WAAW;AAGtB,mBAAO,GAAG,KAAK;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAM,EAAE,KAAK;AAAA,YACf,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH;AAIA,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/hmr.ts","../src/index.ts"],"names":["analyzeHmrChange","oldSource","newSource","oldSfc","parse","newSfc","scriptChanged","templateChanged","styleChanged","generateHmrCode","id","generateStyleHmrCode","styleId","akash","options","cssMode","isProduction","sourceCache","config","code","result","compile","output","cssCode","file","server","modules","read"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * HMR handling for .akash files.\n *\n * Determines the type of change (script, template, style) and\n * sends targeted HMR updates. Style-only changes can hot-swap\n * without a full component reload.\n */\n\nimport { parse } from '@akashjs/compiler';\nimport type { HmrContext, ModuleNode } from 'vite';\n\nexport interface HmrAnalysis {\n  /** Whether the script block changed */\n  scriptChanged: boolean;\n  /** Whether the template block changed */\n  templateChanged: boolean;\n  /** Whether the style block changed */\n  styleChanged: boolean;\n  /** Whether this is a style-only change (can hot-swap) */\n  styleOnly: boolean;\n  /** Whether a full reload is needed */\n  needsFullReload: boolean;\n}\n\n/**\n * Compare old and new source to determine what changed.\n */\nexport function analyzeHmrChange(oldSource: string, newSource: string): HmrAnalysis {\n  const oldSfc = parse(oldSource);\n  const newSfc = parse(newSource);\n\n  const scriptChanged = (oldSfc.script?.content ?? '') !== (newSfc.script?.content ?? '');\n  const templateChanged = (oldSfc.template?.content ?? '') !== (newSfc.template?.content ?? '');\n  const styleChanged = (oldSfc.style?.content ?? '') !== (newSfc.style?.content ?? '');\n\n  const styleOnly = styleChanged && !scriptChanged && !templateChanged;\n  const needsFullReload = scriptChanged;\n\n  return {\n    scriptChanged,\n    templateChanged,\n    styleChanged,\n    styleOnly,\n    needsFullReload,\n  };\n}\n\n/**\n * Generate the HMR client code that gets injected into the module.\n * This code is appended to the compiled output in dev mode.\n */\nexport function generateHmrCode(id: string): string {\n  return `\n// HMR\nif (import.meta.hot) {\n  import.meta.hot.accept((newModule) => {\n    if (newModule) {\n      // Full module replacement — the new default export\n      // replaces the component in the parent's render tree\n    }\n  });\n}\n`;\n}\n\n/**\n * Generate style-only HMR code.\n * When only styles change, we can hot-swap the <style> element\n * without re-rendering the component.\n */\nexport function generateStyleHmrCode(styleId: string): string {\n  return `\n// Style HMR\nif (import.meta.hot) {\n  import.meta.hot.accept();\n  // Remove old style element and re-inject\n  const oldStyle = document.querySelector('[data-akash-style=\"${styleId}\"]');\n  if (oldStyle) oldStyle.remove();\n}\n`;\n}\n\n/**\n * Handle hot update for .akash files.\n * Returns the affected modules that need updating.\n */\nexport function handleAkashHotUpdate(\n  file: string,\n  modules: ModuleNode[],\n  oldSource: string | undefined,\n  newSource: string,\n): { modules: ModuleNode[]; type: 'full' | 'style-only' } {\n  if (!oldSource) {\n    return { modules, type: 'full' };\n  }\n\n  const analysis = analyzeHmrChange(oldSource, newSource);\n\n  if (analysis.styleOnly) {\n    // Style-only update — can be applied without full reload\n    return { modules, type: 'style-only' };\n  }\n\n  // Script or template changed — need full module invalidation\n  return { modules, type: 'full' };\n}\n","/**\n * AkashJS Vite plugin.\n *\n * Transforms .akash single-file components during development\n * and production builds. Handles HMR for style-only and\n * template-only changes.\n */\n\nimport { compile } from '@akashjs/compiler';\nimport type { Plugin } from 'vite';\nimport { analyzeHmrChange, generateHmrCode, generateStyleHmrCode } from './hmr.js';\n\nexport interface AkashPluginOptions {\n  /** Include file patterns (default: .akash files) */\n  include?: string[];\n  /** CSS injection mode: 'external' extracts CSS, 'injected' inlines it */\n  css?: 'external' | 'injected';\n}\n\nexport default function akash(options: AkashPluginOptions = {}): Plugin {\n  const cssMode = options.css ?? 'injected';\n  let isProduction = false;\n\n  // Cache previous source for HMR diffing\n  const sourceCache = new Map<string, string>();\n\n  return {\n    name: 'akash',\n    enforce: 'pre',\n\n    configResolved(config) {\n      isProduction = config.command === 'build';\n    },\n\n    transform(code, id) {\n      if (!id.endsWith('.akash')) return null;\n\n      const result = compile(code, {\n        filename: id,\n        dev: !isProduction,\n      });\n\n      let output = result.code;\n\n      // Inject CSS\n      if (result.css) {\n        if (cssMode === 'injected') {\n          const cssCode = result.css.replace(/`/g, '\\\\`').replace(/\\\\/g, '\\\\\\\\');\n          const styleId = id.replace(/[^a-zA-Z0-9]/g, '_');\n          output += `\\n// Injected scoped styles\\n`;\n          output += `const __akash_style = document.createElement('style');\\n`;\n          output += `__akash_style.setAttribute('data-akash-style', '${styleId}');\\n`;\n          output += `__akash_style.textContent = \\`${cssCode}\\`;\\n`;\n          output += `document.head.appendChild(__akash_style);\\n`;\n\n          // Add style HMR in dev mode\n          if (!isProduction) {\n            output += generateStyleHmrCode(styleId);\n          }\n        }\n      }\n\n      // Add HMR support in dev mode\n      if (!isProduction) {\n        output += generateHmrCode(id);\n      }\n\n      // Cache source for HMR diffing\n      sourceCache.set(id, code);\n\n      return {\n        code: output,\n        map: null, // TODO: integrate SourceMapBuilder\n      };\n    },\n\n    handleHotUpdate({ file, server, modules, read }) {\n      if (!file.endsWith('.akash')) return;\n\n      const oldSource = sourceCache.get(file);\n\n      if (oldSource) {\n        // Read new source to analyze what changed\n        read().then((newSource) => {\n          const analysis = analyzeHmrChange(oldSource, newSource);\n\n          if (analysis.styleOnly) {\n            // Style-only change — Vite will handle the CSS update\n            // via the style HMR code we injected\n            server.ws.send({\n              type: 'custom',\n              event: 'akash:style-update',\n              data: { file },\n            });\n          }\n        });\n      }\n\n      // Always return modules to invalidate — the HMR code in the\n      // client handles the actual update strategy\n      return modules;\n    },\n  };\n}\n\nexport { akash };\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akashjs/vite-plugin",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "AkashJS Vite plugin — .akash file transformation and HMR",
   "type": "module",
   "main": "dist/index.cjs",
@@ -23,10 +23,11 @@
     "vite": "^5.0.0"
   },
   "dependencies": {
-    "@akashjs/compiler": "^0.1.1"
+    "@akashjs/compiler": "^0.1.3"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "license": "MIT",
   "publishConfig": {