alinea 1.7.0 → 2.0.0-preview.1

package/dist/dashboard/editor/UseField.js

@@ -1,24 +1,27 @@
 import {
   useAtomValue,
   useSetAtom
-} from "../../chunks/chunk-TOJF2G3X.js";
-import "../../chunks/chunk-WJ67RR7S.js";
-import "../../chunks/chunk-NZLE2WMY.js";
+} from "../../chunks/chunk-U4VOHNR2.js";
+import "../../chunks/chunk-Y7XOMJOC.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
-// src/dashboard/editor/UseField.tsx
-import { getScope } from "alinea/core/Scope";
-import { useEffect } from "react";
-import { useFormContext } from "../atoms/FormAtoms.js";
-import { useEntryEditor } from "../hook/UseEntryEditor.js";
-import { usePolicy } from "../hook/UsePolicy.js";
+// src/dashboard/editor/UseField.ts
+import { Field } from "alinea/core/Field";
+import { assert } from "alinea/core/util/Assert";
+import { useEditor } from "../hooks.js";
+function useFieldInfo(field) {
+  const editor = useEditor();
+  const info = typeof field === "string" ? editor.field(field) : editor.get(field);
+  const label = typeof field === "string" ? field : Field.label(field);
+  assert(info, `Field not found: ${label}`);
+  return info;
+}
 function useField(field) {
-  const form = useFormContext();
-  const actual = typeof field === "string" ? form.fieldByKey(field) : field;
-  const fieldKey = useFieldKey(actual);
-  const value = useFieldValue(actual);
-  const mutator = useFieldMutator(actual);
-  const options = useFieldOptions(actual);
-  const error = useFieldError(actual);
+  const fieldKey = useFieldKey(field);
+  const value = useFieldValue(field);
+  const mutator = useFieldMutator(field);
+  const options = useFieldOptions(field);
+  const error = useFieldError(field);
   return {
     fieldKey,
     label: options.label,
@@ -29,58 +32,23 @@ function useField(field) {
   };
 }
 function useFieldKey(field) {
-  const atoms = useFormContext();
-  const key = atoms.keyOf(field);
-  return key;
+  return useFieldInfo(field).key;
 }
 function useFieldOptions(field) {
-  const form = useFormContext();
-  const info = form.fieldInfo(field);
-  const policy = usePolicy();
-  const editor = useEntryEditor();
-  const options = useAtomValue(info.options);
-  if (!editor) return options;
-  const scope = getScope(editor.config);
-  const fieldName = scope.nameOf(field);
-  if (!fieldName) return options;
-  const resource = {
-    workspace: editor.activeVersion.workspace,
-    root: editor.activeVersion.root,
-    id: editor.activeVersion.id,
-    parents: editor.activeVersion.parents,
-    type: editor.activeVersion.type,
-    field: fieldName
-  };
-  const read = policy.canRead(resource);
-  const update = policy.canUpdate(resource);
-  return {
-    ...options,
-    hidden: options.hidden || !read,
-    readOnly: options.readOnly || !update
-  };
+  const info = useFieldInfo(field);
+  return useAtomValue(info.options);
 }
 function useFieldError(field) {
-  const form = useFormContext();
-  const info = form.fieldInfo(field);
-  const setError = useSetAtom(form.errors);
-  const key = useFieldKey(field);
-  const fieldPath = `${form.path}.${key}`;
-  const error = useAtomValue(info.error);
-  useEffect(() => {
-    setError(fieldPath, field, error);
-    return () => setError(fieldPath, field, void 0);
-  }, [setError, fieldPath, field, error]);
-  return error;
+  const info = useFieldInfo(field);
+  return useAtomValue(info.error);
 }
 function useFieldValue(field) {
-  const form = useFormContext();
-  const info = form.fieldInfo(field);
+  const info = useFieldInfo(field);
   return useAtomValue(info.value);
 }
 function useFieldMutator(field) {
-  const form = useFormContext();
-  const info = form.fieldInfo(field);
-  return info.mutator;
+  const info = useFieldInfo(field);
+  return useSetAtom(info.value);
 }
 export {
   useField,

package/dist/dashboard/fixture/cms.d.ts

@@ -0,0 +1,116 @@
+export declare const cms: import("../../adapter/core/cms.js").CoreCMS<{
+    enableDrafts: true;
+    schema: {
+        Page: import("alinea").Type<import("../../core/Document.js").Document & {
+            title: import("../../field/text.js").TextField;
+            path: import("../../field/path.js").PathField;
+            summary: import("../../field/text.js").TextField;
+            intro: import("alinea/core").RichTextField<{}, import("../../field/richtext.js").RichTextOptions<{}>>;
+            codeSample: import("../../field/code.js").CodeField;
+            body: import("alinea/core").RichTextField<{
+                Cta: import("alinea").Type<{
+                    title: import("../../field/text.js").TextField;
+                    text: import("../../field/text.js").TextField;
+                    actionCode: import("../../field/code.js").CodeField;
+                    variant: import("../../field/select.js").SelectField<"primary" | "secondary" | "subtle", "primary" | "secondary" | "subtle">;
+                    targets: import("../../field/select.js").SelectField<("footer" | "header" | "sidebar")[], "footer" | "header" | "sidebar">;
+                    details: import("alinea/core").RichTextField<{
+                        Note: import("alinea").Type<{
+                            text: import("../../field/text.js").TextField;
+                        }>;
+                    }, import("../../field/richtext.js").RichTextOptions<{
+                        Note: import("alinea").Type<{
+                            text: import("../../field/text.js").TextField;
+                        }>;
+                    }>>;
+                    featured: import("../../field/check.js").CheckField;
+                }>;
+                Quote: import("alinea").Type<{
+                    quote: import("../../field/text.js").TextField;
+                    attribution: import("../../field/text.js").TextField;
+                }>;
+            }, import("../../field/richtext.js").RichTextOptions<{
+                Cta: import("alinea").Type<{
+                    title: import("../../field/text.js").TextField;
+                    text: import("../../field/text.js").TextField;
+                    actionCode: import("../../field/code.js").CodeField;
+                    variant: import("../../field/select.js").SelectField<"primary" | "secondary" | "subtle", "primary" | "secondary" | "subtle">;
+                    targets: import("../../field/select.js").SelectField<("footer" | "header" | "sidebar")[], "footer" | "header" | "sidebar">;
+                    details: import("alinea/core").RichTextField<{
+                        Note: import("alinea").Type<{
+                            text: import("../../field/text.js").TextField;
+                        }>;
+                    }, import("../../field/richtext.js").RichTextOptions<{
+                        Note: import("alinea").Type<{
+                            text: import("../../field/text.js").TextField;
+                        }>;
+                    }>>;
+                    featured: import("../../field/check.js").CheckField;
+                }>;
+                Quote: import("alinea").Type<{
+                    quote: import("../../field/text.js").TextField;
+                    attribution: import("../../field/text.js").TextField;
+                }>;
+            }>>;
+            notes: import("alinea/core").RichTextField<{}, import("../../field/richtext.js").RichTextOptions<{}>>;
+            featured: import("../../field/check.js").CheckField;
+            category: import("../../field/select.js").SelectField<"docs" | "news" | "release", "docs" | "news" | "release">;
+            audiences: import("../../field/select.js").SelectField<("developers" | "editors" | "marketers" | "partners")[], "developers" | "editors" | "marketers" | "partners">;
+            wordCount: import("../../field/number.js").NumberField;
+            publishDate: import("../../field/date.js").DateField;
+            publishTime: import("../../field/time.js").TimeField;
+            relatedLink: import("../../field/link/LinkField.js").LinkField<import("../../field/link.js").LinkRow, import("alinea").Link<{}>>;
+            resources: import("../../field/link/LinkField.js").LinksField<import("../../field/link.js").LinkRow, import("alinea").Link<{}>>;
+            inner: import("../../field/object.js").ObjectField<{
+                a: import("../../field/text.js").TextField;
+                b: import("../../field/text.js").TextField;
+            }> & {
+                a: import("../../field/text.js").TextField;
+                b: import("../../field/text.js").TextField;
+            };
+            sections: import("alinea/core").ListField<{
+                _type: "callout";
+                heading: string;
+                text: string;
+                snippet: string;
+            } & import("../../core/ListRow.js").ListRow, {
+                _type: "callout";
+                heading: string;
+                text: string;
+                snippet: string;
+            } & import("../../core/ListRow.js").ListRow, import("../../field/list.js").ListOptions<{
+                callout: import("alinea").Type<{
+                    heading: import("../../field/text.js").TextField;
+                    text: import("../../field/text.js").TextField;
+                    snippet: import("../../field/code.js").CodeField;
+                }>;
+            }>>;
+        }>;
+        Folder: import("alinea").Type<import("../../core/Document.js").Document & {
+            title: import("../../field/text.js").TextField;
+            path: import("../../field/path.js").PathField;
+        }>;
+    };
+    workspaces: {
+        simple: import("alinea").Workspace<{
+            pages: import("alinea").Root<import("../../core/Root.js").ChildrenDefinition>;
+            media: import("../../core/media/MediaRoot.js").MediaRoot<import("../../core/Root.js").ChildrenDefinition>;
+        }>;
+        nested: import("alinea").Workspace<{
+            pages: import("alinea").Root<import("../../core/Root.js").ChildrenDefinition>;
+            media: import("../../core/media/MediaRoot.js").MediaRoot<import("../../core/Root.js").ChildrenDefinition>;
+        }>;
+        many: import("alinea").Workspace<{
+            pages: import("alinea").Root<import("../../core/Root.js").ChildrenDefinition>;
+            media: import("../../core/media/MediaRoot.js").MediaRoot<import("../../core/Root.js").ChildrenDefinition>;
+        }>;
+        i18n: import("alinea").Workspace<{
+            pages: import("alinea").Root<import("../../core/Root.js").ChildrenDefinition>;
+            media: import("../../core/media/MediaRoot.js").MediaRoot<import("../../core/Root.js").ChildrenDefinition>;
+        }>;
+        statuses: import("alinea").Workspace<{
+            pages: import("alinea").Root<import("../../core/Root.js").ChildrenDefinition>;
+            media: import("../../core/media/MediaRoot.js").MediaRoot<import("../../core/Root.js").ChildrenDefinition>;
+        }>;
+    };
+}>;

package/dist/dashboard/fixture/cms.js

@@ -0,0 +1,230 @@
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/fixture/cms.ts
+import { createCMS } from "alinea/core";
+import { Config, Field } from "alinea/index";
+import {
+  IcOutlineGridView,
+  IcRoundHistory,
+  IcRoundTranslate,
+  MiLayers
+} from "../icons.js";
+var Page = Config.document("Page", {
+  contains: ["Page", "Folder"],
+  fields: {
+    title: Field.text("Title", { width: 0.5 }),
+    path: Field.path("Path", { width: 0.5 }),
+    summary: Field.text("Summary", {
+      multiline: true,
+      placeholder: "Write a short summary"
+    }),
+    intro: Field.richText("Intro", {
+      searchable: true
+    }),
+    codeSample: Field.code("Code sample", {
+      language: "ts"
+    }),
+    body: Field.richText("Body", {
+      schema: {
+        Cta: Config.type("Call to action", {
+          fields: {
+            title: Field.text("Title"),
+            text: Field.text("Text", {
+              multiline: true,
+              placeholder: "Write a short prompt"
+            }),
+            actionCode: Field.code("Action code", {
+              language: "ts"
+            }),
+            variant: Field.select("Variant", {
+              options: {
+                primary: "Primary",
+                secondary: "Secondary",
+                subtle: "Subtle"
+              },
+              initialValue: "primary"
+            }),
+            targets: Field.select.multiple("Targets", {
+              options: {
+                header: "Header",
+                sidebar: "Sidebar",
+                footer: "Footer"
+              },
+              initialValue: ["header", "footer"]
+            }),
+            details: Field.richText("Details", {
+              schema: {
+                Note: Config.type("Note", {
+                  fields: {
+                    text: Field.text("Text", {
+                      multiline: true,
+                      placeholder: "Add a nested note"
+                    })
+                  }
+                })
+              }
+            }),
+            featured: Field.check("Featured")
+          }
+        }),
+        Quote: Config.type("Quote", {
+          fields: {
+            quote: Field.text("Quote", {
+              multiline: true,
+              placeholder: "Add a quote"
+            }),
+            attribution: Field.text("Attribution")
+          }
+        })
+      },
+      searchable: true,
+      enableTables: true
+    }),
+    notes: Field.richText("Notes", {
+      searchable: true
+    }),
+    featured: Field.check("Featured", {
+      width: 0.5,
+      description: "Highlight on overview pages",
+      initialValue: true,
+      overview: false
+    }),
+    category: Field.select("Category", {
+      width: 0.5,
+      options: {
+        docs: "Docs",
+        news: "News",
+        release: "Release notes"
+      },
+      initialValue: "docs"
+    }),
+    audiences: Field.select.multiple("Audiences", {
+      width: 0.5,
+      options: {
+        developers: "Developers",
+        editors: "Editors",
+        marketers: "Marketers",
+        partners: "Partners"
+      },
+      initialValue: ["developers", "editors"]
+    }),
+    wordCount: Field.number("Word count", {
+      width: 1 / 3,
+      minValue: 0,
+      step: 10
+    }),
+    publishDate: Field.date("Publish date", {
+      width: 1 / 3
+    }),
+    publishTime: Field.time("Publish time", {
+      width: 1 / 3,
+      step: 900
+    }),
+    relatedLink: Field.link("Related link"),
+    resources: Field.link.multiple("Resources"),
+    inner: Field.object("Testje", {
+      fields: {
+        a: Field.text("field A"),
+        b: Field.text("field B")
+      }
+    }),
+    sections: Field.list("Sections", {
+      schema: {
+        callout: Config.type("Callout", {
+          fields: {
+            heading: Field.text("Heading"),
+            text: Field.text("Text", {
+              multiline: true,
+              placeholder: "Write section copy"
+            }),
+            snippet: Field.code("Snippet", {
+              language: "ts"
+            })
+          }
+        })
+      }
+    })
+  }
+});
+var Folder = Config.document("Folder", {
+  contains: ["Page", "Folder"],
+  fields: {
+    title: Field.text("Title"),
+    path: Field.path("Path")
+  }
+});
+var simple = Config.workspace("Simple", {
+  source: "content/simple",
+  icon: IcOutlineGridView,
+  roots: {
+    pages: Config.root("Pages", {
+      contains: ["Page", "Folder"],
+      openByDefault: true
+    }),
+    media: Config.media({
+      i18n: {
+        locales: ["en", "fr", "de"]
+      }
+    })
+  }
+});
+var nested = Config.workspace("Deeply nested", {
+  source: "content/nested",
+  icon: MiLayers,
+  roots: {
+    pages: Config.root("Pages", {
+      contains: ["Page", "Folder"],
+      openByDefault: true
+    }),
+    media: Config.media()
+  }
+});
+var many = Config.workspace("Many entries", {
+  source: "content/many",
+  roots: {
+    pages: Config.root("Pages", {
+      contains: ["Page", "Folder"],
+      openByDefault: true
+    }),
+    media: Config.media()
+  }
+});
+var i18n = Config.workspace("Multi language", {
+  source: "content/i18n",
+  icon: IcRoundTranslate,
+  roots: {
+    pages: Config.root("Pages", {
+      contains: ["Page", "Folder"],
+      openByDefault: true,
+      i18n: {
+        locales: ["en", "fr", "de"]
+      }
+    }),
+    media: Config.media()
+  }
+});
+var statuses = Config.workspace("Statuses", {
+  source: "content/statuses",
+  icon: IcRoundHistory,
+  roots: {
+    pages: Config.root("Pages", {
+      contains: ["Page", "Folder"],
+      openByDefault: true
+    }),
+    media: Config.media()
+  }
+});
+var cms = createCMS({
+  enableDrafts: true,
+  schema: { Page, Folder },
+  workspaces: {
+    simple,
+    nested,
+    many,
+    i18n,
+    statuses
+  }
+});
+export {
+  cms
+};

package/dist/dashboard/hook/UseEntryEditor.d.ts

@@ -1,7 +1,26 @@
-import { type PropsWithChildren } from 'react';
-import type { EntryEditor } from '../atoms/EntryEditorAtoms.js';
-export declare function useEntryEditor(): EntryEditor | undefined;
-export interface EntryEditorProviderProps {
-    editor: EntryEditor;
+import type { EntryStatus } from 'alinea/core/Entry';
+export interface EntryEditorVersionData {
+    path: string;
+    status: EntryStatus;
+}
+export interface EntryEditorVersion {
+    data: EntryEditorVersionData;
+    id: string;
+    locale: string | null;
+    path: string;
+    title: string;
+    type: string;
+}
+export interface EntryEditorData {
+    versions: readonly [EntryEditorVersion];
 }
-export declare function EntryEditorProvider({ children, editor }: PropsWithChildren<EntryEditorProviderProps>): import("react/jsx-runtime").JSX.Element;
+export interface EntryEditor {
+    activeVersion: EntryEditorVersion;
+    entryData: EntryEditorData;
+    entryId: string;
+}
+/**
+ * Returns the consumer-facing entry editor shape. Only the fields declared by
+ * EntryEditor are supported; dashboard atoms remain an internal detail.
+ */
+export declare function useEntryEditor(): EntryEditor | undefined;

package/dist/dashboard/hook/UseEntryEditor.js

@@ -1,19 +1,41 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
-// src/dashboard/hook/UseEntryEditor.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var ctx = createContext(void 0);
+// src/dashboard/hook/UseEntryEditor.ts
+import { useEntry } from "../hooks.js";
 function useEntryEditor() {
-  return useContext(ctx);
+  const entry = useEntry();
+  if (!entry) return void 0;
+  const version = strictObject("entry editor activeVersion", {
+    data: strictObject("entry editor activeVersion.data", {
+      path: entry.path,
+      status: entry.status
+    }),
+    id: entry.id,
+    locale: entry.locale,
+    path: entry.path,
+    title: entry.title,
+    type: entry.type
+  });
+  return strictObject("entry editor", {
+    activeVersion: version,
+    entryData: strictObject("entry editor entryData", {
+      versions: strictObject("entry editor entryData.versions", {
+        0: version
+      })
+    }),
+    entryId: entry.id
+  });
 }
-function EntryEditorProvider({
-  children,
-  editor
-}) {
-  return /* @__PURE__ */ jsx(ctx.Provider, { value: editor, children });
+function strictObject(label, value) {
+  return new Proxy(value, {
+    get(target, property, receiver) {
+      if (typeof property === "symbol")
+        return Reflect.get(target, property, receiver);
+      if (property in target) return Reflect.get(target, property, receiver);
+      throw new Error(`${label}.${property} is not supported in dashboard v2`);
+    }
+  });
 }
 export {
-  EntryEditorProvider,
   useEntryEditor
 };

package/dist/dashboard/hook/UseGraph.d.ts

@@ -1,2 +1,5 @@
 import type { Graph } from 'alinea/core/Graph';
+/**
+ * @deprecated Compatibility hook for legacy dashboard extensions.
+ */
 export declare function useGraph(): Graph;

package/dist/dashboard/hook/UseGraph.js

@@ -1,13 +1,13 @@
 import {
   useAtomValue
-} from "../../chunks/chunk-TOJF2G3X.js";
-import "../../chunks/chunk-WJ67RR7S.js";
-import "../../chunks/chunk-NZLE2WMY.js";
+} from "../../chunks/chunk-U4VOHNR2.js";
+import "../../chunks/chunk-Y7XOMJOC.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/hook/UseGraph.ts
-import { dbAtom } from "../atoms/DbAtoms.js";
+import { graphAtom } from "../atoms/core.js";
 function useGraph() {
-  return useAtomValue(dbAtom);
+  return useAtomValue(graphAtom);
 }
 export {
   useGraph

package/dist/dashboard/hook/UseLocale.d.ts

@@ -1 +1,4 @@
-export declare const useLocale: () => string | null;
+/**
+ * @deprecated Compatibility hook for legacy dashboard extensions.
+ */
+export declare function useLocale(): string | null;

package/dist/dashboard/hook/UseLocale.js

@@ -1,12 +1,10 @@
-import {
-  useAtomValue
-} from "../../chunks/chunk-TOJF2G3X.js";
-import "../../chunks/chunk-WJ67RR7S.js";
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/hook/UseLocale.ts
-import { localeAtom } from "../atoms/NavigationAtoms.js";
-var useLocale = () => useAtomValue(localeAtom);
+import { useDashboardContext } from "../hooks.js";
+function useLocale() {
+  return useDashboardContext().page.locale;
+}
 export {
   useLocale
 };

package/dist/dashboard/hook/UseRoot.d.ts

@@ -1,13 +1,8 @@
-export declare const useRoot: () => {
+import type { RootData } from 'alinea/core/Root';
+export interface DashboardRoot extends RootData {
     name: string;
-    contains?: Array<string | import("alinea").Type>;
-    orderChildrenBy?: import("alinea/core/OrderBy.js").OrderBy | Array<import("alinea/core/OrderBy.js").OrderBy>;
-    icon?: import("react").ComponentType;
-    i18n?: import("alinea/core/Root.js").RootI18n;
-    view?: import("alinea/core/View.js").View<{
-        root: import("alinea/core/Root.js").RootData;
-    }>;
-    isMediaRoot?: boolean;
-    preview?: import("alinea/core/Preview.js").Preview;
-    label: string;
-};
+}
+/**
+ * @deprecated Compatibility hook for legacy dashboard extensions.
+ */
+export declare function useRoot(): DashboardRoot;

package/dist/dashboard/hook/UseRoot.js

@@ -1,12 +1,15 @@
 import {
   useAtomValue
-} from "../../chunks/chunk-TOJF2G3X.js";
-import "../../chunks/chunk-WJ67RR7S.js";
-import "../../chunks/chunk-NZLE2WMY.js";
+} from "../../chunks/chunk-U4VOHNR2.js";
+import "../../chunks/chunk-Y7XOMJOC.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/hook/UseRoot.ts
-import { rootAtom } from "../atoms/NavigationAtoms.js";
-var useRoot = () => useAtomValue(rootAtom);
+import { useDashboardContext } from "../hooks.js";
+function useRoot() {
+  const { root } = useDashboardContext();
+  return { name: root.key, ...useAtomValue(root.data) };
+}
 export {
   useRoot
 };

package/dist/dashboard/hook/UseWorkspace.d.ts

@@ -1,10 +1,8 @@
-export declare const useWorkspace: () => {
-    source: string;
-    mediaDir?: string;
-    icon?: import("react").ComponentType;
-    preview?: import("alinea/core/Preview.js").Preview;
-    roots: import("alinea/core/Workspace.js").RootsDefinition;
-    label: string;
-    color: string;
+import type { WorkspaceInternal } from 'alinea/core/Workspace';
+export interface DashboardWorkspace extends WorkspaceInternal {
     name: string;
-};
+}
+/**
+ * @deprecated Compatibility hook for legacy dashboard extensions.
+ */
+export declare function useWorkspace(): DashboardWorkspace;