@duke333/builder-ui 0.1.5 → 0.2.1

package/README.md

@@ -15,62 +15,43 @@ Use one frontend bind file:
 ```tsx
 "use client";
 
-import { createBuilderPortalIntegration } from "@duke333/builder-ui/integration";
+import {
+  BuilderProvider,
+  createBuilderClient,
+} from "@duke333/builder-ui";
+import "@duke333/builder-ui/styles.css";
 import { api } from "@/lib/api/apiClient";
 
-export const builder = createBuilderPortalIntegration({
+export const builderClient = createBuilderClient({
   transport: api,
-  adminBasePath: "/admin/dev/builder",
-  runtimeBasePath: "/admin/winu",
-  adminPages: {
-    permissionOptions: [{ value: "org:manage", label: "org:manage" }],
-    defaultPermission: "org:manage",
-  },
 });
 
-export const {
-  api: builderApi,
-  hooks: builderHooks,
-  routes: builderRoutes,
-  adminPages,
-} = builder;
+export function AppBuilderProvider({ children }: { children: React.ReactNode }) {
+  return <BuilderProvider client={builderClient}>{children}</BuilderProvider>;
+}
 ```
 
-## Route Example
+## Runtime Components
 
 ```tsx
-import { adminPages } from "@/features/builder/builder.config";
+import { BuilderForm, BuilderGrid, BuilderView } from "@duke333/builder-ui";
 
 export default function Page() {
-  const Component = adminPages?.AdminFormsPage;
-  return Component ? <Component /> : null;
+  return <BuilderView viewId="orders-view-id" />;
 }
 ```
 
-## Runtime Component Example
-
-```tsx
-import { createDynamicViewComponent } from "@duke333/builder-ui/components";
-import { builderHooks } from "@/features/builder/builder.config";
-
-export const DynamicView = createDynamicViewComponent({
-  hooks: builderHooks,
-  notifications,
-});
-```
-
-Use:
+The ready components are:
 
-- `DynamicForm` for form-only write flow
-- `DynamicList` for list-only read flow
-- `DynamicView` for full CRUD flow
+- `BuilderForm` for form-only write flow
+- `BuilderGrid` for list-only read flow
+- `BuilderView` for full CRUD flow
 
-Runtime form schemas expose `presentation: "dialog" | "drawer"`. The injected main-form and
-subform `DialogShell` components receive that value and choose the matching host UI shell.
+They own fetching, fields, validation, search, sort, pagination, CRUD, Dialog/Drawer, subforms,
+loading, empty, errors, focus restoration, and row action isolation. Runtime form schemas expose
+`presentation: "dialog" | "drawer"`; no host shell mapping is required.
 
-When binding a data grid, forward the row click event through `onRowClick(row, event)`. Action
-buttons should pass their click event to `actions.onEdit(row, event)` or
-`actions.onDelete(row, event)` so an action click cannot also open the row editor.
+The existing `createDynamic*Component` factories remain available as the advanced headless API.
 
 ## Validation
 

package/dist/admin/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/admin/editorState.ts
 var BUILDER_EDITOR_NONE_VALUE = "__none";
 function builderEditorOptionsToText(options) {