@alpaca-headless/alpaca-headless-nextjs 0.0.4 → 1.0.13

package/dist/esm/editor/PageInfo.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PageInfo({ page }) {
+    var _a;
+    if (!(page === null || page === void 0 ? void 0 : page.fields))
+        return;
+    return (_jsxs("div", { className: "p-1", children: [_jsx("h2", { className: "text-xl font-bold my-2", children: page.path }), _jsxs("div", { className: "text-xs", children: ["ID: ", page.id] }), _jsxs("div", { className: "text-xs", children: ["Language: ", page.language] }), _jsxs("div", { className: "text-xs", children: ["Version: ", page.version] }), page.translations && (_jsxs("div", { className: "text-xs", children: ["Languages: ", (_a = page.translations) === null || _a === void 0 ? void 0 : _a.join(", ")] }))] }));
+}

package/dist/esm/editor/PlaceholderDropZone.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ProgressBar } from "primereact/progressbar";
+import { useEditContext } from "..";
+export function PlaceholderDropZone({ placeholder, index, parentName, }) {
+    const [isInserting, setIsInserting] = useState(false);
+    const [isSelected, setIsSelected] = useState(false);
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const { selection, refreshCompletedFlag, dragObject, selectedForInsertion } = editContext;
+    function isAnyPlaceholderSelected() {
+        return selection.find((x) => x.indexOf("_") > 0) != undefined;
+    }
+    useEffect(() => {
+        setIsInserting(false);
+    }, [refreshCompletedFlag]);
+    useEffect(() => {
+        var _a;
+        const isSelectedForInsertion = editContext.selectedForInsertion.length > 0 &&
+            placeholder.key.indexOf(editContext.selectedForInsertion) >= 0;
+        const dragObjectAllowed = (editContext.dragObject ? true : false) &&
+            ((_a = placeholder.insertOptions) === null || _a === void 0 ? void 0 : _a.find((x) => { var _a; return x.id == ((_a = editContext.dragObject) === null || _a === void 0 ? void 0 : _a.templateId); })) != undefined;
+        const selected = (isSelectedForInsertion ||
+            (!isAnyPlaceholderSelected() && editContext.dragObject != undefined)) &&
+            (!editContext.dragObject ? true : false || dragObjectAllowed);
+        setIsSelected(selected);
+    }, [selection, dragObject, selectedForInsertion, editContext]);
+    function dragOver(ev) {
+        var _a;
+        ev.dataTransfer.dropEffect =
+            ((_a = editContext === null || editContext === void 0 ? void 0 : editContext.dragObject) === null || _a === void 0 ? void 0 : _a.type) == "template" ? "copy" : "move";
+        ev.preventDefault();
+    }
+    function drop(ev) {
+        ev.preventDefault();
+        setIsInserting(true);
+        editContext.droppedInPlaceholder(placeholder.key, index);
+    }
+    if (isInserting)
+        return (_jsx("div", { className: " bg-gray-200 p-10", children: _jsx(ProgressBar, { mode: "indeterminate", style: { height: "6px" } }) }));
+    return (_jsx("div", { onClick: (ev) => {
+            //  editContext.setSelectedForInsertion(placeholder.key + "_" + index);
+            editContext.openComponentPalette();
+            ev.stopPropagation();
+        }, onDragOver: dragOver, onDrop: drop, 
+        //   ref={setNodeRef}
+        className: `ape-placeholder ${isSelected ? "" : "ape-hidden"}`, children: _jsx("div", { className: "p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4", children: _jsxs("div", { children: [_jsxs("div", { className: "text-xl font-medium text-black", children: ["Placeholder ", parentName, " / ", placeholder.name, " ", index] }), _jsx("p", { className: "text-gray-500", children: "You can add your components here." })] }) }) }));
+}

package/dist/esm/editor/PlaceholderDropZoneHost.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+const PlaceholderDropZone = dynamic(() => import("./PlaceholderDropZone").then((dnd) => dnd.PlaceholderDropZone), { ssr: false });
+export function PlaceholderDropZoneHost({ placeholder, index, parentName, }) {
+    return (_jsx(PlaceholderDropZone, { placeholder: placeholder, index: index, parentName: parentName }));
+}

package/dist/esm/editor/Terminal.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InputTextarea } from "primereact/inputtextarea";
+import { useEffect, useRef, useState } from "react";
+export function Terminal({ commandHandler, onReset, }) {
+    const [value, setValue] = useState("");
+    const [response, setResponse] = useState();
+    const [messages, setMessages] = useState([]);
+    const bottomRef = useRef(null);
+    const messageRef = useRef(messages);
+    useEffect(() => {
+        messageRef.current = messages;
+    }, [messages]);
+    const callback = (text, finished) => {
+        if (!finished)
+            setResponse(text);
+        else {
+            setResponse(undefined);
+            setMessages([...messageRef.current, { type: "response", text }]);
+        }
+    };
+    const handleKeyPress = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault(); // Prevent newline insertion
+            setMessages([...messages, { type: "command", text: value }]);
+            setValue("");
+            setResponse("...");
+            commandHandler(value, callback);
+        }
+    };
+    useEffect(() => {
+        var _a;
+        // 👇️ scroll to bottom every time messages change
+        (_a = bottomRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    }, [messages, response]);
+    const getClasses = (m) => {
+        if (m.type === "response")
+            return "text-blue-500";
+        return "";
+    };
+    return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsx("div", { className: "p-4 border-b border-gray-200", children: _jsx("button", { onClick: () => {
+                        setMessages([]);
+                        onReset();
+                    }, children: _jsx("i", { className: "pi pi-trash" }) }) }), _jsxs("div", { className: "overflow-y-auto h-full overflow-x-hidden p-2", children: [messages.map((m, i) => (_jsx("div", { className: getClasses(m), children: m.text }, i))), response != null && (_jsxs("div", { className: "flex", children: [_jsxs("div", { className: "text-xs", children: [" ", _jsx("i", { className: "pi pi-spin pi-spinner" })] }), _jsx("div", { dangerouslySetInnerHTML: {
+                                    __html: response.replaceAll("\\n", "<br>"),
+                                } })] })), _jsx("div", { ref: bottomRef })] }), _jsx(InputTextarea, { value: value, className: "border-0 border-t-2 rounded-none", onKeyDown: handleKeyPress, onChange: (e) => setValue(e.target.value), rows: 5, cols: 30 })] }));
+}

package/dist/esm/editor/TranslateEditor.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useEditContext } from "..";
+export function TranslateEditor({ text }) {
+    const context = useEditContext();
+    if (!context || !context.dictionary)
+        return text;
+    const dictionary = context.dictionary;
+    useEffect(() => {
+        if (Object.keys(dictionary).indexOf(text) < 0 &&
+            context.unresolvedDictionaryKeys.indexOf(text) < 0) {
+            console.log("Pushing...");
+            context.setUnresolvedDictionaryKeys([
+                ...context.unresolvedDictionaryKeys,
+                text,
+            ]);
+        }
+    }, []);
+    return (dictionary[text] || _jsx("span", { className: "p-1 ring-2 ring-red-500", children: text }));
+}

package/dist/esm/editor/VersionSelector.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Dropdown } from "primereact/dropdown";
+export function VersionSelector({ page, onVersionSelected, }) {
+    if (page == null)
+        return;
+    const selectedVersionTemplate = (option, props) => {
+        if (option) {
+            return _jsx("div", { children: option.version });
+        }
+        return _jsx("span", { children: props.placeholder });
+    };
+    const versionOptionTemplate = (option) => {
+        return (_jsxs("div", { children: [option.version, " ", _jsxs("div", { className: "text-xs", children: ["(", option.updated.toString(), " by ", option.updatedBy, ")"] })] }));
+    };
+    return (_jsx(_Fragment, { children: _jsx(Dropdown, { value: page.version, onChange: (e) => onVersionSelected(e.value), options: page.versions, optionValue: "version", optionLabel: "version", placeholder: "Select a version", valueTemplate: selectedVersionTemplate, itemTemplate: versionOptionTemplate }) }));
+}

package/dist/esm/editor/componentTreeHelper.js

@@ -0,0 +1,14 @@
+export function findComponent(id, placeholders) {
+    for (const p of placeholders) {
+        for (const c of p.components) {
+            if (c.id == id) {
+                return c;
+            }
+            const match = findComponent(id, c.placeholders);
+            if (match) {
+                return match;
+            }
+        }
+    }
+    return null;
+}

package/dist/esm/editor/contentService.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import Cookies from "universal-cookie";
+export function getChildren(itemId, sessionId, templateIds = []) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let url = "/alpaca/headless/editor/children?itemId=" +
+            itemId +
+            "&sessionId=" +
+            sessionId;
+        url = templateIds.reduce((u, t) => u + "&templateIds=" + t, url);
+        const response = yield fetch(url, {
+            method: "GET",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new Cookies().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        return yield response.json();
+    });
+}

package/dist/esm/editor/editContext.js

@@ -0,0 +1,5 @@
+"use client";
+import React, { useContext } from "react";
+const EditContext = React.createContext(undefined);
+export const EditContextProvider = EditContext.Provider;
+export const useEditContext = () => useContext(EditContext);

package/dist/esm/editor/editService.js

@@ -0,0 +1,139 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import Cookies from "universal-cookie";
+export let currentOperation = undefined;
+export function setCurrentOperation(operation) {
+    currentOperation = operation;
+}
+export function executeEditOperation(editOperation, sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/edit?sessionId=" + sessionId, {
+            method: "POST",
+            body: JSON.stringify(editOperation),
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new Cookies().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.status === 500 || response.redirected) {
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while saving changes.",
+            };
+        }
+        if (response.status === 401) {
+            return {
+                type: "unauthenticated",
+                summary: "Unauthorized",
+                details: "Not logged in anymore?",
+            };
+        }
+        return yield response.json();
+    });
+}
+export function executeUndo(sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/undo?sessionId=" + sessionId, {
+            method: "POST",
+            body: "",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new Cookies().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.status === 500 || response.redirected) {
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while saving changes.",
+            };
+        }
+        if (response.status === 401) {
+            return {
+                type: "error",
+                summary: "Unauthorized",
+                details: "Not logged in anymore?",
+            };
+        }
+        return { type: "success" };
+    });
+}
+export function executeRedo(sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/redo?sessionId=" + sessionId, {
+            method: "POST",
+            body: "",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new Cookies().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.status === 500 || response.redirected) {
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while saving changes.",
+            };
+        }
+        if (response.status === 401) {
+            return {
+                type: "error",
+                summary: "Unauthorized",
+                details: "Not logged in anymore?",
+            };
+        }
+        return { type: "success" };
+    });
+}
+export function commitChanges(sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/commit?sessionId=" + sessionId, {
+            method: "POST",
+            body: "",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new Cookies().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.ok)
+            return { type: "success" };
+        else {
+            if (response.status === 401) {
+                return {
+                    type: "error",
+                    summary: "Unauthorized",
+                    details: "Not logged in anymore?",
+                };
+            }
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while saving changes.",
+            };
+        }
+    });
+}

package/dist/esm/editor/fieldTypes/RichTextEditor.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../..";
+import { Editor } from "primereact/editor";
+export function RichTextEditor({ field }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    return (_jsx(Editor, { value: field.value, style: { width: "100%" }, onTextChange: (e) => {
+            var _a;
+            //  console.log("Text change: " + field.itemId);
+            editContext.editField(field, (_a = e.htmlValue) !== null && _a !== void 0 ? _a : "", true);
+            field.value = e.htmlValue;
+        } }, field.itemId + field.id + field.language + field.version));
+}

package/dist/esm/editor/fieldTypes/SingleLineText.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../..";
+import { InputText } from "primereact/inputtext";
+export function SingleLineText({ field }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    return (_jsx(InputText, { value: field.value, style: { width: "100%" }, onChange: (e) => {
+            editContext.editField(field, e.target.value, false);
+            field.value = e.target.value;
+        } }, field.itemId + field.id + field.language + field.version));
+}

package/dist/esm/editor/index.js

@@ -0,0 +1,2 @@
+export * from "./Editor";
+export * from "./editContext";

package/dist/esm/graphQLTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -3,3 +3,5 @@ export * from "./loadRouteData";
 export * from "./components";
 export * from "./alpacaContext";
 export * from "./fieldTypes";
+export * from "./editor";
+export * as GraphQLTypes from "./graphQLTypes";

package/dist/esm/loadRouteData.js

@@ -9,57 +9,115 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useAlpacaContext } from "./alpacaContext";
 import { cookies } from "next/headers";
+import { cache } from "react";
+const fetchRouteData = cache((path, host, mode, itemId, language, session, version) => __awaiter(void 0, void 0, void 0, function* () {
+    const request = {
+        Path: path,
+        Host: host,
+        Mode: mode,
+        ItemId: itemId,
+        Language: language,
+        SessionId: session,
+        Version: version,
+    };
+    const url = process.env.LAYOUT_SERVICE_URL +
+        "/alpaca/headless/layout?session=" +
+        session;
+    console.log(`Fetching page layout from ${url}. Host:${request.Host} Path: ${request.Path}`);
+    const response = yield fetch(url, {
+        method: "POST",
+        body: JSON.stringify(request),
+        credentials: "include",
+        headers: {
+            "Content-Type": "application/json",
+            Cookie: cookies().toString(),
+            "x-api-key": getApiKey(),
+        },
+        next: {
+            tags: ["pages"],
+            revalidate: mode === "preview" || mode == "edit" ? 0 : 30,
+        },
+    });
+    console.log("STATUS: " + response.status + " mode: " + mode);
+    if (response.status === 404) {
+        return {
+            type: "notfound",
+        };
+    }
+    if (response.status === 301) {
+        return {
+            type: "redirect",
+            location: response.url,
+        };
+    }
+    if (!response.ok) {
+        const message = yield response.text();
+        return {
+            type: "error",
+            errorCode: response.status,
+            message: message,
+        };
+    }
+    const data = yield response.json();
+    //console.log(JSON.stringify(data, null, 2));
+    const context = useAlpacaContext();
+    context.pageContext = {
+        itemId: data.page.id,
+        language: data.page.language,
+        site: data.site,
+        pageEditing: data.page.editing,
+        pageState: "",
+        database: data.page.database,
+    };
+    context.fields = data.page.fields;
+    context.edit = data.edit;
+    const dictionary = yield loadDictionary(context.pageContext.site.name, context.pageContext.language, mode);
+    context.dictionary = dictionary;
+    context.translate = (text) => {
+        return context.dictionary[text] || text;
+    };
+    return Object.assign(Object.assign({}, data.page), { type: "page" });
+}));
 export function loadRouteData(params, searchParams, host) {
     var _a, _b;
     return __awaiter(this, void 0, void 0, function* () {
-        const request = {
-            Path: (_b = (_a = params.path) === null || _a === void 0 ? void 0 : _a.join("/")) !== null && _b !== void 0 ? _b : "/",
-            Host: host,
-            Mode: searchParams["mode"] || "preview",
-            ItemId: searchParams["itemid"],
-            Language: searchParams["language"],
-        };
-        const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
-        console.log(`Fetching page layout from ${url}. Host:${request.Host} Path: ${request.Path}`);
+        const result = yield fetchRouteData((_b = (_a = params.path) === null || _a === void 0 ? void 0 : _a.join("/")) !== null && _b !== void 0 ? _b : "/", host, searchParams["mode"] || "normal", searchParams["itemid"], searchParams["language"], searchParams["session"], searchParams["version"]);
+        return result;
+    });
+}
+function loadDictionary(siteName, language, mode) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = process.env.LAYOUT_SERVICE_URL +
+            "/alpaca/headless/dictionary?siteName=" +
+            siteName +
+            "&language=" +
+            language;
+        console.log(`Fetching dictionary from ${url}.`);
         const response = yield fetch(url, {
-            method: "POST",
-            body: JSON.stringify(request),
+            method: "GET",
             credentials: "include",
             headers: {
                 "Content-Type": "application/json",
                 Cookie: cookies().toString(),
+                "x-api-key": getApiKey(),
+            },
+            next: {
+                tags: ["dictionary"],
+                revalidate: mode === "preview" || mode == "edit" ? 15 : 600,
             },
-            next: { tags: ["pages"], revalidate: 10 },
         });
-        if (response.status === 404) {
-            return {
-                type: "notfound",
-            };
-        }
-        if (response.status === 301) {
-            return {
-                type: "redirect",
-                location: response.url,
-            };
-        }
-        if (response.status !== 200) {
-            const message = yield response.text();
-            return {
-                type: "error",
-                errorCode: response.status,
-                message: message,
-            };
+        if (!response.ok) {
+            console.log("Could not load dictionary: Response code: " + response.status);
+            return {};
         }
         const data = yield response.json();
         console.log(data);
-        const context = useAlpacaContext();
-        context.pageContext = {
-            itemId: data.page.id,
-            language: data.page.language,
-            site: data.site,
-            pageEditing: true,
-            pageState: "",
-        };
-        return Object.assign(Object.assign({}, data.page), { type: "page" });
+        return data;
     });
 }
+function getApiKey() {
+    const apiKey = process.env.ALPACA_HEADLESS_API_KEY || process.env.API_KEY;
+    if (!apiKey)
+        console.log("ERROR: Could not find API key environment variable: ALPACA_HEADLESS_API_KEY");
+    return apiKey;
+}

package/dist/esm/mediaProtection.js

@@ -0,0 +1,49 @@
+import crypto from "crypto";
+import "url";
+const protectedParams = [
+    "w",
+    "h",
+    "mw",
+    "mh",
+    "sc",
+    "as",
+    "bc",
+    "db",
+    "iar",
+    "la",
+    "thn",
+    "vs",
+    "sc_content",
+    "sc_lang",
+    "sc_site",
+    "gray",
+    "rev",
+    "devicepixelratio",
+    "encodequality",
+    "rx",
+    "ry",
+    "rw",
+    "rh",
+    "crop",
+];
+export function hashImageUrl(url) {
+    if (!process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET)
+        return url;
+    if (!url)
+        return url;
+    const baseURL = 'http://temp-base-url.com'; // This will serve as a placeholder.
+    const uri = new URL(url.toLowerCase(), baseURL);
+    uri.searchParams.delete("hash");
+    const searchParams = protectedParams
+        .map((x) => ({ name: x, val: uri.searchParams.get(x) }))
+        .filter((x) => x.val)
+        .map((x) => x.name + "=" + x.val)
+        .join("&");
+    const stringToProtect = uri.pathname.substring(1) + "?" + searchParams;
+    const hash = crypto
+        .createHash("md5")
+        .update(stringToProtect + process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET, "utf16le")
+        .digest("hex");
+    uri.searchParams.set("hash", hash);
+    return url.startsWith('http') ? uri.toString() : uri.pathname + uri.search;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "0.0.4",
+  "version": "1.0.13",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -9,12 +9,14 @@
     "dist",
     "types",
     "/*.js",
+    "/*.css",
     "/*.d.ts"
   ],
   "scripts": {
-    "build": "npm run build:cjs && npm run build:esm",
+    "build": "npm run build:cjs && npm run build:esm && npm run copy-files",
     "build:cjs": "node tools/cleanup cjs && tsc -p config/tsconfig.cjs.json --noEmit false",
     "build:esm": "node tools/cleanup esm && tsc -p config/tsconfig.esm.json --noEmit false",
+    "copy-files": "copyfiles -u 1 -E -V  \"src/editor.css\" dist/",
     "clean": "node tools/cleanup",
     "package": "npm run build && npm pack"
   },
@@ -22,11 +24,21 @@
   "license": "MIT",
   "dependencies": {
     "autoprefixer": "10.4.14",
-    "next": "13.4.9",
+    "copyfiles": "^2.4.1",
+    "crypto": "^1.0.1",
+    "cryptography": "^1.2.3",
+    "graphql-formatter": "^1.0.3",
+    "next": "13.5.1",
     "node-cleanup": "^2.1.2",
+    "prettier": "^3.0.3",
+    "primereact": "^9.6.2",
+    "quill": "^1.3.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "server-only": "^0.0.1"
+    "react-json-pretty": "^2.2.0",
+    "react-uuid": "^2.0.0",
+    "server-only": "^0.0.1",
+    "universal-cookie": "^6.1.1"
   },
   "devDependencies": {
     "@types/node": "20.4.1",