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

package/dist/esm/editor/MediaSelector.js

@@ -0,0 +1,54 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sidebar } from "primereact/sidebar";
+import ContentTree from "./ContentTree";
+import { Splitter, SplitterPanel } from "primereact/splitter";
+import { useEffect, useState } from "react";
+import { getChildren } from "./contentService";
+import { useEditContext } from "./editContext";
+import { Button } from "primereact/button";
+export const MediaSelector = ({ visible, onHide, onMediaSelected, }) => {
+    const [selectedFolderId, setSelectedFolderId] = useState();
+    const [images, setImages] = useState();
+    const [selectedImage, setSelectedImage] = useState();
+    const selection = selectedFolderId ? [selectedFolderId] : [];
+    const editContext = useEditContext();
+    useEffect(() => {
+        loadThumbnails(selectedFolderId);
+    }, [selectedFolderId]);
+    function loadThumbnails(selectedFolderId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!selectedFolderId)
+                setImages([]);
+            else {
+                const children = yield getChildren(selectedFolderId, editContext.sessionId, [
+                    "C97BA923-8009-4858-BDD5-D8BE5FCCECF7",
+                    "F1828A2C-7E5D-4BBD-98CA-320474871548",
+                ]);
+                setImages(children);
+            }
+        });
+    }
+    return (_jsx(Sidebar, { style: { width: "60%" }, position: "right", visible: visible, onHide: onHide, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs(Splitter, { className: "flex-1 border-0", children: [_jsx(SplitterPanel, { size: 35, className: "alpaca-overflow-scroll", children: _jsxs(Splitter, { layout: "vertical", children: [_jsx(SplitterPanel, { size: 70, children: _jsx(ContentTree, { rootItemId: "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1", selectionMode: "single", selectedItemIds: selection, templateIds: ["FE5DD826-48C6-436D-B87A-7C4210C7413B"], expandIdPath: "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1", onSelectionChange: (selection) => {
+                                                if (selection.length)
+                                                    setSelectedFolderId(selection[0]);
+                                                else
+                                                    setSelectedFolderId(undefined);
+                                            } }) }), _jsx(SplitterPanel, { children: selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.name })] }) }), _jsx(SplitterPanel, { className: "alpaca-overflow-scroll relative", children: _jsx("div", { className: "grid grid-cols-3 gap-2 absolute inset-0", children: images === null || images === void 0 ? void 0 : images.map((t) => {
+                                    return (_jsxs("div", { className: "flex flex-col justify-between hover:shadow-md cursor-pointer p-1", onDoubleClick: () => {
+                                            onMediaSelected(t.id);
+                                            onHide();
+                                        }, onClick: () => setSelectedImage(t), children: [_jsx("img", { src: t.imageUrl }), _jsx("div", { className: "text-xs break-all", children: t.name })] }));
+                                }) }) })] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: () => onHide(), children: "Cancel" }), _jsx(Button, { disabled: !selectedImage, onClick: () => {
+                                onMediaSelected(selectedImage.id);
+                                onHide();
+                            }, children: "Select" })] })] }) }));
+};

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: "a-p-1", children: [_jsx("h2", { className: "a-text-xl a-font-bold a-my-2", children: page.path }), _jsxs("div", { className: "a-text-xs", children: ["ID: ", page.id] }), _jsxs("div", { className: "a-text-xs", children: ["Language: ", page.language] }), _jsxs("div", { className: "a-text-xs", children: ["Version: ", page.version] }), page.translations && (_jsxs("div", { className: "a-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: " a-bg-gray-200 a-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: "a-p-6 a-max-w-sm a-mx-auto a-bg-white a-rounded-xl a-shadow-md a-flex a-items-center a-space-x-4", children: _jsxs("div", { children: [_jsxs("div", { className: "a-text-xl a-font-medium a-text-black", children: ["Placeholder ", parentName, " / ", placeholder.name, " ", index] }), _jsx("p", { className: "a-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: "a-flex a-flex-col a-h-full", children: [_jsx("div", { className: "a-p-4 a-border-b a-border-gray-200", children: _jsx("button", { onClick: () => {
+                        setMessages([]);
+                        onReset();
+                    }, children: _jsx("i", { className: "pi pi-trash" }) }) }), _jsxs("div", { className: "a-overflow-y-auto a-h-full a-overflow-x-hidden a-p-2", children: [messages.map((m, i) => (_jsx("div", { className: getClasses(m), children: m.text }, i))), response != null && (_jsxs("div", { className: "a-flex", children: [_jsxs("div", { className: "a-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: "a-border-0 a-border-t-2 a-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: "a-p-1 a-ring-2 a-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: "a-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;
+}