@devfellowship/components 1.4.0 → 2.0.0

package/dist/cli.js

@@ -726,6 +726,149 @@ function registerUxPaths(program2) {
   registerStamp(group);
 }
 
+// src/cli/check-style-imports/index.ts
+import { resolve as resolve6 } from "path";
+import { existsSync as existsSync6 } from "fs";
+import chalk9 from "chalk";
+
+// src/cli/check-style-imports/detect.ts
+import { readdirSync, readFileSync as readFileSync5 } from "fs";
+import { join, relative, sep } from "path";
+var SCAN_EXTENSIONS = [".css", ".scss", ".sass", ".less", ".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"];
+var IGNORE_DIRS = /* @__PURE__ */ new Set([
+  "node_modules",
+  "dist",
+  "build",
+  ".git",
+  ".next",
+  ".expo",
+  "storybook-static",
+  "coverage",
+  ".turbo",
+  ".cache"
+]);
+function importRegex(exportName) {
+  return new RegExp(
+    String.raw`(?:@import\s+url\(\s*|@import\s+|import\s+|require\(\s*)` + String.raw`['"]@devfellowship/components/${exportName}(?:\.css)?['"]`
+  );
+}
+var STYLES_RE = importRegex("styles");
+var SHADCN_RE = importRegex("shadcn");
+function detectInText(text, file = "<text>") {
+  const hits = [];
+  const lines = text.split(/\r?\n/);
+  for (let i = 0; i < lines.length; i++) {
+    const raw = lines[i];
+    if (STYLES_RE.test(raw)) {
+      hits.push({ file, line: i + 1, export: "styles", text: raw.trim() });
+    }
+    if (SHADCN_RE.test(raw)) {
+      hits.push({ file, line: i + 1, export: "shadcn", text: raw.trim() });
+    }
+  }
+  return hits;
+}
+function* walk(dir) {
+  let entries;
+  try {
+    entries = readdirSync(dir, { withFileTypes: true, encoding: "utf8" });
+  } catch {
+    return;
+  }
+  for (const entry of entries) {
+    const full = join(dir, entry.name);
+    if (entry.isDirectory()) {
+      if (IGNORE_DIRS.has(entry.name)) continue;
+      yield* walk(full);
+    } else if (entry.isFile()) {
+      const dot = entry.name.lastIndexOf(".");
+      if (dot < 0) continue;
+      const ext = entry.name.slice(dot);
+      if (SCAN_EXTENSIONS.includes(ext)) yield full;
+    }
+  }
+}
+function detectInDir(root) {
+  const hits = [];
+  for (const full of walk(root)) {
+    let text;
+    try {
+      text = readFileSync5(full, "utf8");
+    } catch {
+      continue;
+    }
+    const rel = relative(root, full).split(sep).join("/");
+    hits.push(...detectInText(text, rel));
+  }
+  return summarize(hits);
+}
+function summarize(hits) {
+  const styles = hits.filter((h) => h.export === "styles");
+  const shadcn = hits.filter((h) => h.export === "shadcn");
+  return {
+    hits,
+    styles,
+    shadcn,
+    conflict: styles.length > 0 && shadcn.length > 0
+  };
+}
+
+// src/cli/check-style-imports/index.ts
+var DOC_URL = "https://github.com/devfellowship/dfl-components-cli#consuming-the-ds-styles-in-an-app";
+function registerCheckStyleImports(program2) {
+  program2.command("check-style-imports [dir]").description(
+    "Fail if an app imports BOTH @devfellowship/components/styles and /shadcn (clobbers --background \u2192 transparent surfaces)."
+  ).option("--json", "Emit the raw detection result as JSON instead of a human report.").action((maybeDir, opts) => {
+    const root = resolve6(process.cwd(), maybeDir || ".");
+    if (!existsSync6(root)) {
+      console.error(chalk9.red("Directory not found:"), root);
+      process.exit(2);
+    }
+    const result = detectInDir(root);
+    if (opts.json) {
+      console.log(JSON.stringify(result, null, 2));
+      process.exit(result.conflict ? 1 : 0);
+    }
+    if (!result.conflict) {
+      if (result.hits.length === 0) {
+        console.log(
+          chalk9.green("OK"),
+          "no @devfellowship/components/{styles,shadcn} imports found."
+        );
+      } else {
+        const which = result.styles.length > 0 ? "styles" : "shadcn";
+        console.log(
+          chalk9.green("OK"),
+          `app imports only @devfellowship/components/${which} (${result.hits.length} reference${result.hits.length === 1 ? "" : "s"}).`
+        );
+      }
+      process.exit(0);
+    }
+    console.error(
+      chalk9.red("CONFLICT"),
+      "this app imports BOTH @devfellowship/components/styles AND /shadcn."
+    );
+    console.error(
+      chalk9.yellow(
+        "\nThese exports define the SAME CSS vars (--background, --primary, \u2026) in INCOMPATIBLE formats:\n  - /styles  ships them as HEX        (#0A0908)\n  - /shadcn  ships them as HSL CHANNELS (30 11% 4%)\nImporting both clobbers --background \u2014 e.g. hsl(#0A0908) is invalid CSS \u2192 the\ndeclaration drops \u2192 surfaces render TRANSPARENT (the transparent-dialog bug).\n"
+      )
+    );
+    console.error(chalk9.bold("  /styles imports:"));
+    for (const h of result.styles) console.error(`    ${h.file}:${h.line}  ${h.text}`);
+    console.error(chalk9.bold("  /shadcn imports:"));
+    for (const h of result.shadcn) console.error(`    ${h.file}:${h.line}  ${h.text}`);
+    console.error(
+      chalk9.cyan(
+        `
+FIX: keep exactly ONE. A DS-native (hex) app imports /styles only; a
+shadcn-slate (HSL-channel) app imports /shadcn only. NEVER both.
+See: ${DOC_URL}`
+      )
+    );
+    process.exit(1);
+  });
+}
+
 // src/cli/index.ts
 var program = new Command();
 program.name("dfl-components").description(
@@ -734,4 +877,5 @@ program.name("dfl-components").description(
 program.command("init").description("Initialize your project with dfl-components configuration").option("-y, --yes", "Skip prompts and use defaults").option("-c, --cwd <path>", "Working directory", process.cwd()).action(init);
 program.command("add").description("Add a component to your project").argument("[components...]", "Components to add").option("-y, --yes", "Skip confirmation prompts").option("-o, --overwrite", "Overwrite existing files").option("-c, --cwd <path>", "Working directory", process.cwd()).option("-a, --all", "Add all available components").action(add);
 registerUxPaths(program);
+registerCheckStyleImports(program);
 program.parse();

package/dist/hooks.d.cts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-export { d as AuthContext, A as AuthContextType, U as UserProfile, u as useAuth, c as useSession } from './use-auth-DdapDv2H.cjs';
-import 'react/jsx-runtime';
+export { d as AuthContext, A as AuthContextType, U as UserProfile, u as useAuth, c as useSession } from './use-auth-t8aJ9mx7.cjs';
 import '@supabase/supabase-js';
 
 declare function useIsMobile(): boolean;
@@ -10,7 +9,9 @@ declare function useIsMobile(): boolean;
  * Ported from shadcn/ui toast pattern (identical across dfl apps).
  */
 
-type ToastVariant = "default" | "destructive";
+type ToastVariant = "default" | "success" | "warning" | "danger" | "info"
+/** @deprecated use "danger" — kept for backward compat */
+ | "destructive";
 interface ToastProps {
     id: string;
     title?: React.ReactNode;

package/dist/hooks.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-export { d as AuthContext, A as AuthContextType, U as UserProfile, u as useAuth, c as useSession } from './use-auth-DdapDv2H.js';
-import 'react/jsx-runtime';
+export { d as AuthContext, A as AuthContextType, U as UserProfile, u as useAuth, c as useSession } from './use-auth-t8aJ9mx7.js';
 import '@supabase/supabase-js';
 
 declare function useIsMobile(): boolean;
@@ -10,7 +9,9 @@ declare function useIsMobile(): boolean;
  * Ported from shadcn/ui toast pattern (identical across dfl apps).
  */
 
-type ToastVariant = "default" | "destructive";
+type ToastVariant = "default" | "success" | "warning" | "danger" | "info"
+/** @deprecated use "danger" — kept for backward compat */
+ | "destructive";
 interface ToastProps {
     id: string;
     title?: React.ReactNode;