@reddoorla/maintenance 0.6.0 → 0.6.1

package/dist/cli/bin.js

@@ -1443,9 +1443,9 @@ function onEventToHandler(source) {
 }
 
 // src/recipes/svelte-5/codemods/dollar-props.ts
-var SCRIPT_TS = /<script\b[^>]*lang=["']ts["'][^>]*>([\s\S]*?)<\/script>/;
+var SCRIPT_BLOCK2 = /<script\b([^>]*)>([\s\S]*?)<\/script>/;
 var EXPORT_LET = /^\s*export\s+let\s+(\w+)\s*(?::\s*([^=;\n]+))?\s*(?:=\s*([^;\n]+))?;?\s*$/gm;
-function transformScript(scriptBody) {
+function transformScript(scriptBody, isTs) {
   const props = [];
   const cleaned = scriptBody.replace(
     EXPORT_LET,
@@ -1459,23 +1459,30 @@ function transformScript(scriptBody) {
     }
   );
   if (props.length === 0) return { body: scriptBody, changed: false };
-  const typeSig = props.map((p) => {
-    const optional = p.defaultExpr ? "?" : "";
-    return `${p.name}${optional}: ${p.type ?? "unknown"}`;
-  }).join("; ");
   const destructured = props.map((p) => p.defaultExpr ? `${p.name} = ${p.defaultExpr}` : p.name).join(", ");
-  const decl = `  let { ${destructured} }: { ${typeSig} } = $props();`;
+  let decl;
+  if (isTs) {
+    const typeSig = props.map((p) => {
+      const optional = p.defaultExpr ? "?" : "";
+      return `${p.name}${optional}: ${p.type ?? "unknown"}`;
+    }).join("; ");
+    decl = `  let { ${destructured} }: { ${typeSig} } = $props();`;
+  } else {
+    decl = `  let { ${destructured} } = $props();`;
+  }
   const next = cleaned.replace(/^(\s*)/, (m) => `${m}${decl}
 `);
   return { body: next, changed: true };
 }
 function exportLetToProps(source) {
-  const match = source.match(SCRIPT_TS);
+  const match = source.match(SCRIPT_BLOCK2);
   if (!match) return source;
-  const inner = match[1] ?? "";
-  const { body, changed } = transformScript(inner);
+  const attrs = match[1] ?? "";
+  const inner = match[2] ?? "";
+  const isTs = /\blang=["']ts["']/.test(attrs);
+  const { body, changed } = transformScript(inner, isTs);
   if (!changed) return source;
-  return source.replace(SCRIPT_TS, (full) => full.replace(inner, body));
+  return source.replace(SCRIPT_BLOCK2, (full) => full.replace(inner, body));
 }
 
 // src/recipes/svelte-5/codemods/dollar-restprops.ts
@@ -1517,6 +1524,54 @@ function stateEffectSyncToDerived(source) {
   });
 }
 
+// src/recipes/svelte-5/codemods/dollar-props-class.ts
+var PROPS_DESTRUCTURE = /let\s*\{([\s\S]*?)\}(\s*:\s*\{([\s\S]*?)\})?\s*=\s*\$props\(\)/;
+var DOLLAR_PROPS_CLASS = /\$\$props\.class\b/g;
+var DOLLAR_PROPS_ANY = /\$\$props\b/;
+var SCRIPT_BLOCK3 = /<script\b[^>]*>[\s\S]*?<\/script>/g;
+var MIGRATION_TASK = /^<!--\s*@migration-task[\s\S]*?-->\s*\n?/gm;
+var IDENT = "className";
+function maskScripts(source) {
+  const blocks = [];
+  const masked = source.replace(SCRIPT_BLOCK3, (m) => {
+    blocks.push(m);
+    return `__SCRIPT_${blocks.length - 1}__`;
+  });
+  return { masked, blocks };
+}
+function restoreScripts(masked, blocks) {
+  let out = masked;
+  blocks.forEach((blk, i) => {
+    out = out.replace(`__SCRIPT_${i}__`, blk);
+  });
+  return out;
+}
+function dollarPropsClass(source) {
+  const { masked } = maskScripts(source);
+  if (!DOLLAR_PROPS_CLASS.test(masked)) return source;
+  DOLLAR_PROPS_CLASS.lastIndex = 0;
+  if (!PROPS_DESTRUCTURE.test(source)) return source;
+  let updated = source.replace(PROPS_DESTRUCTURE, (full, body, typeAnno, typeBody) => {
+    if (/\bclass\s*:/.test(body)) return full;
+    const cleanBody = body.trim().replace(/,\s*$/, "").trim();
+    const newBody = cleanBody ? `${cleanBody}, class: ${IDENT} = ""` : `class: ${IDENT} = ""`;
+    if (typeAnno) {
+      const cleanType = (typeBody ?? "").trim().replace(/;\s*$/, "").trim();
+      const newType = cleanType ? `${cleanType}; class?: string` : `class?: string`;
+      return `let { ${newBody} }: { ${newType} } = $props()`;
+    }
+    return `let { ${newBody} } = $props()`;
+  });
+  const reMasked = maskScripts(updated);
+  const templateRewritten = reMasked.masked.replace(DOLLAR_PROPS_CLASS, IDENT);
+  updated = restoreScripts(templateRewritten, reMasked.blocks);
+  const stripped = updated.replace(MIGRATION_TASK, "");
+  if (!DOLLAR_PROPS_ANY.test(stripped)) {
+    updated = stripped;
+  }
+  return updated;
+}
+
 // src/recipes/svelte-5/step-gotchas.ts
 var SVELTE_GLOBS = ["src/**/*.svelte"];
 var IGNORE2 = ["node_modules/**", ".svelte-kit/**", "build/**"];
@@ -1524,7 +1579,8 @@ var CODEMODS = [
   onEventToHandler,
   exportLetToProps,
   removeDollarRestProps,
-  stateEffectSyncToDerived
+  stateEffectSyncToDerived,
+  dollarPropsClass
 ];
 async function planGotchaCodemods(cwd) {
   const changes = [];