@sero-ai/ui 0.4.2 → 0.5.0

package/scripts/smoke-dist.mjs

@@ -7,13 +7,14 @@
 // any entrypoint no longer resolves. Run after `pnpm build`.
 
 import { createRequire } from "node:module";
-import { existsSync, readFileSync } from "node:fs";
+import { existsSync, readFileSync, statSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 import { dirname, resolve } from "node:path";
 
 const require = createRequire(import.meta.url);
 const here = dirname(fileURLToPath(import.meta.url));
 const dist = resolve(here, "..", "dist");
+const packageRoot = resolve(here, "..");
 
 const fail = (msg) => {
   console.error(`✗ ${msg}`);
@@ -25,6 +26,105 @@ if (!existsSync(dist)) {
   process.exit(1);
 }
 
+// The lightweight root must not re-export specialized dependency graphs.
+const rootEntries = ["index.js", "index.cjs", "index.d.ts", "index.d.cts"];
+const forbiddenRootImports = [
+  "@sero-ai/ui/ai-elements",
+  "@sero-ai/ui/model-selection",
+  "@sero-ai/ui/components/context-editor",
+  "components/ai-elements",
+  "components/model-selection",
+  "components/context-editor",
+  "mermaid",
+  "shiki",
+  "react-jsx-parser",
+  "streamdown",
+  "unified",
+];
+
+const importPatterns = [
+  /(?:from\s+|import\s*)["'](\.[^"']+)["']/g,
+  /(?:require|import)\(\s*["'](\.[^"']+)["']\s*\)/g,
+];
+
+function localImports(contents) {
+  return importPatterns.flatMap((pattern) =>
+    [...contents.matchAll(pattern)].map((match) => match[1]),
+  );
+}
+
+function emittedExtension(file) {
+  if (file.endsWith(".d.cts")) return ".d.cts";
+  if (file.endsWith(".d.ts")) return ".d.ts";
+  if (file.endsWith(".cjs")) return ".cjs";
+  return ".js";
+}
+
+function resolveLocalImport(fromFile, specifier) {
+  const base = resolve(dirname(fromFile), specifier);
+  const extension = emittedExtension(fromFile);
+  const candidates = [];
+
+  if (extension.startsWith(".d.") && specifier.endsWith(".js")) {
+    candidates.push(base.replace(/\.js$/, extension));
+  }
+  candidates.push(base, `${base}${extension}`, resolve(base, `index${extension}`));
+
+  return candidates.find(
+    (candidate) => existsSync(candidate) && statSync(candidate).isFile(),
+  );
+}
+
+function inspectRootGraph(entry) {
+  const pending = [resolve(dist, entry)];
+  const visited = new Set();
+
+  while (pending.length > 0) {
+    const file = pending.pop();
+    if (visited.has(file)) continue;
+    visited.add(file);
+
+    const contents = readFileSync(file, "utf8");
+    const relativeFile = file.slice(dist.length + 1);
+    const leak = forbiddenRootImports.find(
+      (dependency) =>
+        relativeFile.includes(dependency) || contents.includes(dependency),
+    );
+    if (leak) fail(`${relativeFile} exposes unrelated dependency ${leak}`);
+
+    for (const specifier of localImports(contents)) {
+      const dependency = resolveLocalImport(file, specifier);
+      if (dependency) pending.push(dependency);
+      else fail(`${relativeFile} has unresolved local import ${specifier}`);
+    }
+  }
+}
+
+for (const file of rootEntries) {
+  inspectRootGraph(file);
+}
+
+// Specialized components remain available through stable public subpaths.
+const packageJson = JSON.parse(
+  readFileSync(resolve(packageRoot, "package.json"), "utf8"),
+);
+for (const [subpath, output] of [
+  ["./ai-elements/*", "components/ai-elements/message.js"],
+  ["./model-selection/*", "components/model-selection/available-model-picker.js"],
+]) {
+  if (!packageJson.publishConfig.exports[subpath]) {
+    fail(`publishConfig is missing ${subpath}`);
+  }
+  if (!existsSync(resolve(dist, output))) fail(`${output} not emitted to dist`);
+}
+for (const style of [
+  "styles/ai-elements.css",
+  "styles/model-selection.css",
+  "styles/context-editor.css",
+]) {
+  if (!existsSync(resolve(dist, style))) fail(`${style} not emitted to dist`);
+}
+
 // 1. Reference entrypoint resolves as ESM and exposes the example widgets.
 const EXPECTED = [
   "StarterExample",
@@ -64,5 +164,7 @@ else {
 if (process.exitCode) {
   console.error("Smoke test failed.");
 } else {
-  console.log("✓ dist entrypoints resolve (reference esm+cjs, catalog json)");
+  console.log(
+    "✓ dist entrypoints resolve and the root excludes specialized dependencies",
+  );
 }

package/src/index.ts

@@ -1,12 +1,11 @@
 // @sero-ai/ui — Shared UI components, AI elements, and utilities
 //
-// Prefer importing common primitives from the barrel export:
+// Import primitives, dashboard components, hooks, and utilities from the root:
 //   import { Button, Card, Input, cn, useIsMobile } from "@sero-ai/ui"
 //
-// Deep subpath imports are still supported when needed. Because this package is
-// native ESM, consumers should use runtime .js extensions for deep imports:
-//   import { Button } from "@sero-ai/ui/components/ui/button.js"
-//   import { cn } from "@sero-ai/ui/lib/utils.js"
+// AI elements have stable public subpaths so their editor and rendering
+// dependencies are loaded only by consumers that use them:
+//   import { Message } from "@sero-ai/ui/ai-elements/message"
 
 // ── Utilities ──
 export { cn } from "./lib/utils";
@@ -77,60 +76,6 @@ export * from "./components/ui/toggle-group";
 export * from "./components/ui/toggle";
 export * from "./components/ui/tooltip";
 export * from "./components/ui/tree";
-// ── AI Elements ──
-export * from "./components/ai-elements/agent";
-export * from "./components/ai-elements/artifact";
-export * from "./components/ai-elements/attachments";
-export * from "./components/ai-elements/audio-player";
-export * from "./components/ai-elements/canvas";
-export * from "./components/ai-elements/chain-of-thought";
-export * from "./components/ai-elements/checkpoint";
-export * from "./components/ai-elements/code-block";
-export * from "./components/ai-elements/commit";
-export * from "./components/ai-elements/confirmation";
-export * from "./components/ai-elements/connection";
-export * from "./components/ai-elements/context";
-export * from "./components/ai-elements/controls";
-export * from "./components/ai-elements/conversation";
-export * from "./components/ai-elements/edge";
-export * from "./components/ai-elements/environment-variables";
-export * from "./components/ai-elements/file-tree";
-export * from "./components/ai-elements/image";
-export * from "./components/ai-elements/inline-citation";
-export * from "./components/ai-elements/jsx-preview";
-export * from "./components/ai-elements/message";
-export * from "./components/ai-elements/mic-selector";
-export * from "./components/ai-elements/model-selector";
-export * from "./components/ai-elements/node";
-export * from "./components/ai-elements/open-in-chat";
-export * from "./components/ai-elements/package-info";
-export * from "./components/ai-elements/panel";
-export * from "./components/ai-elements/persona";
-export * from "./components/ai-elements/plan";
-export * from "./components/ai-elements/prompt-input-context";
-export * from "./components/ai-elements/prompt-input-elements";
-export * from "./components/ai-elements/prompt-input-textarea";
-export * from "./components/ai-elements/prompt-input";
-export * from "./components/ai-elements/queue";
-export * from "./components/ai-elements/reasoning";
-export * from "./components/ai-elements/sandbox";
-export * from "./components/ai-elements/schema-display";
-export * from "./components/ai-elements/shimmer";
-export * from "./components/ai-elements/snippet";
-export * from "./components/ai-elements/sources";
-export * from "./components/ai-elements/speech-input";
-export * from "./components/ai-elements/stack-trace";
-export * from "./components/ai-elements/suggestion";
-export * from "./components/ai-elements/task";
-export * from "./components/ai-elements/terminal";
-export * from "./components/ai-elements/test-results";
-export * from "./components/ai-elements/tool";
-export * from "./components/ai-elements/toolbar";
-export * from "./components/ai-elements/transcription";
-export * from "./components/ai-elements/voice-selector-accent";
-export * from "./components/ai-elements/voice-selector";
-export * from "./components/ai-elements/web-preview";
-
 // ── Dashboard Components ──
 // Compact presentation components for dashboard widgets and full plugin views.
 // The discovery catalogue is plain data at "@sero-ai/ui/dashboard-catalog.json";
@@ -138,9 +83,5 @@ export * from "./components/ai-elements/web-preview";
 export * from "./components/dashboard";
 export type { DashboardComponentCatalogEntry } from "./components/dashboard/catalog";
 
-// ── Model Selection Components ──
-export * from "./components/model-selection/available-model-picker";
-export * from "./components/model-selection/model-warning-list";
-export * from "./components/model-selection/thinking-level-picker";
 export { PluginStyleScope, type PluginStyleScopeProps } from './plugin-style-scope';
 export { usePluginPortalContainer } from './plugin-style-scope-context';

package/src/styles/ai-elements.css

@@ -0,0 +1,2 @@
+/* Import after plugin.css when a federated plugin uses @sero-ai/ui/ai-elements/*. */
+@source "../components/ai-elements";

package/src/styles/context-editor.css

@@ -0,0 +1,2 @@
+/* Import after plugin.css when a federated plugin uses components/context-editor/*. */
+@source "../components/context-editor";

package/src/styles/model-selection.css

@@ -0,0 +1,2 @@
+/* Import after plugin.css when a federated plugin uses @sero-ai/ui/model-selection/*. */
+@source "../components/model-selection";

package/src/styles/plugin.css

@@ -3,7 +3,10 @@
 @import "shadcn/tailwind.css";
 @import "./plugin-theme.css";
 
-@source "../components";
+/* Match the lightweight package root. Specialized components opt into their
+   own source files through a matching stylesheet under styles/. */
+@source "../components/ui";
+@source "../components/dashboard";
 
 @custom-variant dark (&:is(.dark *));