@snokam/page-content 0.0.0-stage → 6.9.5

package/dist/edit-mode/stega.d.ts

@@ -0,0 +1,9 @@
+import { PortableTextBlock } from "@portabletext/types";
+export declare function encodeKey(key: string): string;
+export declare function withStega(value: string, key: string): string;
+export declare function decodeKey(text: string): string | null;
+export declare function stripStega(text: string | null | undefined): string;
+export declare function stripStegaDeep<T>(value: T): T;
+export declare function withStegaBlocks(blocks: PortableTextBlock[], key: string): PortableTextBlock[];
+export declare function stripStegaBlocks(blocks: PortableTextBlock[]): PortableTextBlock[];
+//# sourceMappingURL=stega.d.ts.map

package/dist/edit-mode/stega.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stega.d.ts","sourceRoot":"","sources":["../../src/edit-mode/stega.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQ7C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAerD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGlE;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAW7C;AAKD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,iBAAiB,EAAE,EAC3B,GAAG,EAAE,MAAM,GACV,iBAAiB,EAAE,CAiCrB;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,iBAAiB,EAAE,GAC1B,iBAAiB,EAAE,CAerB"}

package/dist/edit-mode/stega.js

@@ -0,0 +1,97 @@
+const BIT0 = "\u200B";
+const BIT1 = "\u200C";
+const MARK = "\u2064";
+const MARKER = new RegExp(`${MARK}[${BIT0}${BIT1}]*${MARK}`, "g");
+export function encodeKey(key) {
+    let bits = "";
+    for (let i = 0; i < key.length; i += 1) {
+        bits += key.charCodeAt(i).toString(2).padStart(16, "0");
+    }
+    let out = MARK;
+    for (const bit of bits)
+        out += bit === "1" ? BIT1 : BIT0;
+    return out + MARK;
+}
+export function withStega(value, key) {
+    return value + encodeKey(key);
+}
+export function decodeKey(text) {
+    MARKER.lastIndex = 0;
+    const hit = MARKER.exec(text);
+    if (!hit)
+        return null;
+    const bits = hit[0].slice(1, -1);
+    if (bits.length === 0 || bits.length % 16 !== 0)
+        return null;
+    let key = "";
+    for (let i = 0; i < bits.length; i += 16) {
+        let code = 0;
+        for (let j = 0; j < 16; j += 1) {
+            code = (code << 1) | (bits[i + j] === BIT1 ? 1 : 0);
+        }
+        key += String.fromCharCode(code);
+    }
+    return key || null;
+}
+export function stripStega(text) {
+    if (!text)
+        return "";
+    return text.replace(MARKER, "");
+}
+export function stripStegaDeep(value) {
+    if (typeof value === "string")
+        return value.replace(MARKER, "");
+    if (Array.isArray(value))
+        return value.map(stripStegaDeep);
+    if (value && typeof value === "object") {
+        const out = {};
+        for (const [key, entry] of Object.entries(value)) {
+            out[key] = stripStegaDeep(entry);
+        }
+        return out;
+    }
+    return value;
+}
+const blockType = (block) => block._type ?? block.sanityType;
+export function withStegaBlocks(blocks, key) {
+    let marked = false;
+    return blocks.map((block) => {
+        if (marked ||
+            blockType(block) !== "block" ||
+            !Array.isArray(block.children)) {
+            return block;
+        }
+        const spans = block.children;
+        let target = -1;
+        for (let i = spans.length - 1; i >= 0; i -= 1) {
+            if (blockType(spans[i]) === "span" && typeof spans[i].text === "string") {
+                target = i;
+                break;
+            }
+        }
+        if (target === -1)
+            return block;
+        marked = true;
+        return {
+            ...block,
+            children: spans.map((span, index) => index === target
+                ? { ...span, text: withStega(span.text, key) }
+                : span),
+        };
+    });
+}
+export function stripStegaBlocks(blocks) {
+    return blocks.map((block) => {
+        if (blockType(block) !== "block" || !Array.isArray(block.children)) {
+            return block;
+        }
+        const spans = block.children;
+        return {
+            ...block,
+            children: spans.map((span) => typeof span.text === "string"
+                ? { ...span, text: stripStega(span.text) }
+                : span),
+        };
+    });
+}
+//# sourceMappingURL=stega.js.map

package/dist/edit-mode/stega.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stega.js","sourceRoot":"","sources":["../../src/edit-mode/stega.ts"],"names":[],"mappings":"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"}

package/dist/edit-mode/store/content.d.ts

@@ -0,0 +1,3 @@
+import { EditClient } from "./types";
+export declare function contentEditClient(basePath: string | undefined, accessToken: () => Promise<string>): EditClient;
+//# sourceMappingURL=content.d.ts.map

package/dist/edit-mode/store/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/store/content.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAA+B,MAAM,SAAS,CAAC;AAWlE,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,WAAW,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,GACjC,UAAU,CAwCZ"}

package/dist/edit-mode/store/content.js

@@ -0,0 +1,44 @@
+import { BlogClient, Configuration, } from "@snokam/api-client/blog";
+import { contentAssetClient } from "../../editor/deps";
+import { reverseSanityFields } from "../../utils/rename-sanity-fields";
+const native = (value) => reverseSanityFields(value);
+const componentOf = (component) => Object.assign(native(component.body), {
+    _type: `component.${component.kind}`,
+});
+export function contentEditClient(basePath, accessToken) {
+    const api = new BlogClient(new Configuration({ basePath, accessToken }));
+    const assets = contentAssetClient(api);
+    return {
+        upsertComponent: async (document, componentKey, component) => {
+            await api.upsertPageComponent({
+                kind: document.owner,
+                keyOrId: document.key,
+                componentKey,
+                requestBody: componentOf(component),
+            });
+        },
+        patch: async (document, set) => {
+            await api.patchPageItems({
+                kind: document.owner,
+                keyOrId: document.key,
+                requestBody: native(set),
+            });
+        },
+        uploadImage: async (file) => {
+            const asset = await api.uploadImage({
+                fileName: file.name,
+                contentType: file.type,
+                body: file,
+            });
+            return { id: asset.id ?? "", url: asset.url };
+        },
+        uploadVideo: async (url, filename) => {
+            const video = await api.uploadVideoFromUrl({
+                videoFromUrl: { url, filename },
+            });
+            return video.id ?? "";
+        },
+        assets,
+    };
+}
+//# sourceMappingURL=content.js.map

package/dist/edit-mode/store/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/edit-mode/store/content.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,GAEd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAKvE,MAAM,MAAM,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAgB,CAAC;AAE7E,MAAM,WAAW,GAAG,CAAC,SAAwB,EAAe,EAAE,CAC5D,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;IACpC,KAAK,EAAE,aAAa,SAAS,CAAC,IAAI,EAAE;CACrC,CAAC,CAAC;AAEL,MAAM,UAAU,iBAAiB,CAC/B,QAA4B,EAC5B,WAAkC;IAElC,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,IAAI,aAAa,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;IACzE,MAAM,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAEvC,OAAO;QACL,eAAe,EAAE,KAAK,EACpB,QAAsB,EACtB,YAAY,EACZ,SAAS,EACT,EAAE;YACF,MAAM,GAAG,CAAC,mBAAmB,CAAC;gBAC5B,IAAI,EAAE,QAAQ,CAAC,KAAK;gBACpB,OAAO,EAAE,QAAQ,CAAC,GAAG;gBACrB,YAAY;gBACZ,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC;aACpC,CAAC,CAAC;QACL,CAAC;QACD,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;YAC7B,MAAM,GAAG,CAAC,cAAc,CAAC;gBACvB,IAAI,EAAE,QAAQ,CAAC,KAAK;gBACpB,OAAO,EAAE,QAAQ,CAAC,GAAG;gBACrB,WAAW,EAAE,MAAM,CAAC,GAAG,CAAC;aACzB,CAAC,CAAC;QACL,CAAC;QACD,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1B,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,WAAW,CAAC;gBAClC,QAAQ,EAAE,IAAI,CAAC,IAAI;gBACnB,WAAW,EAAE,IAAI,CAAC,IAAI;gBACtB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YACH,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;QAChD,CAAC;QACD,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;YACnC,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,kBAAkB,CAAC;gBACzC,YAAY,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE;aAChC,CAAC,CAAC;YACH,OAAO,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;QACxB,CAAC;QACD,MAAM;KACP,CAAC;AACJ,CAAC"}

package/dist/edit-mode/store/types.d.ts

@@ -0,0 +1,23 @@
+import type { EditorAssetClient } from "../../editor/deps";
+export type EditOwner = "app" | "page";
+export interface EditDocument {
+    owner: EditOwner;
+    key: string;
+}
+export type EditComponentKind = "text" | "block" | "link" | "image" | "video" | "media" | "gallery" | "youtube";
+export interface EditComponent {
+    kind: EditComponentKind;
+    body: Record<string, unknown>;
+}
+export interface UploadedImage {
+    id: string;
+    url?: string | null;
+}
+export interface EditClient {
+    upsertComponent: (document: EditDocument, componentKey: string, component: EditComponent) => Promise<void>;
+    patch: (document: EditDocument, set: Record<string, unknown>) => Promise<void>;
+    uploadImage: (file: File) => Promise<UploadedImage>;
+    uploadVideo: (url: string, filename: string) => Promise<string>;
+    assets: EditorAssetClient;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/edit-mode/store/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/edit-mode/store/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,CACf,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,aAAa,KACrB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,KAAK,EAAE,CACL,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACzB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,EAAE,iBAAiB,CAAC;CAC3B"}

package/dist/edit-mode/store/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/edit-mode/store/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/edit-mode/store/types.ts"],"names":[],"mappings":""}

package/dist/edit-mode/styles.d.ts

@@ -0,0 +1,62 @@
+export * from "./field-styles";
+export declare const Backdrop: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Panel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const PanelHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const PanelTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const IconButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SearchRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ScrollArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DrawerHint: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const SectionTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const FieldCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FieldHead: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FieldKey: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const OwnerTag: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const EmptyNote: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/edit-mode/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/edit-mode/styles.tsx"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAC;AAE/B,eAAO,MAAM,QAAQ;;;yGAKpB,CAAC;AAEF,eAAO,MAAM,KAAK;;;mGAajB,CAAC;AAEF,eAAO,MAAM,WAAW;;;mGAOvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;iHAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;qHAgBtB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAGrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAavB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;qHAOtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;iHAQxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAGrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;2GAKpB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;2GAQpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAKrB,CAAC"}

package/dist/edit-mode/styles.js

@@ -0,0 +1,125 @@
+import styled from "@emotion/styled";
+export * from "./field-styles";
+export const Backdrop = styled.div `
+  position: fixed;
+  inset: 0;
+  z-index: 2147483100;
+  background: rgba(7, 29, 65, 0.28);
+`;
+export const Panel = styled.aside `
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 2147483200;
+  width: min(420px, 100vw);
+  display: flex;
+  flex-direction: column;
+  background: var(--o-card-bg, #ffffff);
+  color: var(--o-text, #071d41);
+  border-right: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  box-shadow: 0 0 40px rgba(7, 29, 65, 0.24);
+`;
+export const PanelHeader = styled.header `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 16px 18px;
+  border-bottom: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+`;
+export const PanelTitle = styled.h2 `
+  margin: 0;
+  font-size: 15px;
+  font-weight: 700;
+`;
+export const IconButton = styled.button `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--o-text-muted, #5a6b82);
+  cursor: pointer;
+
+  &:hover {
+    background: var(--o-hover-tint, rgba(7, 29, 65, 0.06));
+    color: var(--o-text, #071d41);
+  }
+`;
+export const SearchRow = styled.div `
+  padding: 12px 18px;
+  border-bottom: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+`;
+export const SearchInput = styled.input `
+  width: 100%;
+  height: 38px;
+  padding: 0 12px;
+  border: 1px solid var(--o-border, rgba(7, 29, 65, 0.12));
+  border-radius: 8px;
+  background: var(--o-surface-2, #f4f8fb);
+  color: var(--o-text, #071d41);
+  font-size: 13px;
+
+  &::placeholder {
+    color: var(--o-text-faint, #94a3b8);
+  }
+`;
+export const ScrollArea = styled.div `
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 0 32px;
+`;
+export const DrawerHint = styled.p `
+  margin: 0;
+  padding: 10px 18px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--o-text-muted, #5a6b82);
+  border-bottom: 1px solid var(--o-border, rgba(7, 29, 65, 0.08));
+`;
+export const SectionTitle = styled.h3 `
+  margin: 0;
+  padding: 18px 18px 6px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--o-text-faint, #94a3b8);
+`;
+export const FieldCard = styled.div `
+  padding: 12px 18px;
+  border-bottom: 1px solid var(--o-border, rgba(7, 29, 65, 0.08));
+`;
+export const FieldHead = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 6px;
+`;
+export const FieldKey = styled.span `
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--o-text-faint, #94a3b8);
+  word-break: break-all;
+`;
+export const OwnerTag = styled.span `
+  flex: none;
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 6px;
+  border-radius: 6px;
+  background: var(--o-surface-3, rgba(7, 29, 65, 0.06));
+  color: var(--o-text-muted, #5a6b82);
+`;
+export const EmptyNote = styled.p `
+  padding: 24px 18px;
+  margin: 0;
+  font-size: 13px;
+  color: var(--o-text-muted, #5a6b82);
+`;
+//# sourceMappingURL=styles.js.map

package/dist/edit-mode/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/edit-mode/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,cAAc,gBAAgB,CAAC;AAE/B,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;CAgBtC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;CAatC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;CAQpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKlC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;CAQlC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAKhC,CAAC"}

package/dist/edit-mode/surface-ops.d.ts

@@ -0,0 +1,22 @@
+import { EditClient } from "./store/types";
+export type SurfaceOwner = "app" | "page";
+export interface SurfaceTarget {
+    appKey?: string;
+    pageKey: string;
+}
+export interface SurfaceLocation {
+    owner: SurfaceOwner;
+    pathExpr: string;
+    itemKey: string;
+    docKey?: string;
+}
+interface KeyedItem {
+    sanityKey?: string;
+}
+export declare function saveSurfaceFields(client: EditClient, location: SurfaceLocation, target: SurfaceTarget, values: Record<string, string>): Promise<void>;
+export declare function saveSurfaceValue(client: EditClient, location: SurfaceLocation, target: SurfaceTarget, field: string, value: unknown): Promise<void>;
+export declare function removeSurfaceItem(client: EditClient, location: SurfaceLocation, target: SurfaceTarget): Promise<void>;
+export declare function addSurfaceItem(client: EditClient, owner: SurfaceOwner, pathExpr: string, target: SurfaceTarget, currentItems: unknown[], item: Record<string, unknown>, position?: "start" | "end", docKey?: string): Promise<void>;
+export declare function moveSurfaceItem(client: EditClient, owner: SurfaceOwner, pathExpr: string, target: SurfaceTarget, currentItems: KeyedItem[], itemKey: string, direction: "up" | "down", docKey?: string): Promise<void>;
+export {};
+//# sourceMappingURL=surface-ops.d.ts.map

package/dist/edit-mode/surface-ops.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-ops.d.ts","sourceRoot":"","sources":["../../src/edit-mode/surface-ops.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,OAAO,CAAC,IAAI,CAAC,CAOf;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,OAAO,GACb,OAAO,CAAC,IAAI,CAAC,CAUf;AAED,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,IAAI,CAAC,CAUf;AAED,wBAAsB,cAAc,CAClC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,OAAO,EAAE,EACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,QAAQ,GAAE,OAAO,GAAG,KAAa,EACjC,MAAM,CAAC,EAAE,MAAM,GACd,OAAO,CAAC,IAAI,CAAC,CAOf;AAED,wBAAsB,eAAe,CACnC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,SAAS,EAAE,EACzB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,IAAI,GAAG,MAAM,EACxB,MAAM,CAAC,EAAE,MAAM,GACd,OAAO,CAAC,IAAI,CAAC,CAQf"}

package/dist/edit-mode/surface-ops.js

@@ -0,0 +1,43 @@
+import { stripStega, stripStegaDeep } from "./stega";
+async function patchSurface(client, owner, target, body, docKey) {
+    await client.patch(owner === "app"
+        ? { owner: "app", key: target.appKey ?? "" }
+        : { owner: "page", key: docKey ?? target.pageKey }, body);
+}
+export async function saveSurfaceFields(client, location, target, values) {
+    const body = {};
+    for (const [field, value] of Object.entries(values)) {
+        body[`${location.pathExpr}[_key=="${location.itemKey}"].${field}`] =
+            stripStega(value);
+    }
+    await patchSurface(client, location.owner, target, body, location.docKey);
+}
+export async function saveSurfaceValue(client, location, target, field, value) {
+    await patchSurface(client, location.owner, target, {
+        [`${location.pathExpr}[_key=="${location.itemKey}"].${field}`]: value,
+    }, location.docKey);
+}
+export async function removeSurfaceItem(client, location, target) {
+    await patchSurface(client, location.owner, target, {
+        [`${location.pathExpr}[_key=="${location.itemKey}"]`]: null,
+    }, location.docKey);
+}
+export async function addSurfaceItem(client, owner, pathExpr, target, currentItems, item, position = "end", docKey) {
+    const clean = stripStegaDeep(currentItems);
+    const next = position === "start"
+        ? [stripStegaDeep(item), ...clean]
+        : [...clean, stripStegaDeep(item)];
+    await patchSurface(client, owner, target, { [pathExpr]: next }, docKey);
+}
+export async function moveSurfaceItem(client, owner, pathExpr, target, currentItems, itemKey, direction, docKey) {
+    const index = currentItems.findIndex((item) => item?.sanityKey === itemKey);
+    if (index < 0)
+        return;
+    const swap = direction === "up" ? index - 1 : index + 1;
+    if (swap < 0 || swap >= currentItems.length)
+        return;
+    const next = stripStegaDeep(currentItems.slice());
+    [next[index], next[swap]] = [next[swap], next[index]];
+    await patchSurface(client, owner, target, { [pathExpr]: next }, docKey);
+}
+//# sourceMappingURL=surface-ops.js.map

package/dist/edit-mode/surface-ops.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-ops.js","sourceRoot":"","sources":["../../src/edit-mode/surface-ops.ts"],"names":[],"mappings":"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"}

package/dist/edit-mode/surfaces.d.ts

@@ -0,0 +1,32 @@
+import { EditableField } from "./types";
+import { SurfaceOwner } from "./surface-ops";
+type ContentLike = Record<string, unknown> | null | undefined;
+export interface SurfaceDataContext {
+    appContent: ContentLike;
+    pageContent: ContentLike;
+}
+export interface SurfaceDescriptor {
+    id: string;
+    owner: SurfaceOwner;
+    path: string;
+    labelKey: string;
+    labelFallback: string;
+    addKey: string;
+    addFallback: string;
+    newItemKey: string;
+    newItemFallback: string;
+    structural: boolean;
+    childPath?: string;
+    buildFields: (_items: unknown[], _docKey?: string) => EditableField[];
+    newItem: (_label: string) => Record<string, unknown>;
+    currentItems: (_ctx: SurfaceDataContext) => unknown[];
+}
+type DocLike = Record<string, unknown> & {
+    sanityId?: string;
+};
+export declare function ownerDocKey(sources: DocLike[], path: string): string | undefined;
+export declare function surfaceDocKeys(descriptors: SurfaceDescriptor[], pageSources: DocLike[]): Record<string, string | undefined>;
+export declare function surfaceDescriptors(extra?: SurfaceDescriptor[]): SurfaceDescriptor[];
+export declare function buildSurfaceFields(descriptors: SurfaceDescriptor[], ctx: SurfaceDataContext, docKeys?: Record<string, string | undefined>): EditableField[];
+export {};
+//# sourceMappingURL=surfaces.d.ts.map

package/dist/edit-mode/surfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../src/edit-mode/surfaces.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAgB9D,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,aAAa,EAAE,CAAC;IACtE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,EAAE,CAAC;CACvD;AAED,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,EAAE,EAClB,IAAI,EAAE,MAAM,GACX,MAAM,GAAG,SAAS,CAKpB;AAED,wBAAgB,cAAc,CAC5B,WAAW,EAAE,iBAAiB,EAAE,EAChC,WAAW,EAAE,OAAO,EAAE,GACrB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAQpC;AAuFD,wBAAgB,kBAAkB,CAChC,KAAK,CAAC,EAAE,iBAAiB,EAAE,GAC1B,iBAAiB,EAAE,CAErB;AAED,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,iBAAiB,EAAE,EAChC,GAAG,EAAE,kBAAkB,EACvB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAC3C,aAAa,EAAE,CAOjB"}

package/dist/edit-mode/surfaces.js

@@ -0,0 +1,106 @@
+import { randomKey } from "../editor";
+import { buildSectionFields } from "./section-fields";
+const NORWEGIAN = {
+    æ: "ae",
+    ø: "o",
+    å: "a",
+};
+function slugify(value) {
+    return value
+        .toLowerCase()
+        .replace(/[æøå]/g, (c) => NORWEGIAN[c] ?? c)
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+}
+export function ownerDocKey(sources, path) {
+    const owner = sources.find((doc) => Array.isArray(doc?.[path]) && doc[path].length > 0);
+    return owner?.sanityId;
+}
+export function surfaceDocKeys(descriptors, pageSources) {
+    const map = {};
+    for (const descriptor of descriptors) {
+        if (descriptor.owner === "page") {
+            map[descriptor.id] = ownerDocKey(pageSources, descriptor.path);
+        }
+    }
+    return map;
+}
+const menuDescriptor = {
+    id: "menu",
+    owner: "app",
+    path: "menu",
+    labelKey: "editModeSectionMenu",
+    labelFallback: "Meny",
+    addKey: "editModeMenuAdd",
+    addFallback: "Legg til lenke",
+    newItemKey: "editModeAddedItem",
+    newItemFallback: "Ny lenke",
+    structural: true,
+    currentItems: (ctx) => Array.isArray(ctx.appContent?.menu)
+        ? ctx.appContent.menu
+        : [],
+    buildFields: (items) => {
+        const fields = [];
+        for (const raw of items) {
+            const item = raw;
+            if (item?.sanityType !== "link" || !item.sanityKey)
+                continue;
+            const external = !!item.external;
+            fields.push({
+                key: item.sanityKey,
+                kind: "surface.link",
+                owner: "other",
+                surface: {
+                    id: "menu",
+                    owner: "app",
+                    pathExpr: "menu",
+                    itemKey: item.sanityKey,
+                },
+                linkText: item.text ?? "",
+                linkUrl: (external ? item.url : item.path) ?? "",
+                linkExternal: external,
+            });
+        }
+        return fields;
+    },
+    newItem: (label) => ({
+        sanityKey: randomKey(),
+        sanityType: "link",
+        external: false,
+        text: label,
+        path: "/",
+    }),
+};
+const sectionsDescriptor = {
+    id: "sections",
+    owner: "page",
+    path: "sections",
+    labelKey: "editModeSectionHandbook",
+    labelFallback: "Håndbok",
+    addKey: "editModeSectionAdd",
+    addFallback: "Legg til seksjon",
+    newItemKey: "editModeAddedSection",
+    newItemFallback: "Ny seksjon",
+    structural: true,
+    childPath: "content",
+    currentItems: (ctx) => Array.isArray(ctx.pageContent?.sections)
+        ? ctx.pageContent.sections
+        : [],
+    buildFields: buildSectionFields,
+    newItem: (label) => ({
+        sanityKey: randomKey(),
+        sanityType: "section",
+        title: label,
+        internal: false,
+        slug: { sanityType: "slug", current: `#${slugify(label)}` },
+        content: [],
+    }),
+};
+const BUILT_IN = [menuDescriptor, sectionsDescriptor];
+export function surfaceDescriptors(extra) {
+    return extra && extra.length > 0 ? [...BUILT_IN, ...extra] : BUILT_IN;
+}
+export function buildSurfaceFields(descriptors, ctx, docKeys) {
+    return descriptors.flatMap((descriptor) => descriptor.buildFields(descriptor.currentItems(ctx), docKeys?.[descriptor.id]));
+}
+//# sourceMappingURL=surfaces.js.map

package/dist/edit-mode/surfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.js","sourceRoot":"","sources":["../../src/edit-mode/surfaces.ts"],"names":[],"mappings":"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"}