@bagelink/blox 1.11.9 → 1.12.3

package/dist/vite-plugin.cjs

@@ -1076,6 +1076,7 @@ function bloxPlugin() {
     transform(code, id) {
       if (!id.endsWith(".vue")) return;
       if (!code.includes("defineBlock")) return;
+      console.log("[vite-plugin-blox] transforming:", id);
       const setupRe = /(<script\s([^>]*\bsetup\b[^>]*)>)([\s\S]*?)(<\/script>)/;
       const setupMatch = setupRe.exec(code);
       if (!setupMatch) return;
@@ -1098,12 +1099,13 @@ function bloxPlugin() {
       }
       if (remaining[i] === "\n") i++;
       const callExpr = remaining.slice(callStart, i).trimEnd();
-      const nameMatch = callExpr.match(/name\s*:\s*['"](\w+)['"]/);
+      const nameMatch = callExpr.match(/name\s*:\s*['"]([\w-]+)['"]/);
       if (!nameMatch) {
         console.warn("[vite-plugin-blox] defineBlock() missing `name` — skipping");
         return;
       }
       const blockName = nameMatch[1];
+      const exportName = blockName.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
       remaining = remaining.slice(0, callStart) + remaining.slice(i);
       const identifiers = /* @__PURE__ */ new Set();
       const identRe = /\b([a-z_$][\w$]*)\b/gi;
@@ -1137,17 +1139,17 @@ function bloxPlugin() {
       }
       const hoistedImports = [];
       const importRe = /^[ \t]*import\s[^\n]+from\s+['"](?:@bagelink\/blox|@bagelink\/vue)['"]\s*/gm;
-      let importMatch;
-      while ((importMatch = importRe.exec(remaining)) !== null) {
-        hoistedImports.push(importMatch[0].trimEnd());
-      }
+      remaining = remaining.replace(importRe, (match) => {
+        hoistedImports.push(match.trimEnd());
+        return "";
+      });
       const langMatch = attrs.match(/lang="([^"]+)"/);
       const lang = langMatch ? ` lang="${langMatch[1]}"` : "";
       const nonSetupBlock = [
         `<script${lang}>`,
         ...hoistedImports,
         ...hoistedDecls,
-        `export const ${blockName} = ${callExpr.trimStart()}`,
+        `export const ${exportName} = ${callExpr.trimStart()}`,
         `<\/script>`
       ].join("\n");
       const newBlock = `${nonSetupBlock}

package/dist/vite-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../src/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAGlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,IAAI,MAAM,CA6HnC"}
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../src/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAGlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,IAAI,MAAM,CA+HnC"}

package/dist/vite-plugin.mjs

@@ -1074,6 +1074,7 @@ function bloxPlugin() {
     transform(code, id) {
       if (!id.endsWith(".vue")) return;
       if (!code.includes("defineBlock")) return;
+      console.log("[vite-plugin-blox] transforming:", id);
       const setupRe = /(<script\s([^>]*\bsetup\b[^>]*)>)([\s\S]*?)(<\/script>)/;
       const setupMatch = setupRe.exec(code);
       if (!setupMatch) return;
@@ -1096,12 +1097,13 @@ function bloxPlugin() {
       }
       if (remaining[i] === "\n") i++;
       const callExpr = remaining.slice(callStart, i).trimEnd();
-      const nameMatch = callExpr.match(/name\s*:\s*['"](\w+)['"]/);
+      const nameMatch = callExpr.match(/name\s*:\s*['"]([\w-]+)['"]/);
       if (!nameMatch) {
         console.warn("[vite-plugin-blox] defineBlock() missing `name` — skipping");
         return;
       }
       const blockName = nameMatch[1];
+      const exportName = blockName.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
       remaining = remaining.slice(0, callStart) + remaining.slice(i);
       const identifiers = /* @__PURE__ */ new Set();
       const identRe = /\b([a-z_$][\w$]*)\b/gi;
@@ -1135,17 +1137,17 @@ function bloxPlugin() {
       }
       const hoistedImports = [];
       const importRe = /^[ \t]*import\s[^\n]+from\s+['"](?:@bagelink\/blox|@bagelink\/vue)['"]\s*/gm;
-      let importMatch;
-      while ((importMatch = importRe.exec(remaining)) !== null) {
-        hoistedImports.push(importMatch[0].trimEnd());
-      }
+      remaining = remaining.replace(importRe, (match) => {
+        hoistedImports.push(match.trimEnd());
+        return "";
+      });
       const langMatch = attrs.match(/lang="([^"]+)"/);
       const lang = langMatch ? ` lang="${langMatch[1]}"` : "";
       const nonSetupBlock = [
         `<script${lang}>`,
         ...hoistedImports,
         ...hoistedDecls,
-        `export const ${blockName} = ${callExpr.trimStart()}`,
+        `export const ${exportName} = ${callExpr.trimStart()}`,
         `<\/script>`
       ].join("\n");
       const newBlock = `${nonSetupBlock}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/blox",
   "type": "module",
-  "version": "1.11.9",
+  "version": "1.12.3",
   "description": "Blox page builder library for drag-and-drop page building and static data management",
   "author": {
     "name": "Bagel Studio",
@@ -80,9 +80,9 @@
   },
   "peerDependencies": {
     "@bagelink/vue": "*",
+    "vite": ">=5.0.0",
     "vue": "^3.3.0",
-    "vue-router": "^4.0.0",
-    "vite": ">=5.0.0"
+    "vue-router": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "vite": {
@@ -97,6 +97,7 @@
     "vite": "^5.0.0",
     "vite-plugin-dts": "^4.0.0",
     "vite-tsconfig-paths": "^5.0.0",
+    "vitest": "^3.2.4",
     "vue": "^3.5.16",
     "vue-router": "^4.6.3",
     "vue-tsc": "^2.0.0"