@hirarijs/loader-vue 1.0.0

package/dist/index.cjs

@@ -0,0 +1,114 @@
+"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, {
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_crypto = require("crypto");
+var import_compiler_sfc = require("@vue/compiler-sfc");
+var import_esbuild = require("esbuild");
+var import_loader = require("@hirarijs/loader");
+var extensions = [".vue"];
+function normalizeScript(code, fallbackVar) {
+  const defaultExport = /export default\s+([\s\S]*?);?\s*$/;
+  let componentVar = fallbackVar;
+  const match = code.match(defaultExport);
+  if (match && match.index !== void 0) {
+    const expr = match[1].trim();
+    const before = code.slice(0, match.index).trimEnd();
+    const decl = `const ${componentVar} = ${expr}`;
+    const pieces = [before, decl].filter(Boolean);
+    return { code: pieces.join("\n"), componentVar };
+  }
+  if (!code.includes(fallbackVar)) {
+    code += `
+const ${componentVar} = {}`;
+  }
+  return { code, componentVar };
+}
+function compileVue(code, filename, ctx) {
+  const { descriptor } = (0, import_compiler_sfc.parse)(code, { filename });
+  const id = (0, import_crypto.createHash)("sha256").update(filename).digest("hex").slice(0, 8);
+  let output;
+  let componentVar = "_sfc_main";
+  if (descriptor.script || descriptor.scriptSetup) {
+    const script = (0, import_compiler_sfc.compileScript)(descriptor, {
+      id,
+      inlineTemplate: false
+    });
+    const normalized = normalizeScript(script.content, componentVar);
+    output = normalized.code;
+    componentVar = normalized.componentVar;
+    if (descriptor.template) {
+      const template = (0, import_compiler_sfc.compileTemplate)({
+        source: descriptor.template.content,
+        filename,
+        id,
+        compilerOptions: {
+          bindingMetadata: script.bindings
+        }
+      });
+      output += `
+${template.code}`;
+      output += `
+;(${componentVar} as any).render = render`;
+    }
+  } else {
+    output = `const ${componentVar} = {}`;
+    if (descriptor.template) {
+      const template = (0, import_compiler_sfc.compileTemplate)({
+        source: descriptor.template.content,
+        filename,
+        id
+      });
+      output += `
+${template.code}`;
+      output += `
+;(${componentVar} as any).render = render`;
+    }
+  }
+  output += `
+export default ${componentVar}`;
+  const banner = ctx.format === "cjs" ? `const ${import_loader.IMPORT_META_URL_VARIABLE} = require('url').pathToFileURL(__filename).href;` : void 0;
+  const transformed = (0, import_esbuild.transformSync)(output, {
+    loader: "ts",
+    format: ctx.format,
+    sourcemap: "both",
+    sourcefile: filename,
+    define: ctx.format === "cjs" ? {
+      "import.meta.url": import_loader.IMPORT_META_URL_VARIABLE
+    } : void 0,
+    banner
+  });
+  return {
+    code: transformed.code,
+    map: transformed.map,
+    format: ctx.format
+  };
+}
+var plugin = {
+  name: "@hirarijs/loader-vue",
+  extensions,
+  match: (filename) => extensions.some((ext) => filename.endsWith(ext)),
+  transform: (code, filename, ctx) => compileVue(code, filename, ctx)
+};
+var index_default = plugin;

package/dist/index.d.cts

@@ -0,0 +1,5 @@
+import { LoaderPlugin } from '@hirarijs/loader';
+
+declare const plugin: LoaderPlugin;
+
+export { plugin as default };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { LoaderPlugin } from '@hirarijs/loader';
+
+declare const plugin: LoaderPlugin;
+
+export { plugin as default };

package/dist/index.js

@@ -0,0 +1,95 @@
+// src/index.ts
+import { createHash } from "crypto";
+import { compileScript, compileTemplate, parse } from "@vue/compiler-sfc";
+import { transformSync } from "esbuild";
+import {
+  IMPORT_META_URL_VARIABLE
+} from "@hirarijs/loader";
+var extensions = [".vue"];
+function normalizeScript(code, fallbackVar) {
+  const defaultExport = /export default\s+([\s\S]*?);?\s*$/;
+  let componentVar = fallbackVar;
+  const match = code.match(defaultExport);
+  if (match && match.index !== void 0) {
+    const expr = match[1].trim();
+    const before = code.slice(0, match.index).trimEnd();
+    const decl = `const ${componentVar} = ${expr}`;
+    const pieces = [before, decl].filter(Boolean);
+    return { code: pieces.join("\n"), componentVar };
+  }
+  if (!code.includes(fallbackVar)) {
+    code += `
+const ${componentVar} = {}`;
+  }
+  return { code, componentVar };
+}
+function compileVue(code, filename, ctx) {
+  const { descriptor } = parse(code, { filename });
+  const id = createHash("sha256").update(filename).digest("hex").slice(0, 8);
+  let output;
+  let componentVar = "_sfc_main";
+  if (descriptor.script || descriptor.scriptSetup) {
+    const script = compileScript(descriptor, {
+      id,
+      inlineTemplate: false
+    });
+    const normalized = normalizeScript(script.content, componentVar);
+    output = normalized.code;
+    componentVar = normalized.componentVar;
+    if (descriptor.template) {
+      const template = compileTemplate({
+        source: descriptor.template.content,
+        filename,
+        id,
+        compilerOptions: {
+          bindingMetadata: script.bindings
+        }
+      });
+      output += `
+${template.code}`;
+      output += `
+;(${componentVar} as any).render = render`;
+    }
+  } else {
+    output = `const ${componentVar} = {}`;
+    if (descriptor.template) {
+      const template = compileTemplate({
+        source: descriptor.template.content,
+        filename,
+        id
+      });
+      output += `
+${template.code}`;
+      output += `
+;(${componentVar} as any).render = render`;
+    }
+  }
+  output += `
+export default ${componentVar}`;
+  const banner = ctx.format === "cjs" ? `const ${IMPORT_META_URL_VARIABLE} = require('url').pathToFileURL(__filename).href;` : void 0;
+  const transformed = transformSync(output, {
+    loader: "ts",
+    format: ctx.format,
+    sourcemap: "both",
+    sourcefile: filename,
+    define: ctx.format === "cjs" ? {
+      "import.meta.url": IMPORT_META_URL_VARIABLE
+    } : void 0,
+    banner
+  });
+  return {
+    code: transformed.code,
+    map: transformed.map,
+    format: ctx.format
+  };
+}
+var plugin = {
+  name: "@hirarijs/loader-vue",
+  extensions,
+  match: (filename) => extensions.some((ext) => filename.endsWith(ext)),
+  transform: (code, filename, ctx) => compileVue(code, filename, ctx)
+};
+var index_default = plugin;
+export {
+  index_default as default
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@hirarijs/loader-vue",
+  "version": "1.0.0",
+  "description": "Vue SFC loader plugin for HirariJS loader",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "test": "node --test"
+  },
+  "peerDependencies": {
+    "@hirarijs/loader": "*"
+  },
+  "dependencies": {
+    "@vue/compiler-sfc": "^3.4.15",
+    "esbuild": "^0.21.5"
+  },
+  "devDependencies": {
+    "@hirarijs/loader": "workspace:*",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3"
+  }
+}