@ixo/editor 0.2.0

package/dist/blocks/overview/OverviewGeneralTab.js

@@ -0,0 +1,134 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewGeneralTab = OverviewGeneralTab;
+const react_1 = __importStar(require("react"));
+const input_1 = require("../../components/ui/input");
+const label_1 = require("../../components/ui/label");
+const tabs_1 = require("../../components/ui/tabs");
+const lucide_react_1 = require("lucide-react");
+const DomainPreview_1 = require("../../components/SettingsModal/DomainPreview");
+function OverviewGeneralTab({ block: _block, editor: _editor, domainValue, onDomainChange, domainProfile, }) {
+    const [domainType, setDomainType] = (0, react_1.useState)("this-domain");
+    const [isValidDomain, setIsValidDomain] = (0, react_1.useState)(true);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [customDomainValue, setCustomDomainValue] = (0, react_1.useState)("");
+    // Known domain value for "this-domain" tab
+    const thisDomainValue = "did:ixo:entity:example123";
+    // Synchronize local state with parent domainValue when component mounts or domainValue changes
+    (0, react_1.useEffect)(() => {
+        if (domainValue) {
+            if (domainValue === thisDomainValue) {
+                setDomainType("this-domain");
+                setIsValidDomain(true);
+            }
+            else {
+                setDomainType("custom-domain");
+                setCustomDomainValue(domainValue);
+                setIsValidDomain(true);
+            }
+        }
+        else {
+            // Reset to default if no domain value
+            setDomainType("this-domain");
+            setCustomDomainValue("");
+            setIsValidDomain(true);
+        }
+    }, [domainValue, thisDomainValue]);
+    const handleCustomDomainChange = async (did) => {
+        setCustomDomainValue(did);
+        if (!did) {
+            setIsValidDomain(false);
+            return;
+        }
+        // Basic validation for DID format
+        const isValid = did.startsWith("did:") && did.length > 10;
+        if (isValid) {
+            setIsLoading(true);
+            try {
+                // Simulate async fetch request
+                await new Promise((resolve) => setTimeout(resolve, 1000));
+                setIsValidDomain(true);
+                onDomainChange(did);
+            }
+            catch (error) {
+                setIsValidDomain(false);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+        else {
+            setIsValidDomain(false);
+        }
+    };
+    const handleTabChange = (value) => {
+        setDomainType(value);
+        if (value === "this-domain") {
+            // Use known domain value
+            setIsValidDomain(true);
+            onDomainChange(thisDomainValue);
+        }
+        else {
+            // Reset for custom domain
+            setIsValidDomain(false);
+            onDomainChange("");
+        }
+    };
+    return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("h2", { className: "text-2xl font-semibold" }, "Overview"),
+            react_1.default.createElement("p", { className: "text-muted-foreground mt-1" }, "Add a domain overview to your page")),
+        react_1.default.createElement(tabs_1.Tabs, { defaultValue: "this-domain", value: domainType, onValueChange: handleTabChange },
+            react_1.default.createElement(tabs_1.TabsList, { className: "px-1" },
+                react_1.default.createElement(tabs_1.TabsTrigger, { value: "this-domain" }, "This domain"),
+                react_1.default.createElement(tabs_1.TabsTrigger, { value: "custom-domain" }, "Custom domain")),
+            react_1.default.createElement(tabs_1.TabsContent, { value: "this-domain", className: "space-y-4" },
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(label_1.Label, { htmlFor: "this-domain-input" }, "Domain"),
+                    react_1.default.createElement("div", { className: "relative" },
+                        react_1.default.createElement(input_1.Input, { id: "this-domain-input", value: thisDomainValue, disabled: true, className: "pr-10", placeholder: "Enter domain DID" }),
+                        isValidDomain && (react_1.default.createElement(lucide_react_1.CheckIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" })))),
+                react_1.default.createElement(DomainPreview_1.DomainPreview, { domainProfile: domainProfile })),
+            react_1.default.createElement(tabs_1.TabsContent, { value: "custom-domain", className: "space-y-4" },
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(label_1.Label, { htmlFor: "custom-domain-input" }, "Domain"),
+                    react_1.default.createElement("div", { className: "relative" },
+                        react_1.default.createElement(input_1.Input, { id: "custom-domain-input", value: customDomainValue, onChange: (e) => handleCustomDomainChange(e.target.value), className: "pr-10", placeholder: "Enter domain DID", disabled: isLoading }),
+                        isLoading ? (react_1.default.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2" },
+                            react_1.default.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-900" }))) : (isValidDomain &&
+                            customDomainValue && (react_1.default.createElement(lucide_react_1.CheckIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))))),
+                isValidDomain && customDomainValue && !isLoading && (react_1.default.createElement(DomainPreview_1.DomainPreview, { domainProfile: domainProfile }))))));
+}

package/dist/blocks/overview/OverviewPreviewTab.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Block } from "@blocknote/core";
+interface OverviewPreviewTabProps {
+    blocks: Block[] | null;
+    loading?: boolean;
+    error?: string | null;
+}
+export default function OverviewPreviewTab({ blocks, loading, error, }: OverviewPreviewTabProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=OverviewPreviewTab.d.ts.map

package/dist/blocks/overview/OverviewPreviewTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPreviewTab.d.ts","sourceRoot":"","sources":["../../../src/blocks/overview/OverviewPreviewTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,MAAM,EACN,OAAe,EACf,KAAY,GACb,EAAE,uBAAuB,qBAgCzB"}

package/dist/blocks/overview/OverviewPreviewTab.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OverviewPreviewTab;
+const react_1 = __importDefault(require("react"));
+const shadcn_1 = require("@blocknote/shadcn");
+const react_2 = require("@blocknote/react");
+function OverviewPreviewTab({ blocks, loading = false, error = null, }) {
+    const editor = (0, react_2.useCreateBlockNote)({
+        ...(blocks ? { initialContent: blocks } : {}),
+    });
+    console.log({ blocks });
+    if (loading) {
+        return (react_1.default.createElement("div", { className: "flex items-center justify-center p-8" },
+            react_1.default.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" })));
+    }
+    if (error) {
+        return (react_1.default.createElement("div", { className: "flex items-center justify-center p-8 text-red-500" },
+            react_1.default.createElement("p", null,
+                "Error loading preview: ",
+                error)));
+    }
+    if (blocks === null) {
+        return (react_1.default.createElement("div", { className: "flex items-center justify-center p-8 text-gray-500" },
+            react_1.default.createElement("p", null, "No content available")));
+    }
+    return react_1.default.createElement(shadcn_1.BlockNoteView, { editor: editor, editable: false });
+}

package/dist/blocks/overview/OverviewSettings.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function OverviewSettings({ block, editor }: any): React.JSX.Element;
+//# sourceMappingURL=OverviewSettings.d.ts.map

package/dist/blocks/overview/OverviewSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewSettings.d.ts","sourceRoot":"","sources":["../../../src/blocks/overview/OverviewSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,qBA+GtD"}

package/dist/blocks/overview/OverviewSettings.js

@@ -0,0 +1,114 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewSettings = OverviewSettings;
+const react_1 = __importStar(require("react"));
+const SettingsModal_1 = require("../../components/SettingsModal/SettingsModal");
+const OverviewGeneralTab_1 = require("./OverviewGeneralTab");
+const OverviewPreviewTab_1 = __importDefault(require("./OverviewPreviewTab"));
+const graphql_queries_1 = require("../../lib/graphql-queries");
+function OverviewSettings({ block, editor }) {
+    const [domainValue, setDomainValue] = (0, react_1.useState)(block.props.did);
+    const [pageBlocks, setPageBlocks] = (0, react_1.useState)(block.props.blocks || null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [domainProfile, setDomainProfile] = (0, react_1.useState)(null);
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (!domainValue) {
+            setPageBlocks(block.props.blocks || null);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        const fetchPageBlocks = async () => {
+            try {
+                const entity = await (0, graphql_queries_1.getEntity)(domainValue);
+                // Get the Page setting like in useOverview.tsx
+                const overviewResource = entity.settings.Page;
+                const profileResource = entity.settings.Profile;
+                if (overviewResource?.serviceEndpoint) {
+                    const fetchedPageBlocks = await fetch(overviewResource.serviceEndpoint).then((res) => res.json());
+                    console.log({ fetchedPageBlocks });
+                    setPageBlocks(fetchedPageBlocks.blocks || block.props.blocks || null);
+                }
+                else {
+                    setPageBlocks(block.props.blocks || null);
+                }
+                if (profileResource?.serviceEndpoint) {
+                    const fetchedProfile = await fetch(profileResource.serviceEndpoint).then((res) => res.json());
+                    setDomainProfile(fetchedProfile);
+                }
+                setLoading(false);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : "Failed to fetch page blocks");
+                setPageBlocks(block.props.blocks || null);
+                setLoading(false);
+            }
+        };
+        fetchPageBlocks();
+    }, [domainValue, block.props.blocks]);
+    const handleDidChange = (did) => {
+        setDomainValue(did);
+    };
+    const handleAddToPage = () => {
+        // Handle add to page logic here
+        editor.updateBlock(block.id, {
+            props: {
+                did: domainValue,
+            },
+            children: pageBlocks,
+        });
+        console.log("Adding to page with DID:", domainValue);
+        // Close the modal after updating blocks
+        setModalOpen(false);
+    };
+    return (react_1.default.createElement(SettingsModal_1.SettingsModal, { onAddToPage: handleAddToPage, loading: loading, open: modalOpen, onOpenChange: setModalOpen, tabs: [
+            {
+                id: "general",
+                label: "General",
+                content: (react_1.default.createElement(OverviewGeneralTab_1.OverviewGeneralTab, { block: block, editor: editor, domainValue: domainValue, onDomainChange: handleDidChange, domainProfile: domainProfile })),
+            },
+            {
+                id: "preview",
+                label: "Preview",
+                content: (react_1.default.createElement(OverviewPreviewTab_1.default, { blocks: pageBlocks ?? null, loading: loading, error: error })),
+            },
+        ] }));
+}

package/dist/blocks/overview/index.d.ts

@@ -0,0 +1,3 @@
+export { OverviewBlock } from './OverviewBlock';
+export type { OverviewBlockSettings, OverviewBlockProps } from './OverviewBlock';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/overview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/overview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/blocks/overview/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverviewBlock = void 0;
+var OverviewBlock_1 = require("./OverviewBlock");
+Object.defineProperty(exports, "OverviewBlock", { enumerable: true, get: function () { return OverviewBlock_1.OverviewBlock; } });

package/dist/blocks/overview/useOverview.d.ts

@@ -0,0 +1,11 @@
+interface UseOverviewProps {
+    did: string;
+}
+export default function useOverview({ did }: UseOverviewProps): {
+    resource: any;
+    loading: boolean;
+    error: string | null;
+    refetch: () => void;
+};
+export {};
+//# sourceMappingURL=useOverview.d.ts.map

package/dist/blocks/overview/useOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverview.d.ts","sourceRoot":"","sources":["../../../src/blocks/overview/useOverview.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,gBAAgB;;;;;EAwE5D"}

package/dist/blocks/overview/useOverview.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useOverview;
+const graphql_queries_1 = require("../../lib/graphql-queries");
+const react_1 = require("react");
+function useOverview({ did }) {
+    const [resource, setResource] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!did) {
+            setResource(null);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        const fetchEntity = async () => {
+            try {
+                const entity = await (0, graphql_queries_1.getEntity)(did);
+                console.log({ entity });
+                // Find the resource with id = {id}#pag from linkedResource array
+                const overviewResource = entity.settings.Page;
+                const pageBlocks = await fetch(overviewResource.serviceEndpoint).then((res) => res.json());
+                setResource(pageBlocks || null);
+                setLoading(false);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : "Failed to fetch entity");
+                setLoading(false);
+            }
+        };
+        fetchEntity();
+    }, [did]);
+    const refetch = () => {
+        if (did) {
+            setLoading(true);
+            setError(null);
+            const fetchEntity = async () => {
+                try {
+                    const entity = await (0, graphql_queries_1.getEntity)(did);
+                    console.log({ entity });
+                    // Find the resource with id = {id}#pag from linkedResource array
+                    const overviewResource = entity.linkedResource?.find((resource) => resource.id === `{id}#pag`);
+                    setResource(overviewResource || null);
+                    setLoading(false);
+                }
+                catch (err) {
+                    setError(err instanceof Error ? err.message : "Failed to fetch entity");
+                    setLoading(false);
+                }
+            };
+            fetchEntity();
+        }
+    };
+    return {
+        resource,
+        loading,
+        error,
+        refetch,
+    };
+}

package/dist/components/GlobeIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface GlobeIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function GlobeIcon({ size, className, color, }: GlobeIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=GlobeIcon.d.ts.map

package/dist/components/GlobeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobeIcon.d.ts","sourceRoot":"","sources":["../../src/components/GlobeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,cAAc,qBA4BhB"}

package/dist/components/GlobeIcon.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GlobeIcon;
+const react_1 = __importDefault(require("react"));
+function GlobeIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 hover:stroke-[#1976D2] ${className}`, style: {
+            cursor: "pointer",
+        } },
+        react_1.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        react_1.default.createElement("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+        react_1.default.createElement("path", { d: "M2 12h20" })));
+}

package/dist/components/IxoEditor.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { BlockNoteEditor } from "@blocknote/core";
+export interface IxoEditorProps {
+    editor: BlockNoteEditor<any, any, any> | undefined;
+    className?: string;
+    onChange?: () => void;
+    onSelectionChange?: () => void;
+    children?: React.ReactNode;
+}
+/**
+ * IxoEditor component - A customized BlockNote editor for IXO
+ */
+export declare function IxoEditor({ editor, className, onChange, onSelectionChange, children, }: IxoEditorProps): React.JSX.Element | null;
+//# sourceMappingURL=IxoEditor.d.ts.map

package/dist/components/IxoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxoEditor.d.ts","sourceRoot":"","sources":["../../src/components/IxoEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,SAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,QAAQ,GACT,EAAE,cAAc,4BAsDhB"}

package/dist/components/IxoEditor.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IxoEditor = IxoEditor;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@blocknote/react");
+const shadcn_1 = require("@blocknote/shadcn");
+const core_1 = require("@blocknote/core");
+const blocks_1 = require("../blocks");
+/**
+ * IxoEditor component - A customized BlockNote editor for IXO
+ */
+function IxoEditor({ editor, className = "", onChange, onSelectionChange, children, }) {
+    if (!editor) {
+        return null;
+    }
+    // Get IXO configuration from editor
+    const config = editor._ixoConfig || {
+        theme: "light",
+        editable: true,
+        sideMenu: true,
+        slashMenu: true,
+        formattingToolbar: true,
+        linkToolbar: true,
+        filePanel: true,
+        tableHandles: true,
+    };
+    return (react_1.default.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}` },
+        react_1.default.createElement(shadcn_1.BlockNoteView, { editor: editor, editable: config.editable, sideMenu: config.sideMenu, slashMenu: false, formattingToolbar: config.formattingToolbar, linkToolbar: config.linkToolbar, filePanel: config.filePanel, tableHandles: config.tableHandles, theme: config.theme, onChange: onChange, onSelectionChange: onSelectionChange },
+            config.slashMenu && (react_1.default.createElement(react_2.SuggestionMenuController, { triggerCharacter: "/", getItems: async (query) => {
+                    // Get default slash menu items for the current editor
+                    const defaultItems = (0, react_2.getDefaultReactSlashMenuItems)(editor);
+                    // Add our custom items
+                    const customItems = (0, blocks_1.getExtraSlashMenuItems)(editor);
+                    // Combine and filter based on query
+                    return (0, core_1.filterSuggestionItems)([...defaultItems, ...customItems], query);
+                } })),
+            children)));
+}

package/dist/components/PenIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface PenIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function PenIcon({ size, className, color, }: PenIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PenIcon.d.ts.map

package/dist/components/PenIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../src/components/PenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,YAAY,qBA4Bd"}

package/dist/components/PenIcon.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PenIcon;
+const react_1 = __importDefault(require("react"));
+function PenIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 hover:stroke-[#1976D2] ${className}`, style: {
+            cursor: "pointer",
+        } },
+        react_1.default.createElement("path", { d: "M13 21h8" }),
+        react_1.default.createElement("path", { d: "m15 5 4 4" }),
+        react_1.default.createElement("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" })));
+}

package/dist/components/SettingsIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SettingsIconProps {
+    className?: string;
+    size?: number;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function SettingsIcon({ className, size, color, }: SettingsIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SettingsIcon.d.ts.map

package/dist/components/SettingsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.d.ts","sourceRoot":"","sources":["../../src/components/SettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,IAAS,EACT,KAAmB,GACpB,EAAE,iBAAiB,qBA6BnB"}

package/dist/components/SettingsIcon.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SettingsIcon;
+const react_1 = __importDefault(require("react"));
+function SettingsIcon({ className = "", size = 16, color = "secondary", }) {
+    const colorMap = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colorMap[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `settings-icon ${className}`, style: {
+            transition: "stroke 0.15s ease-in-out",
+        } },
+        react_1.default.createElement("path", { d: "M14 17H5" }),
+        react_1.default.createElement("path", { d: "M19 7h-9" }),
+        react_1.default.createElement("circle", { cx: "17", cy: "17", r: "3" }),
+        react_1.default.createElement("circle", { cx: "7", cy: "7", r: "3" })));
+}

package/dist/components/SettingsModal/AdvancedTab.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface AdvancedTabProps {
+    block: any;
+    editor: any;
+}
+export declare function AdvancedTab({ block: _block, editor: _editor, }: AdvancedTabProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AdvancedTab.d.ts.map

package/dist/components/SettingsModal/AdvancedTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedTab.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/AdvancedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;CACb;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,GAChB,EAAE,gBAAgB,qBAYlB"}

package/dist/components/SettingsModal/AdvancedTab.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedTab = AdvancedTab;
+const react_1 = __importDefault(require("react"));
+function AdvancedTab({ block: _block, editor: _editor, }) {
+    return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("h2", { className: "text-2xl font-semibold" }, "Advanced"),
+            react_1.default.createElement("p", { className: "text-muted-foreground mt-1" }, "Advanced configuration options")),
+        react_1.default.createElement("p", { className: "text-muted-foreground" }, "Advanced settings coming soon...")));
+}

package/dist/components/SettingsModal/DomainPreview.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface DomainPreviewProps {
+    domainProfile: any;
+}
+export declare function DomainPreview({ domainProfile }: DomainPreviewProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=DomainPreview.d.ts.map

package/dist/components/SettingsModal/DomainPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainPreview.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/DomainPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,aAAa,EAAE,GAAG,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,EAAE,kBAAkB,4BA6BlE"}

package/dist/components/SettingsModal/DomainPreview.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainPreview = DomainPreview;
+const react_1 = __importDefault(require("react"));
+const card_1 = require("../ui/card");
+function DomainPreview({ domainProfile }) {
+    if (!domainProfile) {
+        return null;
+    }
+    return (react_1.default.createElement(card_1.Card, { className: "border-0 shadow-sm rounded-xl" },
+        react_1.default.createElement(card_1.CardContent, { className: "p-4" },
+            react_1.default.createElement("div", { className: "flex items-start space-x-4" },
+                react_1.default.createElement("div", { className: "w-16 h-16 bg-muted rounded-lg flex items-center justify-center shrink-0" },
+                    react_1.default.createElement("img", { src: domainProfile.image ??
+                            "https://studio.ixo.earth/domain-profile-default.jpg", alt: domainProfile.name, className: "w-full h-full object-cover rounded-lg border-2 border-gray-200" })),
+                react_1.default.createElement("div", { className: "flex-1 min-w-0" },
+                    react_1.default.createElement("h3", { className: "font-semibold text-lg" }, domainProfile.name),
+                    react_1.default.createElement("p", { className: "text-muted-foreground text-sm" }, domainProfile.description))))));
+}

package/dist/components/SettingsModal/FeatureASettings.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function FeatureASettings({ block, editor }: any): React.JSX.Element;
+//# sourceMappingURL=FeatureASettings.d.ts.map