npm - @dryui/mcp - Versions diffs - 0.1.3 → 0.2.0 - Mend

@dryui/mcp 0.1.3 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/architecture.d.ts +0 -1
package/dist/architecture.js +0 -3
package/dist/architecture.json +12 -8
package/dist/composition-search.d.ts +15 -0
package/dist/composition-search.js +202 -0
package/dist/contract.v1.json +29 -11
package/dist/index.js +628 -278
package/dist/project-planner.js +4 -3
package/dist/spec.json +29 -11
package/dist/toon.d.ts +43 -0
package/dist/toon.js +480 -0
package/dist/workspace-audit.js +4 -3
package/package.json +15 -2

package/dist/project-planner.js CHANGED Viewed

@@ -224,7 +224,8 @@ function detectProject(spec, inputPath) {
   const themeImportFiles = rootLayout && importsAppCss(rootLayout) ? [rootLayout, appCss] : [rootLayout];
   const defaultImported = hasAnyImport(themeImportFiles, spec.themeImports.default);
   const darkImported = hasAnyImport(themeImportFiles, spec.themeImports.dark);
-  const stepsNeeded = Number(!dependencyNames.has("@dryui/ui")) + Number(!defaultImported) + Number(!darkImported) + Number(!(appHtml && hasThemeAuto(appHtml)));
+  const themeAuto = appHtml ? hasThemeAuto(appHtml) : false;
+  const stepsNeeded = Number(!dependencyNames.has("@dryui/ui")) + Number(!defaultImported) + Number(!darkImported) + Number(!themeAuto);
   const warnings = [];
   if (!packageJsonPath)
     warnings.push("No package.json found above the provided path.");
@@ -250,7 +251,7 @@ function detectProject(spec, inputPath) {
     theme: {
       defaultImported,
       darkImported,
-      themeAuto: hasThemeAuto(appHtml)
+      themeAuto
     },
     warnings
   };
@@ -321,7 +322,7 @@ function planInstall(spec, inputPath) {
       title: "Set html theme mode to auto",
       description: 'In src/app.html, find the opening <html> tag (e.g. <html lang="en">) and add class="theme-auto" to it, preserving any existing attributes. Result should be like <html lang="en" class="theme-auto">. Do NOT add a second <html> element.',
       path: detection.files.appHtml,
-      snippet: '<html lang="en" class="theme-auto">'
+      snippet: 'class="theme-auto"'
     });
   }
   if (steps.length === 0) {

package/dist/spec.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.5",
+  "version": "0.1.7",
   "package": "@dryui/ui",
   "themeImports": {
     "default": "@dryui/ui/themes/default.css",
@@ -10818,6 +10818,26 @@
           "type": "number",
           "required": false,
           "description": "Step interval used when incrementing numeric values."
+        },
+        "size": {
+          "type": "'sm' | 'md' | 'lg'",
+          "required": false,
+          "acceptedValues": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "description": "Size preset affecting density, spacing, or typography.",
+          "default": "'md'"
+        },
+        "name": {
+          "type": "string",
+          "required": false,
+          "description": "Field name used during native form submission."
+        },
+        "class": {
+          "type": "string",
+          "required": false
         }
       },
       "forwardedProps": {
@@ -10831,25 +10851,23 @@
         ],
         "note": "Forwards <input> attributes via rest props."
       },
-      "cssVars": {
-        "--dry-time-input-bg": "Input Bg",
-        "--dry-time-input-border": "Input Border",
-        "--dry-time-input-color": "Input Color",
-        "--dry-time-input-font-size": "Input Font Size",
-        "--dry-time-input-padding-x": "Input Padding X",
-        "--dry-time-input-padding-y": "Input Padding Y",
-        "--dry-time-input-radius": "Input Radius"
-      },
+      "cssVars": {},
       "dataAttributes": [
         {
           "name": "data-disabled",
           "description": "Present when the component or part is disabled."
         },
         {
-          "name": "data-time-input"
+          "name": "data-placeholder"
+        },
+        {
+          "name": "data-time-display"
         },
         {
           "name": "data-time-input-wrapper"
+        },
+        {
+          "name": "data-time-separator"
         }
       ],
       "example": "<TimeInput>Content</TimeInput>"

package/dist/toon.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+import type { ComponentDef, CompositionComponentDef, CompositionRecipeDef } from './spec-types.js';
+import type { ReviewResult } from './reviewer.js';
+import type { DiagnoseResult } from './theme-checker.js';
+import type { WorkspaceReport } from './workspace-audit.js';
+import type { ProjectDetection, InstallPlan, AddPlan } from './project-planner.js';
+export type HelpCommand = 'info' | 'list' | 'compose' | 'review' | 'diagnose' | 'doctor' | 'lint' | 'detect' | 'install';
+export type HelpContext = {
+    command: HelpCommand;
+    hasErrors?: boolean;
+    hasFindings?: boolean;
+    isEmpty?: boolean;
+    componentName?: string;
+    query?: string;
+    status?: string;
+};
+/**
+ * Build context-aware next-step suggestions.
+ * Returns 1-3 help lines for agents to copy-paste.
+ */
+export declare function buildContextualHelp(ctx: HelpContext): string[];
+/** Format help hints as plain next-step suggestions. */
+export declare function formatHelp(hints: string[]): string;
+export declare function toonComponent(name: string, def: ComponentDef, opts?: {
+    full?: boolean | undefined;
+}): string;
+export declare function toonComponentList(components: Record<string, ComponentDef>, category?: string): string;
+export declare function toonComposition(results: {
+    componentMatches: readonly CompositionComponentDef[];
+    recipeMatches: readonly CompositionRecipeDef[];
+}, opts?: {
+    full?: boolean | undefined;
+}): string;
+export declare function toonReviewResult(result: ReviewResult): string;
+export declare function toonDiagnoseResult(result: DiagnoseResult): string;
+export declare function toonWorkspaceReport(report: WorkspaceReport, opts?: {
+    title?: string | undefined;
+    command?: 'doctor' | 'lint' | undefined;
+    full?: boolean | undefined;
+}): string;
+export declare function toonProjectDetection(detection: ProjectDetection): string;
+export declare function toonInstallPlan(plan: InstallPlan): string;
+export declare function toonAddPlan(plan: AddPlan): string;
+export declare function toonError(code: string, message: string, suggestions?: string[]): string;

package/dist/toon.js ADDED Viewed

@@ -0,0 +1,480 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+// src/toon.ts
+function esc(value) {
+  if (value.includes(",") || value.includes(`
+`)) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function header(resource, count, fields) {
+  return `${resource}[${count}]{${fields.join(",")}}:`;
+}
+function row(...values) {
+  return "  " + values.map((v) => esc(String(v))).join(",");
+}
+function truncate(text, maxLen, hint) {
+  if (text.length <= maxLen)
+    return text;
+  return `(truncated, ${text.length} chars -- ${hint})`;
+}
+function buildContextualHelp(ctx) {
+  const hints = [];
+  switch (ctx.command) {
+    case "info":
+      if (ctx.componentName) {
+        hints.push(`compose "${ctx.componentName.toLowerCase()}" -- see composition patterns`);
+        hints.push(`add ${ctx.componentName} -- get starter snippet`);
+      }
+      break;
+    case "list":
+      hints.push("info <Component> -- see full API reference");
+      break;
+    case "compose":
+      if (ctx.componentName) {
+        hints.push(`info ${ctx.componentName} -- full API reference`);
+        hints.push(`add ${ctx.componentName} -- starter snippet`);
+      }
+      break;
+    case "review":
+      if (ctx.hasErrors) {
+        hints.push("info <Component> -- check API for errored component");
+        hints.push("diagnose <file.css> -- check theme if theme warnings present");
+      } else if (ctx.isEmpty) {
+        hints.push("lint . -- check entire workspace");
+      }
+      break;
+    case "diagnose":
+      if (ctx.hasErrors) {
+        hints.push('compose "app shell" -- get correct theme setup');
+      } else if (ctx.isEmpty) {
+        hints.push("review <file.svelte> -- validate component usage");
+      }
+      break;
+    case "doctor":
+    case "lint":
+      if (ctx.hasFindings) {
+        hints.push("lint --max-severity error -- focus on errors only");
+        hints.push("review <file.svelte> -- check specific file");
+      } else if (ctx.isEmpty) {
+        hints.push("detect -- verify project setup");
+      }
+      break;
+    case "detect":
+      if (ctx.status === "partial" || ctx.status === "unsupported") {
+        hints.push("install -- see step-by-step setup plan");
+      } else if (ctx.status === "ready") {
+        hints.push("list -- see available components");
+        hints.push('compose "app shell" -- get root layout template');
+      }
+      break;
+    case "install":
+      hints.push("detect -- verify project after completing steps");
+      break;
+  }
+  return hints;
+}
+function formatHelp(hints) {
+  if (hints.length === 0)
+    return "";
+  const lines = [`next[${hints.length}]:`];
+  for (const hint of hints) {
+    lines.push("  " + hint);
+  }
+  return lines.join(`
+`);
+}
+function toonComponent(name, def, opts) {
+  const full = opts?.full ?? false;
+  const lines = [];
+  lines.push(`${name} -- ${def.description}`, `category: ${def.category} | tags: ${def.tags.join(",")}`, `import: import { ${name} } from '${def.import}'`, `compound: ${def.compound}`);
+  if (def.compound && def.structure?.tree.length) {
+    lines.push("", header("structure", def.structure.tree.length, ["node"]));
+    for (const node of def.structure.tree) {
+      lines.push("  " + node);
+    }
+    if (def.structure.note)
+      lines.push(`  note: ${def.structure.note}`);
+  }
+  if (def.compound && def.parts) {
+    const partEntries = Object.entries(def.parts);
+    lines.push("", header("parts", partEntries.length, ["part"]));
+    for (const [partName, partDef] of partEntries) {
+      lines.push(`  ${name}.${partName}`);
+      const props = Object.entries(partDef.props ?? {});
+      if (props.length > 0) {
+        for (const [propName, propDef] of props) {
+          const flags = [propDef.type];
+          if (propDef.required)
+            flags.push("required");
+          if (propDef.default !== undefined)
+            flags.push(`default:${propDef.default}`);
+          if (propDef.acceptedValues?.length)
+            flags.push(`values:${propDef.acceptedValues.join("|")}`);
+          lines.push(`    ${propName}: ${flags.join(" | ")}`);
+        }
+      }
+    }
+  } else if (def.props) {
+    const propEntries = Object.entries(def.props);
+    if (propEntries.length > 0) {
+      lines.push("", header("props", propEntries.length, ["name", "type", "required", "default"]));
+      for (const [propName, propDef] of propEntries) {
+        lines.push(row(propName, propDef.type, propDef.required ? "yes" : "no", propDef.default ?? "-"));
+      }
+    }
+  }
+  const cssEntries = Object.entries(def.cssVars);
+  if (cssEntries.length > 0) {
+    lines.push("", header("css-vars", cssEntries.length, ["name", "description"]));
+    for (const [varName, desc] of cssEntries) {
+      lines.push(row(varName, desc));
+    }
+  }
+  if (def.dataAttributes.length > 0) {
+    lines.push("", header("data-attrs", def.dataAttributes.length, ["name", "values"]));
+    for (const attr of def.dataAttributes) {
+      lines.push(row(attr.name, attr.values?.join("|") ?? "-"));
+    }
+  }
+  if (def.example) {
+    const example = full ? def.example : truncate(def.example, 400, `use add ${name} for full snippet`);
+    lines.push("", "example:", example);
+  }
+  const help = buildContextualHelp({ command: "info", componentName: name });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+function toonComponentList(components, category) {
+  const entries = Object.entries(components);
+  const filtered = category ? entries.filter(([, def]) => def.category.toLowerCase() === category.toLowerCase()) : entries;
+  if (filtered.length === 0) {
+    const cats = [...new Set(entries.map(([, d]) => d.category))].sort();
+    return `components[0]: no matches
+available categories: ${cats.join(", ")}`;
+  }
+  const groups = {};
+  for (const entry of filtered) {
+    const cat = entry[1].category;
+    (groups[cat] ??= []).push(entry);
+  }
+  const lines = [header("components", filtered.length, ["name", "category", "compound", "description"])];
+  const sortedCats = Object.keys(groups).sort();
+  for (const cat of sortedCats) {
+    const items = groups[cat] ?? [];
+    for (const [name, def] of items) {
+      lines.push(row(name, cat, def.compound, def.description));
+    }
+  }
+  const help = buildContextualHelp({ command: "list" });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+function toonComposition(results, opts) {
+  const full = opts?.full ?? false;
+  const lines = [];
+  const totalMatches = results.componentMatches.length + results.recipeMatches.length;
+  if (totalMatches === 0) {
+    return "matches[0]: none";
+  }
+  for (const comp of results.componentMatches) {
+    lines.push(`-- ${comp.component}: ${comp.useWhen}`);
+    for (const alt of comp.alternatives) {
+      const snippet = full ? alt.snippet : truncate(alt.snippet, 500, `use info ${alt.component} for full snippet`);
+      lines.push(`  ${alt.rank}. ${alt.component} (${alt.useWhen})`);
+      lines.push(snippet.split(`
+`).map((l) => "     " + l).join(`
+`));
+    }
+    for (const ap of comp.antiPatterns) {
+      lines.push(`  anti-pattern: ${ap.pattern}`);
+      lines.push(`    reason: ${ap.reason} | fix: ${ap.fix}`);
+    }
+    if (comp.combinesWith.length) {
+      lines.push(`  combines-with: ${comp.combinesWith.join(",")}`);
+    }
+    lines.push("");
+  }
+  for (const recipe of results.recipeMatches) {
+    const snippet = full ? recipe.snippet : truncate(recipe.snippet, 500, `use compose "${recipe.name}" --full for complete code`);
+    lines.push(`-- recipe: ${recipe.name}`);
+    lines.push(`  ${recipe.description}`);
+    lines.push(`  components: ${recipe.components.join(",")}`);
+    lines.push("  code:");
+    lines.push(snippet.split(`
+`).map((l) => "    " + l).join(`
+`));
+    lines.push("");
+  }
+  const firstComponent = results.componentMatches[0]?.alternatives[0]?.component ?? results.recipeMatches[0]?.components[0] ?? undefined;
+  const ctx = { command: "compose" };
+  if (firstComponent)
+    ctx.componentName = firstComponent;
+  const help = buildContextualHelp(ctx);
+  if (help.length > 0) {
+    lines.push(formatHelp(help));
+  }
+  return lines.join(`
+`).trimEnd();
+}
+function toonReviewResult(result) {
+  const lines = [];
+  const hasBlockers = result.issues.some((i) => i.severity === "error");
+  const autoFixable = result.issues.filter((i) => i.fix !== null).length;
+  if (result.issues.length === 0) {
+    lines.push("issues[0]: clean");
+    lines.push(`hasBlockers: false | autoFixable: 0`);
+  } else {
+    lines.push(header("issues", result.issues.length, ["severity", "line", "code", "message"]));
+    for (const issue of result.issues) {
+      lines.push(row(issue.severity, issue.line, issue.code, issue.message));
+      if (issue.fix) {
+        lines.push(`    fix: ${issue.fix}`);
+      }
+    }
+    lines.push(`hasBlockers: ${hasBlockers} | autoFixable: ${autoFixable}`);
+  }
+  lines.push(result.summary);
+  const help = buildContextualHelp({
+    command: "review",
+    hasErrors: hasBlockers,
+    isEmpty: result.issues.length === 0
+  });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+function toonDiagnoseResult(result) {
+  const lines = [];
+  const { variables } = result;
+  const missingCount = result.issues.filter((i) => i.code === "missing-token").length;
+  const totalRequired = variables.required + missingCount;
+  const coverage = totalRequired > 0 ? Math.round(variables.required / totalRequired * 100) : 100;
+  lines.push(`tokens: ${variables.found} found, ${variables.required} required, ${variables.extra} extra | coverage: ${coverage}%`);
+  if (result.issues.length === 0) {
+    lines.push("issues[0]: clean");
+  } else {
+    lines.push(header("issues", result.issues.length, ["severity", "code", "variable", "message"]));
+    for (const issue of result.issues) {
+      lines.push(row(issue.severity, issue.code, issue.variable, issue.message));
+      if (issue.fix) {
+        lines.push(`    fix: ${issue.fix}`);
+      }
+    }
+  }
+  lines.push(result.summary);
+  const hasErrors = result.issues.some((i) => i.severity === "error");
+  const help = buildContextualHelp({
+    command: "diagnose",
+    hasErrors,
+    isEmpty: result.issues.length === 0
+  });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+var MAX_FINDINGS_DEFAULT = 50;
+function toonWorkspaceReport(report, opts) {
+  const full = opts?.full ?? false;
+  const title = opts?.title ?? "workspace";
+  const command = opts?.command ?? (title.includes("lint") ? "lint" : "doctor");
+  const lines = [];
+  lines.push(`${title} | root: ${report.root}`);
+  lines.push(`scanned: ${report.scannedFiles} files | errors: ${report.summary.error} | warnings: ${report.summary.warning} | info: ${report.summary.info}`);
+  if (report.summary.byRule && Object.keys(report.summary.byRule).length > 0) {
+    const sorted = Object.entries(report.summary.byRule).sort(([, a], [, b]) => b - a);
+    const topRule = sorted[0];
+    if (topRule) {
+      lines.push(`top-rule: ${topRule[0]} (${topRule[1]} occurrences)`);
+    }
+  }
+  if (report.findings.length === 0) {
+    lines.push("findings[0]: clean");
+  } else {
+    const findings = full ? report.findings : report.findings.slice(0, MAX_FINDINGS_DEFAULT);
+    const truncated = !full && report.findings.length > MAX_FINDINGS_DEFAULT;
+    lines.push(header("findings", findings.length, ["severity", "rule", "file", "line", "message"]));
+    for (const f of findings) {
+      lines.push(row(f.severity, f.ruleId, f.file, f.line ?? "-", f.message));
+      if (f.suggestedFixes.length > 0) {
+        for (const fix of f.suggestedFixes) {
+          lines.push(`    fix: ${fix.description}${fix.replacement ? ` -> ${fix.replacement}` : ""}`);
+        }
+      }
+    }
+    if (truncated) {
+      lines.push(`  (showing ${MAX_FINDINGS_DEFAULT} of ${report.findings.length} -- use --full to see all)`);
+    }
+  }
+  if (report.warnings.length > 0) {
+    lines.push("", header("warnings", report.warnings.length, ["message"]));
+    for (const w of report.warnings) {
+      lines.push("  " + w);
+    }
+  }
+  const help = buildContextualHelp({
+    command,
+    hasFindings: report.findings.length > 0,
+    isEmpty: report.findings.length === 0
+  });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+function toonProjectDetection(detection) {
+  const lines = [];
+  lines.push(`project: ${detection.status} | framework: ${detection.framework} | pkg-manager: ${detection.packageManager}`);
+  lines.push(`root: ${detection.root ?? "(not found)"}`);
+  lines.push(`deps: ui=${detection.dependencies.ui}, primitives=${detection.dependencies.primitives}`);
+  lines.push(`theme: default=${detection.theme.defaultImported}, dark=${detection.theme.darkImported}, auto=${detection.theme.themeAuto}`);
+  if (detection.warnings.length > 0) {
+    lines.push(header("warnings", detection.warnings.length, ["message"]));
+    for (const w of detection.warnings) {
+      lines.push("  " + w);
+    }
+  }
+  const help = buildContextualHelp({ command: "detect", status: detection.status });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+function toonStep(step, index) {
+  const parts = [`${index + 1}. [${step.status}] ${step.title}: ${step.description}`];
+  if (step.command)
+    parts.push(`   cmd: ${step.command}`);
+  if (step.path)
+    parts.push(`   file: ${step.path}`);
+  return parts.join(`
+`);
+}
+function toonInstallPlan(plan) {
+  const lines = [];
+  lines.push(toonProjectDetection(plan.detection));
+  lines.push("");
+  if (plan.steps.length === 0) {
+    lines.push("steps[0]: none needed");
+  } else {
+    lines.push(header("steps", plan.steps.length, ["status", "title", "description"]));
+    for (const [i, step] of plan.steps.entries()) {
+      lines.push(toonStep(step, i));
+    }
+  }
+  const help = buildContextualHelp({ command: "install" });
+  if (help.length > 0) {
+    lines.push("", formatHelp(help));
+  }
+  return lines.join(`
+`);
+}
+function toonAddPlan(plan) {
+  const lines = [];
+  lines.push(`add: ${plan.name} | target: ${plan.target ?? "(choose)"}`);
+  if (plan.importStatement) {
+    lines.push(`import: ${plan.importStatement}`);
+  }
+  lines.push("");
+  if (plan.installPlan.steps.length > 0) {
+    lines.push(header("install-steps", plan.installPlan.steps.length, ["status", "title"]));
+    for (const [i, step] of plan.installPlan.steps.entries()) {
+      lines.push(toonStep(step, i));
+    }
+    lines.push("");
+  }
+  if (plan.steps.length > 0) {
+    lines.push(header("add-steps", plan.steps.length, ["status", "title"]));
+    for (const [i, step] of plan.steps.entries()) {
+      lines.push(toonStep(step, i));
+    }
+  }
+  if (plan.warnings.length > 0) {
+    lines.push("", header("warnings", plan.warnings.length, ["message"]));
+    for (const w of plan.warnings) {
+      lines.push("  " + w);
+    }
+  }
+  return lines.join(`
+`);
+}
+function toonError(code, message, suggestions) {
+  const lines = [`error[1]{code,message}: ${esc(code)},${esc(message)}`];
+  if (suggestions?.length) {
+    lines.push(header("suggestions", suggestions.length, ["value"]));
+    for (const s of suggestions) {
+      lines.push("  " + s);
+    }
+  }
+  return lines.join(`
+`);
+}
+export {
+  toonWorkspaceReport,
+  toonReviewResult,
+  toonProjectDetection,
+  toonInstallPlan,
+  toonError,
+  toonDiagnoseResult,
+  toonComposition,
+  toonComponentList,
+  toonComponent,
+  toonAddPlan,
+  formatHelp,
+  buildContextualHelp
+};

package/dist/workspace-audit.js CHANGED Viewed

@@ -1673,7 +1673,8 @@ function detectProject(spec, inputPath) {
   const themeImportFiles = rootLayout && importsAppCss(rootLayout) ? [rootLayout, appCss] : [rootLayout];
   const defaultImported = hasAnyImport(themeImportFiles, spec.themeImports.default);
   const darkImported = hasAnyImport(themeImportFiles, spec.themeImports.dark);
-  const stepsNeeded = Number(!dependencyNames.has("@dryui/ui")) + Number(!defaultImported) + Number(!darkImported) + Number(!(appHtml && hasThemeAuto(appHtml)));
+  const themeAuto = appHtml ? hasThemeAuto(appHtml) : false;
+  const stepsNeeded = Number(!dependencyNames.has("@dryui/ui")) + Number(!defaultImported) + Number(!darkImported) + Number(!themeAuto);
   const warnings = [];
   if (!packageJsonPath)
     warnings.push("No package.json found above the provided path.");
@@ -1699,7 +1700,7 @@ function detectProject(spec, inputPath) {
     theme: {
       defaultImported,
       darkImported,
-      themeAuto: hasThemeAuto(appHtml)
+      themeAuto
     },
     warnings
   };
@@ -1770,7 +1771,7 @@ function planInstall(spec, inputPath) {
       title: "Set html theme mode to auto",
       description: 'In src/app.html, find the opening <html> tag (e.g. <html lang="en">) and add class="theme-auto" to it, preserving any existing attributes. Result should be like <html lang="en" class="theme-auto">. Do NOT add a second <html> element.',
       path: detection.files.appHtml,
-      snippet: '<html lang="en" class="theme-auto">'
+      snippet: 'class="theme-auto"'
     });
   }
   if (steps.length === 0) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/mcp",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "author": "Rob Balfre",
   "license": "MIT",
   "repository": {
@@ -66,11 +66,24 @@
       "bun": "./src/spec-formatters.ts",
       "types": "./dist/spec-formatters.d.ts",
       "default": "./dist/spec-formatters.js"
+    },
+    "./toon": {
+      "bun": "./src/toon.ts",
+      "types": "./dist/toon.d.ts",
+      "default": "./dist/toon.js"
+    },
+    "./composition-search": {
+      "bun": "./src/composition-search.ts",
+      "types": "./dist/composition-search.d.ts",
+      "default": "./dist/composition-search.js"
     }
   },
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "generate-spec": "bun src/generate-spec.ts",
     "generate-architecture": "bun src/generate-architecture.ts",
@@ -78,7 +91,7 @@
     "generate-llms": "bun src/generate-llms-txt.ts",
     "check:contract": "bun src/check-contract.ts",
     "check": "bun run check:contract",
-    "build": "bun run generate-spec && bun run generate-architecture && bun run generate-contract && bun run generate-llms && mkdir -p dist && cp src/spec.json dist/spec.json && cp src/architecture.json dist/architecture.json && cp src/contract.v1.json dist/contract.v1.json && cp src/contract.v1.schema.json dist/contract.v1.schema.json && bun build src/index.ts src/architecture.ts src/reviewer.ts src/theme-checker.ts src/utils.ts src/project-planner.ts src/workspace-audit.ts src/spec-types.ts src/spec-formatters.ts src/composition-data.ts --outdir dist --root src --target node && printf '#!/usr/bin/env node\n' | cat - dist/index.js > dist/index.tmp && mv dist/index.tmp dist/index.js && bunx tsc -p tsconfig.build.json"
+    "build": "bun run generate-spec && bun run generate-architecture && bun run generate-contract && bun run generate-llms && mkdir -p dist && cp src/spec.json dist/spec.json && cp src/architecture.json dist/architecture.json && cp src/contract.v1.json dist/contract.v1.json && cp src/contract.v1.schema.json dist/contract.v1.schema.json && bun build src/index.ts src/architecture.ts src/reviewer.ts src/theme-checker.ts src/utils.ts src/project-planner.ts src/workspace-audit.ts src/spec-types.ts src/spec-formatters.ts src/composition-data.ts src/toon.ts src/composition-search.ts --outdir dist --root src --target node && printf '#!/usr/bin/env node\n' | cat - dist/index.js > dist/index.tmp && mv dist/index.tmp dist/index.js && bunx tsc -p tsconfig.build.json"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",