@snokam/page-content 0.0.0-stage → 6.9.5

package/dist/editor/blocks.js.map

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

package/dist/editor/deps.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from "react";
+import type { BlogClient } from "@snokam/api-client/blog";
+export type EditorAsset = Record<string, unknown>;
+export interface EditorAssetClient {
+    uploadImage: (_file: File) => Promise<EditorAsset>;
+    uploadVideo: (_file: File) => Promise<EditorAsset>;
+}
+export type ContentAssetApi = Pick<BlogClient, "uploadImage" | "uploadFile" | "uploadVideoFromUrl">;
+export declare const contentAssetClient: (api: ContentAssetApi) => EditorAssetClient;
+export interface EditorDeps {
+    assets: EditorAssetClient;
+    PortableTextPreview?: ComponentType<{
+        value: any[];
+    }>;
+}
+export declare const EditorDepsProvider: import("react").Provider<EditorDeps>;
+export declare function useEditorDeps(): EditorDeps;
+//# sourceMappingURL=deps.d.ts.map

package/dist/editor/deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../../src/editor/deps.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EACV,UAAU,EAIX,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnD,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;CACpD;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,UAAU,EACV,aAAa,GAAG,YAAY,GAAG,oBAAoB,CACpD,CAAC;AAsCF,eAAO,MAAM,kBAAkB,GAC7B,KAAK,eAAe,KACnB,iBAYD,CAAC;AAEH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,mBAAmB,CAAC,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,GAAG,EAAE,CAAA;KAAE,CAAC,CAAC;CACvD;AAID,eAAO,MAAM,kBAAkB,sCAA6B,CAAC;AAE7D,wBAAgB,aAAa,IAAI,UAAU,CAQ1C"}

package/dist/editor/deps.js

@@ -0,0 +1,54 @@
+"use client";
+import { createContext, useContext } from "react";
+const BINARY = "application/octet-stream";
+const upload = (file) => ({
+    fileName: file.name,
+    contentType: file.type || BINARY,
+    body: file,
+});
+const imageDocument = (asset) => ({
+    sanityId: asset.id,
+    sanityType: "sanity.imageAsset",
+    url: asset.url,
+    originalFilename: asset.originalFilename,
+    mimeType: asset.mimeType,
+    size: asset.size,
+    sha1hash: asset.sha1,
+    metadata: {
+        lqip: asset.lqip,
+        dimensions: {
+            width: asset.width,
+            height: asset.height,
+            aspectRatio: asset.width && asset.height ? asset.width / asset.height : undefined,
+        },
+    },
+});
+const videoDocument = (video) => ({
+    sanityId: video.id,
+    sanityType: "mux.videoAsset",
+    playbackId: video.playbackId,
+    assetId: video.assetId,
+    status: video.status,
+    filename: video.filename,
+});
+export const contentAssetClient = (api) => ({
+    uploadImage: async (file) => imageDocument(await api.uploadImage(upload(file))),
+    uploadVideo: async (file) => {
+        const stored = await api.uploadFile(upload(file));
+        if (!stored.url)
+            throw new Error("Videofilen fikk ingen lenke");
+        return videoDocument(await api.uploadVideoFromUrl({
+            videoFromUrl: { url: stored.url, filename: file.name },
+        }));
+    },
+});
+const EditorDepsContext = createContext(null);
+export const EditorDepsProvider = EditorDepsContext.Provider;
+export function useEditorDeps() {
+    const deps = useContext(EditorDepsContext);
+    if (!deps) {
+        throw new Error("useEditorDeps må brukes innenfor en PortableBlockEditor-leverandør");
+    }
+    return deps;
+}
+//# sourceMappingURL=deps.js.map

package/dist/editor/deps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deps.js","sourceRoot":"","sources":["../../src/editor/deps.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAiB,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBjE,MAAM,MAAM,GAAG,0BAA0B,CAAC;AAE1C,MAAM,MAAM,GAAG,CAAC,IAAU,EAAsB,EAAE,CAAC,CAAC;IAClD,QAAQ,EAAE,IAAI,CAAC,IAAI;IACnB,WAAW,EAAE,IAAI,CAAC,IAAI,IAAI,MAAM;IAChC,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAe,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,EAAE;IAClB,UAAU,EAAE,mBAAmB;IAC/B,GAAG,EAAE,KAAK,CAAC,GAAG;IACd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;IACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,IAAI,EAAE,KAAK,CAAC,IAAI;IAChB,QAAQ,EAAE,KAAK,CAAC,IAAI;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,WAAW,EACT,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;SACvE;KACF;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAe,EAAE,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,EAAE;IAClB,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;IAC5B,OAAO,EAAE,KAAK,CAAC,OAAO;IACtB,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,GAAoB,EACD,EAAE,CAAC,CAAC;IACvB,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAC1B,aAAa,CAAC,MAAM,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QAC1B,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM,CAAC,GAAG;YAAE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QAChE,OAAO,aAAa,CAClB,MAAM,GAAG,CAAC,kBAAkB,CAAC;YAC3B,YAAY,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;SACvD,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAOH,MAAM,iBAAiB,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AAE7D,MAAM,UAAU,aAAa;IAC3B,MAAM,IAAI,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC3C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/editor/index.d.ts

@@ -0,0 +1,19 @@
+import { ComponentType, ReactNode } from "react";
+import { Block } from "./blocks";
+import { EditorAssetClient } from "./deps";
+export * from "./blocks";
+export type { EditorAsset, EditorAssetClient, ContentAssetApi } from "./deps";
+export { contentAssetClient } from "./deps";
+interface Props {
+    blocks: Block[];
+    onChange: (_next: Block[]) => void;
+    assetClient: EditorAssetClient;
+    PortableTextPreview?: ComponentType<{
+        value: any[];
+    }>;
+    disabled?: boolean;
+    actionButtons?: ReactNode;
+    refreshKey?: number;
+}
+export declare function PortableBlockEditor({ blocks, onChange, assetClient, PortableTextPreview, disabled, actionButtons, refreshKey, }: Props): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAsB,MAAM,QAAQ,CAAC;AAa/D,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,UAAU,KAAK;IACb,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,GAAG,EAAE,CAAA;KAAE,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,UAAc,GACf,EAAE,KAAK,+BA4CP"}

package/dist/editor/index.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { EditorProvider } from "@portabletext/editor";
+import { EventListenerPlugin } from "@portabletext/editor/plugins";
+import { usePageContent } from "../providers/PageContentProvider";
+import { EditorDepsProvider } from "./deps";
+import { textSchema } from "./textSchema";
+import { toEditorValue, toBlockArray } from "./rename";
+import { EditableSurface } from "./EditableSurface";
+import { EditorToolbar } from "./Toolbar";
+import { EmptyStatePicker } from "./EmptyStatePicker";
+import { EditorWrap, EmptyState, EmptyStateTitle, EmptyStateHint, } from "./styles";
+export * from "./blocks";
+export { contentAssetClient } from "./deps";
+export function PortableBlockEditor({ blocks, onChange, assetClient, PortableTextPreview, disabled, actionButtons, refreshKey = 0, }) {
+    const { getText } = usePageContent();
+    const editorValue = useMemo(() => toEditorValue(blocks), [blocks]);
+    const isEmpty = editorValue.length === 0;
+    const deps = useMemo(() => ({
+        assets: assetClient,
+        PortableTextPreview,
+    }), [assetClient, PortableTextPreview]);
+    return (_jsx(EditorDepsProvider, { value: deps, children: _jsx(EditorWrap, { children: _jsxs(EditorProvider, { initialConfig: {
+                    schemaDefinition: textSchema,
+                    initialValue: editorValue,
+                    readOnly: disabled,
+                }, children: [isEmpty && !disabled && (_jsxs(EmptyState, { children: [_jsx(EmptyStateTitle, { children: getText("editorEmptyTitle") }), _jsx(EmptyStateHint, { children: getText("editorEmptyHint") }), _jsx(EmptyStatePicker, {})] })), _jsx(EventListenerPlugin, { on: (event) => {
+                            if (event.type !== "mutation")
+                                return;
+                            const next = event.value ?? [];
+                            onChange(toBlockArray(next));
+                        } }), _jsx(EditorToolbar, { disabled: disabled, actions: actionButtons }), _jsx(EditableSurface, { disabled: disabled })] }, refreshKey) }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA4B,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAqB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,cAAc,GACf,MAAM,UAAU,CAAC;AAElB,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAY5C,MAAM,UAAU,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,CAAC,GACR;IACN,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;IAEzC,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,WAAW;QACnB,mBAAmB;KACpB,CAAC,EACF,CAAC,WAAW,EAAE,mBAAmB,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,YAC7B,KAAC,UAAU,cACT,MAAC,cAAc,IAEb,aAAa,EAAE;oBACb,gBAAgB,EAAE,UAAU;oBAC5B,YAAY,EAAE,WAAW;oBACzB,QAAQ,EAAE,QAAQ;iBACnB,aAEA,OAAO,IAAI,CAAC,QAAQ,IAAI,CACvB,MAAC,UAAU,eACT,KAAC,eAAe,cAAE,OAAO,CAAC,kBAAkB,CAAC,GAAmB,EAChE,KAAC,cAAc,cAAE,OAAO,CAAC,iBAAiB,CAAC,GAAkB,EAC7D,KAAC,gBAAgB,KAAG,IACT,CACd,EACD,KAAC,mBAAmB,IAClB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE;4BACZ,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU;gCAAE,OAAO;4BACtC,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;4BAC/B,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;wBAC/B,CAAC,GACD,EACF,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,GAAI,EAC7D,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,KAtBlC,UAAU,CAuBA,GACN,GACM,CACtB,CAAC;AACJ,CAAC"}

package/dist/editor/insertOptions.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+export type InsertOption = {
+    key: string;
+    label: string;
+    hint: string;
+    icon: ReactNode;
+    make: () => Record<string, unknown>;
+};
+export type InsertGroup = {
+    label: string;
+    options: InsertOption[];
+};
+export declare function randomBlockKey(): string;
+export declare function useInsertGroups(): InsertGroup[];
+//# sourceMappingURL=insertOptions.d.ts.map

package/dist/editor/insertOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insertOptions.d.ts","sourceRoot":"","sources":["../../src/editor/insertOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAe3C,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC;AAErE,wBAAgB,cAAc,IAAI,MAAM,CAKvC;AAoBD,wBAAgB,eAAe,IAAI,WAAW,EAAE,CA+J/C"}

package/dist/editor/insertOptions.js

@@ -0,0 +1,194 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Notes as NotesIcon } from "@mui/icons-material";
+import { Title as TitleIcon } from "@mui/icons-material";
+import { FormatQuote as FormatQuoteIcon } from "@mui/icons-material";
+import { FormatListBulleted as FormatListBulletedIcon } from "@mui/icons-material";
+import { FormatListNumbered as FormatListNumberedIcon } from "@mui/icons-material";
+import { ImageOutlined as ImageOutlinedIcon } from "@mui/icons-material";
+import { SmartDisplayOutlined as SmartDisplayOutlinedIcon } from "@mui/icons-material";
+import { Language as LanguageIcon } from "@mui/icons-material";
+import { Code as CodeIcon } from "@mui/icons-material";
+import { TableChartOutlined as TableChartOutlinedIcon } from "@mui/icons-material";
+import { CollectionsOutlined as CollectionsOutlinedIcon } from "@mui/icons-material";
+import { LinkOutlined as LinkOutlinedIcon } from "@mui/icons-material";
+import { usePageContent } from "../providers/PageContentProvider";
+export function randomBlockKey() {
+    if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
+        return crypto.randomUUID().replace(/-/g, "").slice(0, 12);
+    }
+    return Math.random().toString(36).slice(2, 14);
+}
+const makeTextBlock = (style, listItem) => {
+    const base = {
+        _type: "block",
+        _key: randomBlockKey(),
+        style,
+        markDefs: [],
+        children: [{ _type: "span", _key: randomBlockKey(), text: "", marks: [] }],
+    };
+    if (listItem) {
+        base.listItem = listItem;
+        base.level = 1;
+    }
+    return base;
+};
+export function useInsertGroups() {
+    const { getText } = usePageContent();
+    return useMemo(() => [
+        {
+            label: getText("editorInsertTextGroupLabel"),
+            options: [
+                {
+                    key: "text",
+                    label: getText("editorBlockParagraphLabel"),
+                    hint: getText("editorBlockHintNormal"),
+                    icon: _jsx(NotesIcon, { fontSize: "small" }),
+                    make: () => makeTextBlock("normal"),
+                },
+                {
+                    key: "h2",
+                    label: getText("editorBlockHeadingLabel"),
+                    hint: getText("editorBlockHeadingHint"),
+                    icon: _jsx(TitleIcon, { fontSize: "small" }),
+                    make: () => makeTextBlock("h2"),
+                },
+                {
+                    key: "quote",
+                    label: getText("editorBlockQuoteLabel"),
+                    hint: getText("editorBlockQuoteHint"),
+                    icon: _jsx(FormatQuoteIcon, { fontSize: "small" }),
+                    make: () => makeTextBlock("blockquote"),
+                },
+                {
+                    key: "link",
+                    label: getText("editorBlockLinkLabel"),
+                    hint: getText("editorBlockLinkHint"),
+                    icon: _jsx(LinkOutlinedIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "component.link",
+                        _key: randomBlockKey(),
+                        link: "",
+                        text: "",
+                    }),
+                },
+            ],
+        },
+        {
+            label: getText("editorInsertListGroupLabel"),
+            options: [
+                {
+                    key: "bullet",
+                    label: getText("editorBlockBulletLabel"),
+                    hint: getText("editorBlockBulletHint"),
+                    icon: _jsx(FormatListBulletedIcon, { fontSize: "small" }),
+                    make: () => makeTextBlock("normal", "bullet"),
+                },
+                {
+                    key: "number",
+                    label: getText("editorBlockNumberLabel"),
+                    hint: getText("editorBlockNumberHint"),
+                    icon: _jsx(FormatListNumberedIcon, { fontSize: "small" }),
+                    make: () => makeTextBlock("normal", "number"),
+                },
+            ],
+        },
+        {
+            label: getText("editorInsertMediaGroupLabel"),
+            options: [
+                {
+                    key: "image",
+                    label: getText("editorBlockImageLabel"),
+                    hint: getText("editorBlockImageHint"),
+                    icon: _jsx(ImageOutlinedIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "image",
+                        _key: randomBlockKey(),
+                    }),
+                },
+                {
+                    key: "gallery",
+                    label: getText("editorBlockGalleryLabel"),
+                    hint: getText("editorBlockGalleryHint"),
+                    icon: _jsx(CollectionsOutlinedIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "component.gallery",
+                        _key: randomBlockKey(),
+                        media: [],
+                    }),
+                },
+                {
+                    key: "video",
+                    label: getText("editorBlockVideoLabel"),
+                    hint: getText("editorBlockHintVideo"),
+                    icon: _jsx(SmartDisplayOutlinedIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "video",
+                        _key: randomBlockKey(),
+                    }),
+                },
+                {
+                    key: "youtube",
+                    label: getText("editorBlockYoutubeLabel"),
+                    hint: getText("editorBlockYoutubeHint"),
+                    icon: _jsx(SmartDisplayOutlinedIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "component.youtube",
+                        _key: randomBlockKey(),
+                        url: "",
+                    }),
+                },
+                {
+                    key: "iframe",
+                    label: getText("editorBlockIframeLabel"),
+                    hint: getText("editorBlockIframeHint"),
+                    icon: _jsx(LanguageIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "component.iframe",
+                        _key: randomBlockKey(),
+                        url: "",
+                    }),
+                },
+            ],
+        },
+        {
+            label: getText("editorInsertCodeGroupLabel"),
+            options: [
+                {
+                    key: "code",
+                    label: getText("editorBlockCodeLabel"),
+                    hint: getText("editorBlockCodeHint"),
+                    icon: _jsx(CodeIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "component.code",
+                        _key: randomBlockKey(),
+                        code: "",
+                        language: "typescript",
+                    }),
+                },
+            ],
+        },
+        {
+            label: getText("editorInsertTableGroupLabel"),
+            options: [
+                {
+                    key: "table",
+                    label: getText("editorBlockTableLabel"),
+                    hint: getText("editorBlockTableHint"),
+                    icon: _jsx(TableChartOutlinedIcon, { fontSize: "small" }),
+                    make: () => ({
+                        _type: "component.table",
+                        _key: randomBlockKey(),
+                        headers: ["", ""],
+                        rows: [
+                            { _key: randomBlockKey(), cells: ["", ""] },
+                            { _key: randomBlockKey(), cells: ["", ""] },
+                        ],
+                    }),
+                },
+            ],
+        },
+    ], [getText]);
+}
+//# sourceMappingURL=insertOptions.js.map

package/dist/editor/insertOptions.js.map

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

package/dist/editor/rename.d.ts

@@ -0,0 +1,7 @@
+import type { PortableTextBlock } from "@portabletext/editor";
+import { Block } from "./blocks";
+export declare function toEditorValue(blocks: Block[]): PortableTextBlock[];
+export declare function toBlockArray(value: PortableTextBlock[]): Block[];
+export declare function renameSanityToUnderscore(input: unknown): unknown;
+export declare function renameUnderscoreToSanity(input: unknown): unknown;
+//# sourceMappingURL=rename.d.ts.map

package/dist/editor/rename.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rename.d.ts","sourceRoot":"","sources":["../../src/editor/rename.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,wBAAgB,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAElE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,CAEhE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAgBhE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAgBhE"}

package/dist/editor/rename.js

@@ -0,0 +1,45 @@
+export function toEditorValue(blocks) {
+    return blocks.map((b) => renameSanityToUnderscore(b));
+}
+export function toBlockArray(value) {
+    return value.map((b) => renameUnderscoreToSanity(b));
+}
+export function renameSanityToUnderscore(input) {
+    if (Array.isArray(input))
+        return input.map(renameSanityToUnderscore);
+    if (input && typeof input === "object") {
+        const out = {};
+        for (const [key, value] of Object.entries(input)) {
+            if (key.startsWith("sanity")) {
+                const rest = key.slice("sanity".length);
+                const newKey = "_" + rest.charAt(0).toLowerCase() + rest.slice(1);
+                out[newKey] = renameSanityToUnderscore(value);
+            }
+            else {
+                out[key] = renameSanityToUnderscore(value);
+            }
+        }
+        return out;
+    }
+    return input;
+}
+export function renameUnderscoreToSanity(input) {
+    if (Array.isArray(input))
+        return input.map(renameUnderscoreToSanity);
+    if (input && typeof input === "object") {
+        const out = {};
+        for (const [key, value] of Object.entries(input)) {
+            if (key.startsWith("_")) {
+                const rest = key.slice(1);
+                const newKey = "sanity" + rest.charAt(0).toUpperCase() + rest.slice(1);
+                out[newKey] = renameUnderscoreToSanity(value);
+            }
+            else {
+                out[key] = renameUnderscoreToSanity(value);
+            }
+        }
+        return out;
+    }
+    return input;
+}
+//# sourceMappingURL=rename.js.map

package/dist/editor/rename.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rename.js","sourceRoot":"","sources":["../../src/editor/rename.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,aAAa,CAAC,MAAe;IAC3C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAsB,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAA0B;IACrD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAU,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAc;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IACrE,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvC,MAAM,GAAG,GAA4B,EAAE,CAAC;QACxC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC7B,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACxC,MAAM,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAClE,GAAG,CAAC,MAAM,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,GAAG,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAc;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IACrE,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvC,MAAM,GAAG,GAA4B,EAAE,CAAC;QACxC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACxB,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1B,MAAM,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACvE,GAAG,CAAC,MAAM,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,GAAG,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/editor/styles.d.ts

@@ -0,0 +1,17 @@
+export declare const EditorWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EmptyState: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EmptyStateTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EmptyStateHint: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/editor/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/editor/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;yGA0HtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAgBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC"}

package/dist/editor/styles.js

@@ -0,0 +1,154 @@
+"use client";
+import styled from "@emotion/styled";
+export const EditorWrap = styled.div `
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
+
+  [data-olaf-block-key].blog-olaf-flash,
+  [data-olaf-field].blog-olaf-flash {
+    animation: blog-olaf-flash 900ms ease-out;
+    border-radius: 8px;
+  }
+
+  @keyframes blog-olaf-flash {
+    0% {
+      box-shadow: 0 0 0 0 rgba(17, 207, 127, 0.6);
+      background: rgba(17, 207, 127, 0.12);
+    }
+    40% {
+      box-shadow: 0 0 0 6px rgba(17, 207, 127, 0.18);
+      background: rgba(17, 207, 127, 0.08);
+    }
+    100% {
+      box-shadow: 0 0 0 0 rgba(17, 207, 127, 0);
+      background: transparent;
+    }
+  }
+
+  [contenteditable="true"] {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    outline: none;
+    min-width: 0;
+    counter-reset: blog-ol;
+  }
+
+  [data-list-item] + [data-list-item] {
+    margin-top: calc(-1.5rem + 0.15rem);
+  }
+
+  [data-list-level="2"] {
+    padding-left: 2em;
+  }
+  [data-list-level="3"] {
+    padding-left: 4em;
+  }
+  [data-list-level="4"] {
+    padding-left: 6em;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    padding: 0;
+    margin: 0;
+  }
+
+  ul,
+  ol {
+    margin: 0;
+    padding-left: 2em;
+    list-style: none;
+  }
+
+  ol {
+    counter-increment: blog-ol;
+  }
+
+  li {
+    position: relative;
+    margin: 0;
+  }
+
+  ol > li::before {
+    content: counter(blog-ol) ".";
+    position: absolute;
+    left: -2em;
+    width: 1.25em;
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+    color: #475569;
+  }
+
+  ul > li::before {
+    content: "•";
+    position: absolute;
+    left: -2em;
+    width: 1.25em;
+    text-align: right;
+    color: #475569;
+  }
+
+  h2 {
+    font-size: 1.5rem;
+    font-weight: bold;
+  }
+
+  blockquote {
+    position: relative;
+    font-weight: bold;
+    font-style: italic;
+    line-height: 1.75rem;
+    margin: 0;
+
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: -1rem;
+      background-color: black;
+      width: 2px;
+      height: 100%;
+    }
+  }
+
+  a {
+    color: #11cf7f;
+    text-decoration: underline;
+  }
+`;
+export const EmptyState = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding: 36px 28px 32px 28px;
+  background: linear-gradient(
+    180deg,
+    rgba(15, 23, 42, 0.02),
+    rgba(15, 23, 42, 0.05)
+  );
+  border: 1px dashed rgba(15, 23, 42, 0.14);
+  border-radius: 18px;
+  margin-bottom: 1.5rem;
+  width: 100%;
+  box-sizing: border-box;
+`;
+export const EmptyStateTitle = styled.div `
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+`;
+export const EmptyStateHint = styled.div `
+  font-size: 0.875rem;
+  color: #64748b;
+  text-align: center;
+  max-width: 420px;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/editor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/editor/styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HnC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBnC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIxC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKvC,CAAC"}