@object-ui/cli 17.6.0 → 18.0.0

package/README.md

@@ -1,6 +1,6 @@
 # @object-ui/cli
 
-> Standalone CLI for **Object UI** — scaffold, develop, build, lint, test and validate
+> Standalone CLI for **Object UI** — scaffold, develop, build and validate
 > JSON/YAML schema-driven applications.
 
 ```bash
@@ -87,37 +87,27 @@ objectui start --port 8080 --dir build
 
 Legacy alias of `dev` (kept for older scripts).
 
-### `objectui lint`
-
-Lint the generated application code via ESLint.
-
-```bash
-objectui lint --fix
-```
-
-### `objectui test`
-
-Run the application's tests via Vitest.
-
-```bash
-objectui test --watch
-objectui test --coverage
-objectui test --ui
-```
-
 ### `objectui generate <type> <name>` (alias `g`)
 
 Generate new resources (`resource`/`object`, `page`, `plugin`).
 
-### `objectui add <component>`
-
-Add a new component renderer to your project.
-
 ### `objectui validate [schema]`
 
 Validate a schema file against the ObjectUI specification.
 
-### `objectui check`, `objectui doctor`, `objectui studio`, `objectui analyze`, `objectui create plugin <name>`
+The document is judged through the strict authoring face: a key no schema
+declares is refused, at any depth, and each one is named with the path of the
+object carrying it and what to do — remove it, or check its spelling against
+the keys declared at that position.
+
+A failure is reported at the document root and then narrowed to the union arm
+your `type` selected — the `1.1`-style entries under a numbered issue are that
+arm's own diagnosis, at the real path of the node that failed. When no component
+type matches, the report names the nearest few of the accepted values instead of
+listing all of them. See the
+[docs](https://www.objectui.org/docs/utilities/cli) for worked output.
+
+### `objectui check`, `objectui doctor`, `objectui analyze`
 
 Utility commands — see `objectui --help`.
 

package/dist/{chunk-AP2INOE7.js → chunk-VMMIGYU3.js}

@@ -142,7 +142,7 @@ function buildRoutedAppDependencies() {
     react: REACT_RANGE,
     "react-dom": REACT_RANGE,
     "react-router-dom": "^7.18.2",
-    "lucide-react": "^1.31.0",
+    "lucide-react": "^1.43.0",
     ...Object.fromEntries(PLATFORM_RUNTIME_PACKAGES.map((name) => [name, range]))
   };
 }
@@ -536,10 +536,9 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
   let layoutWrapperEnd = "";
   if (appConfig) {
     const layoutCode = `
-import type { ComponentType, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import * as LucideIcons from 'lucide-react';
-import { Moon, Sun } from "lucide-react"
+import { ChevronsUpDown, Monitor, Moon, Sun } from "lucide-react"
 import { useTheme } from "./theme-provider"
 import {
   DropdownMenu,
@@ -564,7 +563,9 @@ import {
   Separator,
   Collapsible,
   CollapsibleTrigger,
-  CollapsibleContent
+  CollapsibleContent,
+  LazyIcon,
+  isLucideIconName
 } from '@object-ui/components';
 
 /** One entry of \`app.json\`'s \`menu\`, as this layout reads it. */
@@ -582,21 +583,20 @@ type AppConfig = {
   menu?: MenuItem[];
 };
 
-// Lucide publishes every icon as a named export, and a menu entry names one as
-// a string \u2014 so the lookup is a runtime index into the namespace object, which
-// has no index signature. Narrowing it to the component-by-name shape this file
-// actually uses keeps that honest without an \`any\` or a \`@ts-expect-error\`; the
-// \`undefined\` arm is real, since the namespace also exports helpers that are not
-// components and a schema may name an icon that does not exist.
-const lucideIcons = LucideIcons as unknown as Record<
-  string,
-  ComponentType<{ className?: string }> | undefined
->;
-
+// An authored \`icon\` name is resolved by the platform seam
+// (\`@object-ui/components\`), never by a lookup this template rolls itself.
+// That is objectui#5935's ruling \u2014 one tokeniser and one icon-name vocabulary
+// for every container \u2014 and this generated layout is a container like any
+// other, even though it runs in the user's app rather than in this repo.
+//
+// \`isLucideIconName\` is asked FIRST because this call site has a better
+// fallback than the seam's: a sidebar entry with an unresolvable icon renders
+// no glyph at all, where \`LazyIcon\` alone would substitute a stray database
+// icon. The seam exports the predicate for exactly this ("ask first, then
+// choose"), so preferring it costs no second vocabulary.
 const DynamicIcon = ({ name, className }: { name: string; className?: string }) => {
-  const Icon = lucideIcons[name];
-  if (!Icon) return null;
-  return <Icon className={className} />;
+  if (!isLucideIconName(name)) return null;
+  return <LazyIcon name={name} className={className} />;
 };
 
 export function ModeToggle() {
@@ -614,20 +614,20 @@ export function ModeToggle() {
             <span className="truncate font-semibold">Switch Theme</span>
             <span className="truncate text-xs">Light / Dark</span>
           </div>
-          <LucideIcons.ChevronsUpDown className="ml-auto size-4" />
+          <ChevronsUpDown className="ml-auto size-4" />
         </SidebarMenuButton>
       </DropdownMenuTrigger>
       <DropdownMenuContent className="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg" side="bottom" align="end" sideOffset={4}>
         <DropdownMenuItem onClick={() => setTheme("light")}>
-          <LucideIcons.Sun className="mr-2 size-4" />
+          <Sun className="mr-2 size-4" />
           Light
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme("dark")}>
-          <LucideIcons.Moon className="mr-2 size-4" />
+          <Moon className="mr-2 size-4" />
           Dark
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme("system")}>
-          <LucideIcons.Monitor className="mr-2 size-4" />
+          <Monitor className="mr-2 size-4" />
           System
         </DropdownMenuItem>
       </DropdownMenuContent>
@@ -1099,15 +1099,15 @@ var templates = {
   simple: {
     type: "div",
     className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100",
-    body: {
+    children: {
       type: "card",
       className: "w-full max-w-md shadow-lg",
       title: "Welcome to Object UI",
       description: "Start building your application with JSON schemas",
-      body: {
+      children: {
         type: "div",
         className: "p-6 space-y-4",
-        body: [
+        children: [
           {
             type: "text",
             content: "This is a simple example. Edit app.json to customize your application.",
@@ -1125,19 +1125,19 @@ var templates = {
   form: {
     type: "div",
     className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-purple-50 to-pink-100 p-4",
-    body: {
+    children: {
       type: "card",
       className: "w-full max-w-2xl shadow-xl",
       title: "Contact Form",
       description: "Fill out the form below to get in touch",
-      body: {
+      children: {
         type: "div",
         className: "p-6 space-y-6",
-        body: [
+        children: [
           {
             type: "div",
             className: "grid grid-cols-2 gap-4",
-            body: [
+            children: [
               {
                 type: "input",
                 label: "First Name",
@@ -1174,7 +1174,7 @@ var templates = {
           {
             type: "div",
             className: "flex gap-3",
-            body: [
+            children: [
               {
                 type: "button",
                 label: "Submit",
@@ -1195,21 +1195,21 @@ var templates = {
   dashboard: {
     type: "div",
     className: "min-h-screen bg-muted/10",
-    body: [
+    children: [
       {
         type: "div",
         className: "border-b bg-background",
-        body: {
+        children: {
           type: "div",
           className: "container mx-auto px-6 py-4",
-          body: {
+          children: {
             type: "div",
             className: "flex items-center justify-between",
-            body: [
+            children: [
               {
                 type: "div",
                 className: "text-2xl font-bold",
-                body: { type: "text", content: "Dashboard" }
+                children: { type: "text", content: "Dashboard" }
               },
               {
                 type: "button",
@@ -1223,37 +1223,37 @@ var templates = {
       {
         type: "div",
         className: "container mx-auto p-6 space-y-6",
-        body: [
+        children: [
           {
             type: "div",
             className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-            body: [
+            children: [
               {
                 type: "card",
                 className: "shadow-sm",
-                body: [
+                children: [
                   {
                     type: "div",
                     className: "p-6 pb-2",
-                    body: {
+                    children: {
                       type: "div",
                       className: "text-sm font-medium text-muted-foreground",
-                      body: { type: "text", content: "Total Revenue" }
+                      children: { type: "text", content: "Total Revenue" }
                     }
                   },
                   {
                     type: "div",
                     className: "p-6 pt-0",
-                    body: [
+                    children: [
                       {
                         type: "div",
                         className: "text-2xl font-bold",
-                        body: { type: "text", content: "$45,231.89" }
+                        children: { type: "text", content: "$45,231.89" }
                       },
                       {
                         type: "div",
                         className: "text-xs text-muted-foreground mt-1",
-                        body: { type: "text", content: "+20.1% from last month" }
+                        children: { type: "text", content: "+20.1% from last month" }
                       }
                     ]
                   }
@@ -1262,29 +1262,29 @@ var templates = {
               {
                 type: "card",
                 className: "shadow-sm",
-                body: [
+                children: [
                   {
                     type: "div",
                     className: "p-6 pb-2",
-                    body: {
+                    children: {
                       type: "div",
                       className: "text-sm font-medium text-muted-foreground",
-                      body: { type: "text", content: "Active Users" }
+                      children: { type: "text", content: "Active Users" }
                     }
                   },
                   {
                     type: "div",
                     className: "p-6 pt-0",
-                    body: [
+                    children: [
                       {
                         type: "div",
                         className: "text-2xl font-bold",
-                        body: { type: "text", content: "+2,350" }
+                        children: { type: "text", content: "+2,350" }
                       },
                       {
                         type: "div",
                         className: "text-xs text-muted-foreground mt-1",
-                        body: { type: "text", content: "+180.1% from last month" }
+                        children: { type: "text", content: "+180.1% from last month" }
                       }
                     ]
                   }
@@ -1293,29 +1293,29 @@ var templates = {
               {
                 type: "card",
                 className: "shadow-sm",
-                body: [
+                children: [
                   {
                     type: "div",
                     className: "p-6 pb-2",
-                    body: {
+                    children: {
                       type: "div",
                       className: "text-sm font-medium text-muted-foreground",
-                      body: { type: "text", content: "Sales" }
+                      children: { type: "text", content: "Sales" }
                     }
                   },
                   {
                     type: "div",
                     className: "p-6 pt-0",
-                    body: [
+                    children: [
                       {
                         type: "div",
                         className: "text-2xl font-bold",
-                        body: { type: "text", content: "+12,234" }
+                        children: { type: "text", content: "+12,234" }
                       },
                       {
                         type: "div",
                         className: "text-xs text-muted-foreground mt-1",
-                        body: { type: "text", content: "+19% from last month" }
+                        children: { type: "text", content: "+19% from last month" }
                       }
                     ]
                   }
@@ -1324,29 +1324,29 @@ var templates = {
               {
                 type: "card",
                 className: "shadow-sm",
-                body: [
+                children: [
                   {
                     type: "div",
                     className: "p-6 pb-2",
-                    body: {
+                    children: {
                       type: "div",
                       className: "text-sm font-medium text-muted-foreground",
-                      body: { type: "text", content: "Active Now" }
+                      children: { type: "text", content: "Active Now" }
                     }
                   },
                   {
                     type: "div",
                     className: "p-6 pt-0",
-                    body: [
+                    children: [
                       {
                         type: "div",
                         className: "text-2xl font-bold",
-                        body: { type: "text", content: "+573" }
+                        children: { type: "text", content: "+573" }
                       },
                       {
                         type: "div",
                         className: "text-xs text-muted-foreground mt-1",
-                        body: { type: "text", content: "+201 since last hour" }
+                        children: { type: "text", content: "+201 since last hour" }
                       }
                     ]
                   }
@@ -1359,27 +1359,27 @@ var templates = {
             className: "shadow-sm",
             title: "Recent Activity",
             description: "Your latest updates and notifications",
-            body: {
+            children: {
               type: "div",
               className: "p-6 pt-0 space-y-4",
-              body: [
+              children: [
                 {
                   type: "div",
                   className: "flex items-center gap-4 border-b pb-4",
-                  body: [
+                  children: [
                     {
                       type: "div",
                       className: "flex-1",
-                      body: [
+                      children: [
                         {
                           type: "div",
                           className: "font-medium",
-                          body: { type: "text", content: "New user registration" }
+                          children: { type: "text", content: "New user registration" }
                         },
                         {
                           type: "div",
                           className: "text-sm text-muted-foreground",
-                          body: { type: "text", content: "2 minutes ago" }
+                          children: { type: "text", content: "2 minutes ago" }
                         }
                       ]
                     }
@@ -1388,20 +1388,20 @@ var templates = {
                 {
                   type: "div",
                   className: "flex items-center gap-4 border-b pb-4",
-                  body: [
+                  children: [
                     {
                       type: "div",
                       className: "flex-1",
-                      body: [
+                      children: [
                         {
                           type: "div",
                           className: "font-medium",
-                          body: { type: "text", content: "Payment received" }
+                          children: { type: "text", content: "Payment received" }
                         },
                         {
                           type: "div",
                           className: "text-sm text-muted-foreground",
-                          body: { type: "text", content: "15 minutes ago" }
+                          children: { type: "text", content: "15 minutes ago" }
                         }
                       ]
                     }
@@ -1410,20 +1410,20 @@ var templates = {
                 {
                   type: "div",
                   className: "flex items-center gap-4",
-                  body: [
+                  children: [
                     {
                       type: "div",
                       className: "flex-1",
-                      body: [
+                      children: [
                         {
                           type: "div",
                           className: "font-medium",
-                          body: { type: "text", content: "New order placed" }
+                          children: { type: "text", content: "New order placed" }
                         },
                         {
                           type: "div",
                           className: "text-sm text-muted-foreground",
-                          body: { type: "text", content: "1 hour ago" }
+                          children: { type: "text", content: "1 hour ago" }
                         }
                       ]
                     }
@@ -1613,15 +1613,14 @@ async function init(name, options) {
     throw new Error(`Directory "${name}" already exists. Please choose a different name.`);
   }
   const targetDir = name === "." ? cwd : projectDir;
+  const files = buildInitFiles(name, options.template);
   if (name !== ".") {
     mkdirSync3(projectDir, { recursive: true });
   }
   console.log(chalk4.blue("\u{1F3A8} Creating Object UI application..."));
   console.log(chalk4.dim(`   Template: ${options.template}`));
   console.log();
-  for (const [relativePath, contents] of Object.entries(
-    buildInitFiles(name, options.template)
-  )) {
+  for (const [relativePath, contents] of Object.entries(files)) {
     const target = join6(targetDir, relativePath);
     mkdirSync3(dirname5(target), { recursive: true });
     writeFileSync2(target, contents);
@@ -1652,4 +1651,4 @@ export {
   serve,
   init
 };
-//# sourceMappingURL=chunk-AP2INOE7.js.map
+//# sourceMappingURL=chunk-VMMIGYU3.js.map