@alfakit/react 0.0.0-stage → 0.1.0

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","names":[],"sources":["../src/registry.ts"],"mappings":";;;;wBAuFgB,yBAAyB,kBAAkB"}

package/dist/registry.js

@@ -0,0 +1,113 @@
+import { AiCopilot } from "./components/ai/copilot.js";
+import { AiStream } from "./components/ai/stream-lazy.js";
+import { AnalyticsBreakdown } from "./components/analytics/breakdown.js";
+import { CmsLivePreview } from "./components/cms/live-preview-lazy.js";
+import { CheckboxField } from "./components/fields/checkbox.js";
+import { CodeEditorField } from "./components/fields/code-editor-lazy.js";
+import { HiddenField } from "./components/fields/hidden.js";
+import { IconPickerField } from "./components/fields/icon-picker-lazy.js";
+import { ModalTableSelectField, QueryBuilderRulesField } from "./components/fields/lazy-fields.js";
+import { RichEditorField } from "./components/fields/rich-editor-lazy.js";
+import { SelectField } from "./components/fields/select.js";
+import { TextInputField } from "./components/fields/text-input.js";
+import { ToggleField } from "./components/fields/toggle.js";
+import { FileManager } from "./components/file-manager/file-manager-lazy.js";
+import { FileManagerPickerField } from "./components/file-manager/picker-field.js";
+import { HelpdeskInbox } from "./components/helpdesk/inbox-lazy.js";
+import { Kanban } from "./components/kanban/kanban-lazy.js";
+import { ActionsComponent } from "./components/layout/actions.js";
+import { GridComponent } from "./components/layout/grid.js";
+import { SectionComponent } from "./components/layout/section.js";
+import { TranslationManager } from "./components/translation-manager/translation-manager-lazy.js";
+import { Tree } from "./components/tree/tree-lazy.js";
+import { CalendarWidget } from "./components/widgets/calendar-lazy.js";
+import { discoveredComponent } from "./lib/discovery.js";
+import { ComponentRegistry, lazyComponents } from "@alfakit/core";
+//#region src/registry.ts
+const prime = () => import("./components/layout/prime.js");
+const elements = () => import("./components/layout/elements.js");
+const entries = () => import("./components/entries/other-entries.js");
+/**
+* Built-ins split per type: a page downloads only the ones its schema names (preloaded
+* before it renders, see `bootAlfakit()`), the rest load the first time they are shown.
+* The core set used on nearly every page stays in `createDefaultRegistry()` directly.
+*/
+const builtInComponents = lazyComponents({
+	MoneyInput: () => import("./components/fields/money-input.js").then((m) => m.MoneyInputField),
+	Textarea: () => import("./components/fields/textarea.js").then((m) => m.TextareaField),
+	OneTimeCodeInput: () => import("./components/fields/one-time-code-input.js").then((m) => m.OneTimeCodeInputField),
+	CheckboxList: () => import("./components/fields/checkbox-list.js").then((m) => m.CheckboxListField),
+	Radio: () => import("./components/fields/radio.js").then((m) => m.RadioField),
+	DatePicker: () => import("./components/fields/date-picker.js").then((m) => m.DatePickerField),
+	DateTimePicker: () => import("./components/fields/date-picker.js").then((m) => m.DatePickerField),
+	TimePicker: () => import("./components/fields/date-picker.js").then((m) => m.DatePickerField),
+	ColorPicker: () => import("./components/fields/color-picker.js").then((m) => m.ColorPickerField),
+	TagsInput: () => import("./components/fields/tags-input.js").then((m) => m.TagsInputField),
+	KeyValue: () => import("./components/fields/key-value.js").then((m) => m.KeyValueField),
+	FileUpload: () => import("./components/fields/file-upload.js").then((m) => m.FileUploadField),
+	Repeater: () => import("./components/fields/repeater.js").then((m) => m.RepeaterField),
+	Builder: () => import("./components/fields/builder.js").then((m) => m.BuilderField),
+	ToggleButtons: () => import("./components/fields/toggle-buttons.js").then((m) => m.ToggleButtonsField),
+	Slider: () => import("./components/fields/slider.js").then((m) => m.SliderField),
+	Fieldset: () => import("./components/layout/fieldset.js").then((m) => m.FieldsetComponent),
+	FusedGroup: () => import("./components/layout/fused-group.js").then((m) => m.FusedGroupComponent),
+	Tabs: () => import("./components/layout/tabs.js").then((m) => m.TabsComponent),
+	Wizard: () => import("./components/layout/wizard.js").then((m) => m.WizardComponent),
+	Placeholder: () => prime().then((m) => m.PlaceholderComponent),
+	Html: () => prime().then((m) => m.HtmlComponent),
+	Text: () => prime().then((m) => m.TextComponent),
+	View: () => prime().then((m) => m.ViewComponent),
+	Flex: () => elements().then((m) => m.FlexComponent),
+	Callout: () => elements().then((m) => m.CalloutComponent),
+	EmptyState: () => elements().then((m) => m.EmptyStateComponent),
+	Icon: () => elements().then((m) => m.IconComponent),
+	Image: () => elements().then((m) => m.ImageComponent),
+	UnorderedList: () => elements().then((m) => m.UnorderedListComponent),
+	RecordVersions: () => import("./components/versions/record-versions.js").then((m) => m.RecordVersionsComponent),
+	TextEntry: () => import("./components/entries/text-entry.js").then((m) => m.TextEntryComponent),
+	IconEntry: () => entries().then((m) => m.IconEntryComponent),
+	ImageEntry: () => entries().then((m) => m.ImageEntryComponent),
+	CodeEntry: () => import("./components/entries/code-entry.js").then((m) => m.CodeEntryComponent),
+	ColorEntry: () => entries().then((m) => m.ColorEntryComponent),
+	KeyValueEntry: () => entries().then((m) => m.KeyValueEntryComponent),
+	RepeatableEntry: () => entries().then((m) => m.RepeatableEntryComponent),
+	ViewEntry: () => import("./components/entries/view-entry.js").then((m) => m.ViewEntryComponent)
+});
+/** Built-in renderers for every schema `type` the PHP side emits. */
+function createDefaultRegistry() {
+	return new ComponentRegistry({
+		...builtInComponents.map(discoveredComponent).components,
+		TextInput: TextInputField,
+		Hidden: HiddenField,
+		Checkbox: CheckboxField,
+		Toggle: ToggleField,
+		Select: SelectField,
+		RichEditor: RichEditorField,
+		MarkdownEditor: RichEditorField,
+		CodeEditor: CodeEditorField,
+		ModalTableSelect: ModalTableSelectField,
+		IconPicker: IconPickerField,
+		QueryBuilderRules: QueryBuilderRulesField,
+		Grid: GridComponent,
+		Group: GridComponent,
+		Section: SectionComponent,
+		Tab: GridComponent,
+		Step: GridComponent,
+		Actions: ActionsComponent,
+		"widget:calendar": CalendarWidget,
+		tree: Tree,
+		"translation-manager": TranslationManager,
+		kanban: Kanban,
+		"file-manager": FileManager,
+		FileManagerPicker: FileManagerPickerField,
+		"ai:copilot": AiCopilot,
+		"ai:stream": AiStream,
+		"analytics:breakdown": AnalyticsBreakdown,
+		CmsLivePreview,
+		"helpdesk:inbox": HelpdeskInbox
+	});
+}
+//#endregion
+export { builtInComponents, createDefaultRegistry };
+
+//# sourceMappingURL=registry.js.map

package/dist/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../src/registry.ts"],"sourcesContent":["import { ComponentRegistry, lazyComponents } from '@alfakit/core'\nimport { AiCopilot, AiStream } from './components/ai'\nimport { AnalyticsBreakdown } from './components/analytics/breakdown'\nimport { CmsLivePreview } from './components/cms/live-preview-lazy'\nimport {\n  CheckboxField,\n  CodeEditorField,\n  HiddenField,\n  IconPickerField,\n  ModalTableSelectField,\n  QueryBuilderRulesField,\n  RichEditorField,\n  SelectField,\n  TextInputField,\n  ToggleField,\n} from './components/fields'\nimport { FileManager, FileManagerPickerField } from './components/file-manager'\nimport { HelpdeskInbox } from './components/helpdesk'\nimport { Kanban } from './components/kanban'\nimport { ActionsComponent } from './components/layout/actions'\nimport { GridComponent } from './components/layout/grid'\nimport { SectionComponent } from './components/layout/section'\nimport { TranslationManager } from './components/translation-manager'\nimport { Tree } from './components/tree'\nimport { CalendarWidget } from './components/widgets/calendar-lazy'\nimport type { AnyComponent } from './context'\nimport { discoveredComponent } from './lib/discovery'\n\nconst prime = () => import('./components/layout/prime')\nconst elements = () => import('./components/layout/elements')\nconst entries = () => import('./components/entries/other-entries')\n\n/**\n * Built-ins split per type: a page downloads only the ones its schema names (preloaded\n * before it renders, see `bootAlfakit()`), the rest load the first time they are shown.\n * The core set used on nearly every page stays in `createDefaultRegistry()` directly.\n */\nexport const builtInComponents = lazyComponents<AnyComponent>({\n  // Fields\n  MoneyInput: () => import('./components/fields/money-input').then((m) => m.MoneyInputField),\n  Textarea: () => import('./components/fields/textarea').then((m) => m.TextareaField),\n  OneTimeCodeInput: () =>\n    import('./components/fields/one-time-code-input').then((m) => m.OneTimeCodeInputField),\n  CheckboxList: () => import('./components/fields/checkbox-list').then((m) => m.CheckboxListField),\n  Radio: () => import('./components/fields/radio').then((m) => m.RadioField),\n  DatePicker: () => import('./components/fields/date-picker').then((m) => m.DatePickerField),\n  DateTimePicker: () => import('./components/fields/date-picker').then((m) => m.DatePickerField),\n  TimePicker: () => import('./components/fields/date-picker').then((m) => m.DatePickerField),\n  ColorPicker: () => import('./components/fields/color-picker').then((m) => m.ColorPickerField),\n  TagsInput: () => import('./components/fields/tags-input').then((m) => m.TagsInputField),\n  KeyValue: () => import('./components/fields/key-value').then((m) => m.KeyValueField),\n  FileUpload: () => import('./components/fields/file-upload').then((m) => m.FileUploadField),\n  Repeater: () => import('./components/fields/repeater').then((m) => m.RepeaterField),\n  Builder: () => import('./components/fields/builder').then((m) => m.BuilderField),\n  ToggleButtons: () =>\n    import('./components/fields/toggle-buttons').then((m) => m.ToggleButtonsField),\n  Slider: () => import('./components/fields/slider').then((m) => m.SliderField),\n  // Layout\n  Fieldset: () => import('./components/layout/fieldset').then((m) => m.FieldsetComponent),\n  FusedGroup: () => import('./components/layout/fused-group').then((m) => m.FusedGroupComponent),\n  Tabs: () => import('./components/layout/tabs').then((m) => m.TabsComponent),\n  Wizard: () => import('./components/layout/wizard').then((m) => m.WizardComponent),\n  Placeholder: () => prime().then((m) => m.PlaceholderComponent),\n  Html: () => prime().then((m) => m.HtmlComponent),\n  Text: () => prime().then((m) => m.TextComponent),\n  View: () => prime().then((m) => m.ViewComponent),\n  Flex: () => elements().then((m) => m.FlexComponent),\n  Callout: () => elements().then((m) => m.CalloutComponent),\n  EmptyState: () => elements().then((m) => m.EmptyStateComponent),\n  Icon: () => elements().then((m) => m.IconComponent),\n  Image: () => elements().then((m) => m.ImageComponent),\n  UnorderedList: () => elements().then((m) => m.UnorderedListComponent),\n  // `HistoryAction`'s version list (`HasRecordVersions`).\n  RecordVersions: () =>\n    import('./components/versions/record-versions').then((m) => m.RecordVersionsComponent),\n  // Infolist entries\n  TextEntry: () => import('./components/entries/text-entry').then((m) => m.TextEntryComponent),\n  IconEntry: () => entries().then((m) => m.IconEntryComponent),\n  ImageEntry: () => entries().then((m) => m.ImageEntryComponent),\n  CodeEntry: () => import('./components/entries/code-entry').then((m) => m.CodeEntryComponent),\n  ColorEntry: () => entries().then((m) => m.ColorEntryComponent),\n  KeyValueEntry: () => entries().then((m) => m.KeyValueEntryComponent),\n  RepeatableEntry: () => entries().then((m) => m.RepeatableEntryComponent),\n  ViewEntry: () => import('./components/entries/view-entry').then((m) => m.ViewEntryComponent),\n})\n\n/** Built-in renderers for every schema `type` the PHP side emits. */\nexport function createDefaultRegistry(): ComponentRegistry<AnyComponent> {\n  return new ComponentRegistry<AnyComponent>({\n    ...builtInComponents.map(discoveredComponent).components,\n    // Core set: on nearly every page, so in the main chunk.\n    TextInput: TextInputField,\n    Hidden: HiddenField,\n    Checkbox: CheckboxField,\n    Toggle: ToggleField,\n    Select: SelectField,\n    RichEditor: RichEditorField,\n    MarkdownEditor: RichEditorField,\n    CodeEditor: CodeEditorField,\n    ModalTableSelect: ModalTableSelectField,\n    IconPicker: IconPickerField,\n    // Table filters\n    QueryBuilderRules: QueryBuilderRulesField,\n    // Layout\n    Grid: GridComponent,\n    Group: GridComponent,\n    Section: SectionComponent,\n    Tab: GridComponent,\n    Step: GridComponent,\n    Actions: ActionsComponent,\n    // First-party plugins (alfasix/alfakit-calendar, alfasix/alfakit-tree), lazy-loaded\n    'widget:calendar': CalendarWidget,\n    tree: Tree,\n    // alfasix/alfakit-translation-manager, lazy-loaded\n    'translation-manager': TranslationManager,\n    // alfasix/alfakit-kanban: the page component and the widget share the key.\n    kanban: Kanban,\n    // alfasix/alfakit-file-manager: the page component (lazy-loaded) and the picker field.\n    'file-manager': FileManager,\n    FileManagerPicker: FileManagerPickerField,\n    // alfasix/alfakit-ai: the topbar copilot (its chat loads on first open).\n    'ai:copilot': AiCopilot,\n    // alfasix/alfakit-ai `streaming()`: answers streamed into modal forms (lazy-loaded).\n    'ai:stream': AiStream,\n    // alfasix/alfakit-analytics: the dashboard's top lists.\n    'analytics:breakdown': AnalyticsBreakdown,\n    // alfasix/alfakit-cms: the page editor's autosave and live preview.\n    CmsLivePreview,\n    // alfasix/alfakit-helpdesk: the agent inbox page component, lazy-loaded.\n    'helpdesk:inbox': HelpdeskInbox,\n  })\n}\n"],"mappings":"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"}

package/dist/server.d.ts

@@ -0,0 +1,28 @@
+import { CreateAlfakitOptions } from "./create-alfakit.js";
+import { InertiaAppResponse, Page } from "@inertiajs/core";
+//#region src/server.d.ts
+export interface CreateAlfakitServerOptions extends CreateAlfakitOptions {
+  /**
+   * Render Inertia pages that are neither Alfakit pages (they lack the shared `alfakit` prop)
+   * nor registered with `pages`, e.g. the rest of your application. Without it those pages
+   * render in the browser only.
+   */
+  fallback?: (page: Page) => InertiaAppResponse;
+}
+/**
+ * Server-side rendering for Alfakit panels: returns the render callback for Inertia's SSR
+ * server. Pass the same components and pages as `createAlfakit()` so both sides render
+ * the same tree.
+ *
+ * ```tsx
+ * // resources/js/ssr.tsx
+ * import createServer from '@inertiajs/react/server'
+ * import { createAlfakitServer } from '@alfakit/react/server'
+ *
+ * createServer(createAlfakitServer({ components: { 'map-picker': MapPicker } }))
+ * ```
+ */
+export declare function createAlfakitServer(options?: CreateAlfakitServerOptions): (page: Page) => InertiaAppResponse;
+//#endregion
+export type { CreateAlfakitOptions };
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","names":[],"sources":["../src/server.tsx"],"mappings":";;;iBASiB,mCAAmC;;;;;;EAMlD,YAAY,MAAM,SAAS;;;;;;;;;;;;;;;wBAgBb,oBACd,UAAS,8BACP,MAAM,SAAS"}

package/dist/server.js

@@ -0,0 +1,38 @@
+import { bootAlfakit } from "./create-alfakit.js";
+import { discoveryKey } from "@alfakit/core";
+import { renderToString } from "react-dom/server";
+//#region src/server.tsx
+/**
+* Server-side rendering for Alfakit panels: returns the render callback for Inertia's SSR
+* server. Pass the same components and pages as `createAlfakit()` so both sides render
+* the same tree.
+*
+* ```tsx
+* // resources/js/ssr.tsx
+* import createServer from '@inertiajs/react/server'
+* import { createAlfakitServer } from '@alfakit/react/server'
+*
+* createServer(createAlfakitServer({ components: { 'map-picker': MapPicker } }))
+* ```
+*/
+function createAlfakitServer(options = {}) {
+	const { fallback, ...alfakitOptions } = options;
+	let render = null;
+	const discoveredPages = new Set(Object.keys(alfakitOptions.discover ?? {}).flatMap((path) => {
+		const key = discoveryKey(path);
+		return key?.section === "pages" ? [key.key] : [];
+	}));
+	return async (page) => {
+		const registered = alfakitOptions.pages !== void 0 && page.component in alfakitOptions.pages || discoveredPages.has(page.component);
+		if (!page.props.alfakit && !registered) return fallback ? fallback(page) : null;
+		render ??= bootAlfakit(alfakitOptions).then((result) => {
+			if (typeof result !== "function") throw new Error("Alfakit: createAlfakitServer() must run on the server (no `window`).");
+			return result;
+		});
+		return (await render)(page, renderToString);
+	};
+}
+//#endregion
+export { createAlfakitServer };
+
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","names":[],"sources":["../src/server.tsx"],"sourcesContent":["import { discoveryKey } from '@alfakit/core'\nimport type { InertiaAppResponse, Page } from '@inertiajs/core'\nimport { renderToString } from 'react-dom/server'\nimport {\n  bootAlfakit,\n  type AlfakitRenderFunction,\n  type CreateAlfakitOptions,\n} from './create-alfakit'\n\nexport interface CreateAlfakitServerOptions extends CreateAlfakitOptions {\n  /**\n   * Render Inertia pages that are neither Alfakit pages (they lack the shared `alfakit` prop)\n   * nor registered with `pages`, e.g. the rest of your application. Without it those pages\n   * render in the browser only.\n   */\n  fallback?: (page: Page) => InertiaAppResponse\n}\n\n/**\n * Server-side rendering for Alfakit panels: returns the render callback for Inertia's SSR\n * server. Pass the same components and pages as `createAlfakit()` so both sides render\n * the same tree.\n *\n * ```tsx\n * // resources/js/ssr.tsx\n * import createServer from '@inertiajs/react/server'\n * import { createAlfakitServer } from '@alfakit/react/server'\n *\n * createServer(createAlfakitServer({ components: { 'map-picker': MapPicker } }))\n * ```\n */\nexport function createAlfakitServer(\n  options: CreateAlfakitServerOptions = {},\n): (page: Page) => InertiaAppResponse {\n  const { fallback, ...alfakitOptions } = options\n  let render: Promise<AlfakitRenderFunction> | null = null\n  const discoveredPages = new Set(\n    Object.keys(alfakitOptions.discover ?? {}).flatMap((path) => {\n      const key = discoveryKey(path)\n\n      return key?.section === 'pages' ? [key.key] : []\n    }),\n  )\n\n  return async (page) => {\n    // Panel pages and the pages registered with `pages` render here; any other page goes to\n    // `fallback`, or `null` tells Laravel to fall back to client-side rendering for it.\n    const registered =\n      (alfakitOptions.pages !== undefined && page.component in alfakitOptions.pages) ||\n      discoveredPages.has(page.component)\n\n    if (!(page.props as Record<string, unknown>).alfakit && !registered) {\n      return fallback ? fallback(page) : (null as unknown as void)\n    }\n\n    render ??= bootAlfakit(alfakitOptions).then((result) => {\n      if (typeof result !== 'function') {\n        throw new Error('Alfakit: createAlfakitServer() must run on the server (no `window`).')\n      }\n\n      return result\n    })\n\n    return (await render)(page, renderToString)\n  }\n}\n\nexport type { CreateAlfakitOptions } from './create-alfakit'\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,SAAgB,oBACd,UAAsC,CAAC,GACH;CACpC,MAAM,EAAE,UAAU,GAAG,mBAAmB;CACxC,IAAI,SAAgD;CACpD,MAAM,kBAAkB,IAAI,IAC1B,OAAO,KAAK,eAAe,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS;EAC3D,MAAM,MAAM,aAAa,IAAI;EAE7B,OAAO,KAAK,YAAY,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;CACjD,CAAC,CACH;CAEA,OAAO,OAAO,SAAS;EAGrB,MAAM,aACH,eAAe,UAAU,KAAA,KAAa,KAAK,aAAa,eAAe,SACxE,gBAAgB,IAAI,KAAK,SAAS;EAEpC,IAAI,CAAE,KAAK,MAAkC,WAAW,CAAC,YACvD,OAAO,WAAW,SAAS,IAAI,IAAK;EAGtC,WAAW,YAAY,cAAc,CAAC,CAAC,MAAM,WAAW;GACtD,IAAI,OAAO,WAAW,YACpB,MAAM,IAAI,MAAM,sEAAsE;GAGxF,OAAO;EACT,CAAC;EAED,QAAQ,MAAM,OAAA,CAAQ,MAAM,cAAc;CAC5C;AACF"}

package/dist/standalone/alfakit-component.d.ts

@@ -0,0 +1,30 @@
+import { AnyComponent } from "../context.js";
+import { ContentBlock, StandaloneComponentSchema } from "@alfakit/core";
+import { ReactNode } from "react";
+//#region src/standalone/alfakit-component.d.ts
+export interface AlfakitComponentProps {
+  /** The payload: `ContactForm::make()` passed as an Inertia prop. */
+  component: StandaloneComponentSchema;
+  /** Renderer overrides for this instance (`{ TextInput: MyInput }`), on top of `configureAlfakit()`. */
+  components?: Record<string, AnyComponent>;
+  className?: string;
+  /** Rendered above the content blocks (after the heading and actions). */
+  header?: ReactNode;
+  /** Rendered below the content blocks. */
+  footer?: ReactNode;
+  /** Render each content block yourself (e.g. to lay a form and a table side by side). */
+  children?: (blocks: ContentBlock[], render: (block: ContentBlock) => ReactNode) => ReactNode;
+}
+/**
+ * Renders an Alfakit component outside a panel: a form, table, infolist, widgets or any mix
+ * (`AlfaSix\Alfakit\Standalone\*`) in any Inertia page of the application. Needs no
+ * `createAlfakit()` and no panel layout: it provides its own translator, registry, action
+ * runner and modals, and inherits the application's shadcn tokens.
+ *
+ * ```tsx
+ * <AlfakitComponent component={orders} className="max-w-4xl" />
+ * ```
+ */
+export declare function AlfakitComponent({ component, components, className, header, footer, children }: AlfakitComponentProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=alfakit-component.d.ts.map

package/dist/standalone/alfakit-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alfakit-component.d.ts","names":[],"sources":["../../src/standalone/alfakit-component.tsx"],"mappings":";;;;iBAiCiB;;EAEf,WAAW;;EAEX,aAAa,eAAe;EAC5B;;EAEA,SAAS;;EAET,SAAS;;EAET,YAAY,QAAQ,gBAAgB,SAAS,OAAO,iBAAiB,cAAc;;;;;;;;;;;;wBAarE,mBACd,WACA,YACA,WACA,QACA,QACA,YACC,wCAAqB,IAAA"}

package/dist/standalone/alfakit-component.js

@@ -0,0 +1,156 @@
+import { AlfakitProvider, StandaloneProvider, useOptionalAlfakit } from "../context.js";
+import { PageActionProvider } from "../components/actions/action-context.js";
+import { cn } from "../lib/utils.js";
+import { TooltipProvider } from "../components/ui/tooltip.js";
+import { ActionList } from "../components/actions/action-list.js";
+import { claimToaster, createStandaloneContext, createStandaloneRegistry, ensureStandaloneRuntime, hasToaster } from "./runtime.js";
+import { ContentBlockRenderer } from "../pages/page.js";
+import { ActionModals } from "../components/actions/action-modals.js";
+import { AlfakitToaster } from "./alfakit-toaster.js";
+import { StandaloneComponentState, findStandalonePropName, registerStandaloneProp, standalonePanelSchema } from "@alfakit/core";
+import { usePage } from "@inertiajs/react";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Direction } from "radix-ui";
+//#region src/standalone/alfakit-component.tsx
+/**
+* Renders an Alfakit component outside a panel: a form, table, infolist, widgets or any mix
+* (`AlfaSix\Alfakit\Standalone\*`) in any Inertia page of the application. Needs no
+* `createAlfakit()` and no panel layout: it provides its own translator, registry, action
+* runner and modals, and inherits the application's shadcn tokens.
+*
+* ```tsx
+* <AlfakitComponent component={orders} className="max-w-4xl" />
+* ```
+*/
+function AlfakitComponent({ component, components, className, header, footer, children }) {
+	const parent = useOptionalAlfakit();
+	const props = useOptionalPageProps();
+	const [, setVersion] = useState(0);
+	const overrideKeys = Object.keys(components ?? {}).join(",");
+	const state = useMemo(() => new StandaloneComponentState(component, () => setVersion((value) => value + 1)), []);
+	state.setComponent(component);
+	const context = useMemo(() => {
+		const poll = (target, interval) => state.poll(target, interval);
+		if (parent) return {
+			...parent,
+			registry: createStandaloneRegistry(components, parent.registry),
+			poll
+		};
+		return createStandaloneContext({
+			action: component.endpoints.action,
+			modal: component.endpoints.modal
+		}, components, poll);
+	}, [
+		parent,
+		state,
+		overrideKeys
+	]);
+	context.actions.setEndpoints({
+		action: component.endpoints.action,
+		modal: component.endpoints.modal
+	});
+	if (!parent || !props?.alfakit) {
+		context.translator.setTranslations(component.translations ?? {});
+		context.translator.setLocale(component.localization?.tag ?? "en");
+	}
+	const panel = useMemo(() => standalonePanelSchema(component), [component]);
+	const page = state.page;
+	const direction = component.localization?.direction ?? "ltr";
+	useEffect(() => {
+		ensureStandaloneRuntime();
+	}, []);
+	const propName = findStandalonePropName(props, component);
+	useEffect(() => registerStandaloneProp(propName ?? null), [propName]);
+	useEffect(() => {
+		state.loadLazy();
+	}, [state, component.token]);
+	const [ownsToaster, setOwnsToaster] = useState(false);
+	useEffect(() => {
+		if (parent) return;
+		let release = null;
+		let cancelled = false;
+		queueMicrotask(() => {
+			if (cancelled || hasToaster()) return;
+			release = claimToaster();
+			setOwnsToaster(true);
+		});
+		return () => {
+			cancelled = true;
+			release?.();
+		};
+	}, [parent]);
+	const render = (block) => /* @__PURE__ */ jsx(ContentBlockRenderer, { block }, block.key);
+	const actionContext = useMemo(() => ({
+		token: component.token,
+		component: "page"
+	}), [component.token]);
+	const body = /* @__PURE__ */ jsxs(PageActionProvider, {
+		value: actionContext,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				"data-slot": "standalone",
+				"data-alfakit-component": component.class,
+				dir: direction,
+				className: cn("flex flex-col gap-6", className),
+				children: [
+					(page.heading || page.headerActions?.length) && /* @__PURE__ */ jsxs("header", {
+						"data-slot": "page-header",
+						className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "min-w-0",
+							children: [page.heading && /* @__PURE__ */ jsx("h2", {
+								className: "text-xl font-semibold tracking-tight",
+								children: page.heading
+							}), page.subheading && /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mt-1 text-sm",
+								children: page.subheading
+							})]
+						}), page.headerActions && page.headerActions.length > 0 && /* @__PURE__ */ jsx(ActionList, {
+							actions: page.headerActions,
+							context: actionContext,
+							align: "end",
+							className: "max-w-full shrink-0"
+						})]
+					}),
+					header,
+					children ? children(page.content, render) : page.content.map(render),
+					footer
+				]
+			}),
+			/* @__PURE__ */ jsx(ActionModals, {}),
+			ownsToaster && /* @__PURE__ */ jsx(AlfakitToaster, { claimed: true })
+		]
+	});
+	return /* @__PURE__ */ jsx(AlfakitProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsx(StandaloneProvider, {
+			value: {
+				panel,
+				page
+			},
+			children: parent ? body : /* @__PURE__ */ jsx(Direction.Provider, {
+				dir: direction,
+				children: /* @__PURE__ */ jsx(TooltipProvider, {
+					delayDuration: 0,
+					children: body
+				})
+			})
+		})
+	});
+}
+/**
+* The host page's Inertia props, or undefined when rendered outside an Inertia app (a
+* component test, Storybook, a plain server render): partial reloads then reload every prop.
+*/
+function useOptionalPageProps() {
+	try {
+		return usePage().props;
+	} catch {
+		return;
+	}
+}
+//#endregion
+export { AlfakitComponent };
+
+//# sourceMappingURL=alfakit-component.js.map

package/dist/standalone/alfakit-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alfakit-component.js","names":[],"sources":["../../src/standalone/alfakit-component.tsx"],"sourcesContent":["import {\n  StandaloneComponentState,\n  findStandalonePropName,\n  registerStandaloneProp,\n  standalonePanelSchema,\n  type ContentBlock,\n  type StandaloneComponentSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/react'\nimport { Direction } from 'radix-ui'\nimport { useEffect, useMemo, useState, type ReactNode } from 'react'\nimport { PageActionProvider } from '../components/actions/action-context'\nimport { ActionList } from '../components/actions/action-list'\nimport { ActionModals } from '../components/actions/action-modals'\nimport { TooltipProvider } from '../components/ui/tooltip'\nimport {\n  AlfakitProvider,\n  StandaloneProvider,\n  useOptionalAlfakit,\n  type AlfakitContextValue,\n  type AnyComponent,\n} from '../context'\nimport { cn } from '../lib/utils'\nimport { ContentBlockRenderer } from '../pages/page'\nimport { AlfakitToaster } from './alfakit-toaster'\nimport {\n  claimToaster,\n  createStandaloneContext,\n  createStandaloneRegistry,\n  ensureStandaloneRuntime,\n  hasToaster,\n} from './runtime'\n\nexport interface AlfakitComponentProps {\n  /** The payload: `ContactForm::make()` passed as an Inertia prop. */\n  component: StandaloneComponentSchema\n  /** Renderer overrides for this instance (`{ TextInput: MyInput }`), on top of `configureAlfakit()`. */\n  components?: Record<string, AnyComponent>\n  className?: string\n  /** Rendered above the content blocks (after the heading and actions). */\n  header?: ReactNode\n  /** Rendered below the content blocks. */\n  footer?: ReactNode\n  /** Render each content block yourself (e.g. to lay a form and a table side by side). */\n  children?: (blocks: ContentBlock[], render: (block: ContentBlock) => ReactNode) => ReactNode\n}\n\n/**\n * Renders an Alfakit component outside a panel: a form, table, infolist, widgets or any mix\n * (`AlfaSix\\Alfakit\\Standalone\\*`) in any Inertia page of the application. Needs no\n * `createAlfakit()` and no panel layout: it provides its own translator, registry, action\n * runner and modals, and inherits the application's shadcn tokens.\n *\n * ```tsx\n * <AlfakitComponent component={orders} className=\"max-w-4xl\" />\n * ```\n */\nexport function AlfakitComponent({\n  component,\n  components,\n  className,\n  header,\n  footer,\n  children,\n}: AlfakitComponentProps) {\n  const parent = useOptionalAlfakit()\n  const props = useOptionalPageProps()\n  const [, setVersion] = useState(0)\n  // The registry overrides are an object literal in JSX: compare them by their keys.\n  const overrideKeys = Object.keys(components ?? {}).join(',')\n\n  // Lazy and polled schemas of this component, merged into the page it renders.\n  const state = useMemo(\n    () => new StandaloneComponentState(component, () => setVersion((value) => value + 1)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  )\n  state.setComponent(component)\n\n  const context = useMemo<AlfakitContextValue>(() => {\n    const poll = (target: string, interval: string | number | null | undefined) =>\n      state.poll(target, interval)\n\n    if (parent) {\n      return { ...parent, registry: createStandaloneRegistry(components, parent.registry), poll }\n    }\n\n    return createStandaloneContext(\n      { action: component.endpoints.action, modal: component.endpoints.modal },\n      components,\n      poll,\n    )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parent, state, overrideKeys])\n\n  // Endpoints follow the latest payload (they change per locale or path).\n  context.actions.setEndpoints({\n    action: component.endpoints.action,\n    modal: component.endpoints.modal,\n  })\n\n  // Inside `createAlfakit()` the panel feeds the shared translator; on a page without the\n  // `alfakit` prop (the rest of the app) the component's own translations apply.\n  const ownsTranslator = !parent || !props?.alfakit\n\n  if (ownsTranslator) {\n    context.translator.setTranslations(component.translations ?? {})\n    context.translator.setLocale(component.localization?.tag ?? 'en')\n  }\n\n  const panel = useMemo(() => standalonePanelSchema(component), [component])\n  const page = state.page\n  const direction = component.localization?.direction ?? 'ltr'\n\n  useEffect(() => {\n    ensureStandaloneRuntime()\n  }, [])\n\n  // Partial reloads (sorting, paging, inline edits) request this component's own prop.\n  const propName = findStandalonePropName(props, component)\n\n  useEffect(() => registerStandaloneProp(propName ?? null), [propName])\n\n  useEffect(() => {\n    void state.loadLazy()\n  }, [state, component.token])\n\n  // Toasts: use the layout's <AlfakitToaster /> when there is one, else the first component\n  // on the page renders one (checked after every component's effects ran).\n  const [ownsToaster, setOwnsToaster] = useState(false)\n\n  useEffect(() => {\n    if (parent) return\n\n    let release: (() => void) | null = null\n    let cancelled = false\n\n    queueMicrotask(() => {\n      if (cancelled || hasToaster()) return\n\n      release = claimToaster()\n      setOwnsToaster(true)\n    })\n\n    return () => {\n      cancelled = true\n      release?.()\n    }\n  }, [parent])\n\n  const render = (block: ContentBlock) => <ContentBlockRenderer key={block.key} block={block} />\n  const actionContext = useMemo(\n    () => ({ token: component.token, component: 'page' }),\n    [component.token],\n  )\n\n  const body = (\n    <PageActionProvider value={actionContext}>\n      <div\n        data-slot=\"standalone\"\n        data-alfakit-component={component.class}\n        dir={direction}\n        className={cn('flex flex-col gap-6', className)}\n      >\n        {(page.heading || page.headerActions?.length) && (\n          <header\n            data-slot=\"page-header\"\n            className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\"\n          >\n            <div className=\"min-w-0\">\n              {page.heading && (\n                <h2 className=\"text-xl font-semibold tracking-tight\">{page.heading}</h2>\n              )}\n              {page.subheading && (\n                <p className=\"text-muted-foreground mt-1 text-sm\">{page.subheading}</p>\n              )}\n            </div>\n            {page.headerActions && page.headerActions.length > 0 && (\n              <ActionList\n                actions={page.headerActions}\n                context={actionContext}\n                align=\"end\"\n                className=\"max-w-full shrink-0\"\n              />\n            )}\n          </header>\n        )}\n        {header}\n        {children ? children(page.content, render) : page.content.map(render)}\n        {footer}\n      </div>\n      <ActionModals />\n      {ownsToaster && <AlfakitToaster claimed />}\n    </PageActionProvider>\n  )\n\n  return (\n    <AlfakitProvider value={context}>\n      <StandaloneProvider value={{ panel, page }}>\n        {parent ? (\n          body\n        ) : (\n          <Direction.Provider dir={direction}>\n            <TooltipProvider delayDuration={0}>{body}</TooltipProvider>\n          </Direction.Provider>\n        )}\n      </StandaloneProvider>\n    </AlfakitProvider>\n  )\n}\n\n/**\n * The host page's Inertia props, or undefined when rendered outside an Inertia app (a\n * component test, Storybook, a plain server render): partial reloads then reload every prop.\n */\nfunction useOptionalPageProps(): Record<string, unknown> | undefined {\n  try {\n    return usePage().props as Record<string, unknown>\n  } catch {\n    return undefined\n  }\n}\n"],"mappings":"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"}

package/dist/standalone/alfakit-toaster.d.ts

@@ -0,0 +1,26 @@
+import { ToastPosition } from "@alfakit/core";
+//#region src/standalone/alfakit-toaster.d.ts
+export interface AlfakitToasterProps {
+  /** Where toasts appear; `start`/`end` follow the reading direction. */
+  position?: ToastPosition;
+  dir?: 'ltr' | 'rtl';
+  /**
+   * Render sonner's `<Toaster>` too (default). Pass `false` when your layout already mounts
+   * one: flashed Alfakit notifications are then shown through it.
+   */
+  toaster?: boolean;
+  /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */
+  claimed?: boolean;
+}
+/**
+ * Shows notifications flashed by standalone components (`Notification::make()->send()`
+ * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose
+ * layout has none gets one from its first `<AlfakitComponent>`.
+ *
+ * ```tsx
+ * <AlfakitToaster />
+ * ```
+ */
+export declare function AlfakitToaster({ position, dir, toaster, claimed }: AlfakitToasterProps): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=alfakit-toaster.d.ts.map

package/dist/standalone/alfakit-toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alfakit-toaster.d.ts","names":[],"sources":["../../src/standalone/alfakit-toaster.tsx"],"mappings":";;iBAMiB;;EAEf,WAAW;EACX;;;;;EAKA;;EAEA;;;;;;;;;;;wBAYc,iBACd,UACA,KACA,SACA,WACC,sCAAmB,IAAA"}

package/dist/standalone/alfakit-toaster.js

@@ -0,0 +1,38 @@
+import { useOptionalAlfakit } from "../context.js";
+import { claimToaster, createStandaloneContext, ensureFlashToasts } from "./runtime.js";
+import { Toaster } from "../components/ui/sonner.js";
+import { resolveToastPosition } from "@alfakit/core";
+import { useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/standalone/alfakit-toaster.tsx
+/**
+* Shows notifications flashed by standalone components (`Notification::make()->send()`
+* from `submit()` or an action) as toasts. Place it once in your app layout; a page whose
+* layout has none gets one from its first `<AlfakitComponent>`.
+*
+* ```tsx
+* <AlfakitToaster />
+* ```
+*/
+function AlfakitToaster({ position, dir = "ltr", toaster = true, claimed = false }) {
+	const parent = useOptionalAlfakit();
+	const context = useMemo(() => parent ?? createStandaloneContext({
+		action: "",
+		modal: ""
+	}, void 0, void 0), [parent]);
+	useEffect(() => claimed ? void 0 : claimToaster(), [claimed]);
+	useEffect(() => {
+		ensureFlashToasts(context.registry);
+	}, [context]);
+	if (!toaster) return null;
+	return /* @__PURE__ */ jsx(Toaster, {
+		position: resolveToastPosition(position, dir),
+		dir,
+		richColors: true,
+		closeButton: true
+	});
+}
+//#endregion
+export { AlfakitToaster };
+
+//# sourceMappingURL=alfakit-toaster.js.map

package/dist/standalone/alfakit-toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alfakit-toaster.js","names":[],"sources":["../../src/standalone/alfakit-toaster.tsx"],"sourcesContent":["import { resolveToastPosition, type ToastPosition } from '@alfakit/core'\nimport { useEffect, useMemo } from 'react'\nimport { Toaster } from '../components/ui/sonner'\nimport { useOptionalAlfakit, type AlfakitContextValue } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\nexport interface AlfakitToasterProps {\n  /** Where toasts appear; `start`/`end` follow the reading direction. */\n  position?: ToastPosition\n  dir?: 'ltr' | 'rtl'\n  /**\n   * Render sonner's `<Toaster>` too (default). Pass `false` when your layout already mounts\n   * one: flashed Alfakit notifications are then shown through it.\n   */\n  toaster?: boolean\n  /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n  claimed?: boolean\n}\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * ```tsx\n * <AlfakitToaster />\n * ```\n */\nexport function AlfakitToaster({\n  position,\n  dir = 'ltr',\n  toaster = true,\n  claimed = false,\n}: AlfakitToasterProps) {\n  const parent = useOptionalAlfakit()\n\n  // Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\n  const context = useMemo<AlfakitContextValue>(\n    () => parent ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined),\n    [parent],\n  )\n\n  useEffect(() => (claimed ? undefined : claimToaster()), [claimed])\n\n  useEffect(() => {\n    ensureFlashToasts(context.registry)\n  }, [context])\n\n  if (!toaster) return null\n\n  return <Toaster position={resolveToastPosition(position, dir)} dir={dir} richColors closeButton />\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,SAAgB,eAAe,EAC7B,UACA,MAAM,OACN,UAAU,MACV,UAAU,SACY;CACtB,MAAM,SAAS,mBAAmB;CAGlC,MAAM,UAAU,cACR,UAAU,wBAAwB;EAAE,QAAQ;EAAI,OAAO;CAAG,GAAG,KAAA,GAAW,KAAA,CAAS,GACvF,CAAC,MAAM,CACT;CAEA,gBAAiB,UAAU,KAAA,IAAY,aAAa,GAAI,CAAC,OAAO,CAAC;CAEjE,gBAAgB;EACd,kBAAkB,QAAQ,QAAQ;CACpC,GAAG,CAAC,OAAO,CAAC;CAEZ,IAAI,CAAC,SAAS,OAAO;CAErB,OAAO,oBAAC,SAAD;EAAS,UAAU,qBAAqB,UAAU,GAAG;EAAQ;EAAK,YAAA;EAAW,aAAA;CAAa,CAAA;AACnG"}

package/dist/standalone/configure.d.ts

@@ -0,0 +1,14 @@
+import { AnyComponent } from "../context.js";
+import { StandaloneDefaults } from "@alfakit/core";
+//#region src/standalone/configure.d.ts
+/**
+ * Global defaults for every `<AlfakitComponent>` of the application, for pages outside a
+ * panel (no `createAlfakit()`). Call it once in your app entry:
+ *
+ * ```tsx
+ * configureAlfakit({ components: { TextInput: MyInput, 'map-picker': MapPicker } })
+ * ```
+ */
+export declare function configureAlfakit(options: StandaloneDefaults<AnyComponent>): void;
+//#endregion
+//# sourceMappingURL=configure.d.ts.map

package/dist/standalone/configure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.d.ts","names":[],"sources":["../../src/standalone/configure.ts"],"mappings":";;;;;;;;;;;wBAagB,iBAAiB,SAAS,mBAAmB"}

package/dist/standalone/configure.js

@@ -0,0 +1,27 @@
+//#region src/standalone/configure.ts
+let defaults = {};
+/**
+* Global defaults for every `<AlfakitComponent>` of the application, for pages outside a
+* panel (no `createAlfakit()`). Call it once in your app entry:
+*
+* ```tsx
+* configureAlfakit({ components: { TextInput: MyInput, 'map-picker': MapPicker } })
+* ```
+*/
+function configureAlfakit(options) {
+	defaults = {
+		...defaults,
+		...options,
+		components: {
+			...defaults.components,
+			...options.components
+		}
+	};
+}
+function getStandaloneDefaults() {
+	return defaults;
+}
+//#endregion
+export { configureAlfakit, getStandaloneDefaults };
+
+//# sourceMappingURL=configure.js.map

package/dist/standalone/configure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.js","names":[],"sources":["../../src/standalone/configure.ts"],"sourcesContent":["import type { StandaloneDefaults } from '@alfakit/core'\nimport type { AnyComponent } from '../context'\n\nlet defaults: StandaloneDefaults<AnyComponent> = {}\n\n/**\n * Global defaults for every `<AlfakitComponent>` of the application, for pages outside a\n * panel (no `createAlfakit()`). Call it once in your app entry:\n *\n * ```tsx\n * configureAlfakit({ components: { TextInput: MyInput, 'map-picker': MapPicker } })\n * ```\n */\nexport function configureAlfakit(options: StandaloneDefaults<AnyComponent>): void {\n  defaults = {\n    ...defaults,\n    ...options,\n    components: { ...defaults.components, ...options.components },\n  }\n}\n\nexport function getStandaloneDefaults(): StandaloneDefaults<AnyComponent> {\n  return defaults\n}\n"],"mappings":";AAGA,IAAI,WAA6C,CAAC;;;;;;;;;AAUlD,SAAgB,iBAAiB,SAAiD;CAChF,WAAW;EACT,GAAG;EACH,GAAG;EACH,YAAY;GAAE,GAAG,SAAS;GAAY,GAAG,QAAQ;EAAW;CAC9D;AACF;AAEA,SAAgB,wBAA0D;CACxE,OAAO;AACT"}

package/dist/standalone/index.d.ts

@@ -0,0 +1,4 @@
+import { AlfakitComponent, AlfakitComponentProps } from "./alfakit-component.js";
+import { AlfakitToaster, AlfakitToasterProps } from "./alfakit-toaster.js";
+import { configureAlfakit } from "./configure.js";
+export { AlfakitComponent, type AlfakitComponentProps, AlfakitToaster, type AlfakitToasterProps, configureAlfakit };