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

package/dist/cjs/editor/editService.js

@@ -0,0 +1,150 @@
+"use strict";
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.commitChanges = exports.executeRedo = exports.executeUndo = exports.executeEditOperation = exports.setCurrentOperation = exports.currentOperation = void 0;
+const universal_cookie_1 = __importDefault(require("universal-cookie"));
+exports.currentOperation = undefined;
+function setCurrentOperation(operation) {
+    exports.currentOperation = operation;
+}
+exports.setCurrentOperation = setCurrentOperation;
+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 universal_cookie_1.default().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();
+    });
+}
+exports.executeEditOperation = executeEditOperation;
+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 universal_cookie_1.default().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" };
+    });
+}
+exports.executeUndo = executeUndo;
+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 universal_cookie_1.default().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" };
+    });
+}
+exports.executeRedo = executeRedo;
+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 universal_cookie_1.default().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.",
+            };
+        }
+    });
+}
+exports.commitChanges = commitChanges;

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

@@ -0,0 +1,19 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichTextEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../..");
+const editor_1 = require("primereact/editor");
+function RichTextEditor({ field }) {
+    const editContext = (0, __1.useEditContext)();
+    if (!editContext)
+        return;
+    return ((0, jsx_runtime_1.jsx)(editor_1.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));
+}
+exports.RichTextEditor = RichTextEditor;

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

@@ -0,0 +1,17 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleLineText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../..");
+const inputtext_1 = require("primereact/inputtext");
+function SingleLineText({ field }) {
+    const editContext = (0, __1.useEditContext)();
+    if (!editContext)
+        return;
+    return ((0, jsx_runtime_1.jsx)(inputtext_1.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));
+}
+exports.SingleLineText = SingleLineText;

package/dist/cjs/editor/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Editor"), exports);
+__exportStar(require("./editContext"), exports);

package/dist/cjs/graphQLTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/index.js

@@ -10,10 +10,27 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphQLTypes = void 0;
 __exportStar(require("./layoutData"), exports);
 __exportStar(require("./loadRouteData"), exports);
 __exportStar(require("./components"), exports);
+__exportStar(require("./alpacaContext"), exports);
+__exportStar(require("./fieldTypes"), exports);
+__exportStar(require("./editor"), exports);
+exports.GraphQLTypes = __importStar(require("./graphQLTypes"));

package/dist/cjs/loadRouteData.js

@@ -11,53 +11,117 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadRouteData = void 0;
 const alpacaContext_1 = require("./alpacaContext");
-function loadRouteData(params, host) {
+const headers_1 = require("next/headers");
+const react_1 = require("react");
+const fetchRouteData = (0, react_1.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: (0, headers_1.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 = (0, alpacaContext_1.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" });
+}));
+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: "preview",
-        };
-        const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
-        console.log(`Fetching page layout from ${url}`);
+        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;
+    });
+}
+exports.loadRouteData = loadRouteData;
+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: (0, headers_1.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 {};
         }
-        (0, alpacaContext_1.setAlpacaContext)({
-            itemId: "",
-            language: "en",
-            site: { name: "" },
-            pageEditing: true,
-            pageState: "",
-        });
         const data = yield response.json();
         console.log(data);
-        return Object.assign(Object.assign({}, data.page), { type: "page" });
+        return data;
     });
 }
-exports.loadRouteData = loadRouteData;
+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/cjs/mediaProtection.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hashImageUrl = void 0;
+const crypto_1 = __importDefault(require("crypto"));
+require("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",
+];
+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_1.default
+        .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;
+}
+exports.hashImageUrl = hashImageUrl;

package/dist/editor.css

@@ -0,0 +1,120 @@
+.alpaca-no-border {
+  border: none !important;
+}
+
+.alpaca-overflow-scroll {
+  overflow: auto;
+}
+
+.alpaca-editor-content {
+  height: calc(100vh - 70px);
+  padding: 3px;
+}
+
+.alpaca-component-selected {
+  outline: 3px solid red;
+}
+
+.alpaca-minor-label {
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+}
+
+.alpaca-fields-section-headline {
+  background: #f0f0f0;
+  padding: 8px;
+  margin-top: 30px;
+}
+
+.alpaca-field-label {
+  font-weight: bolder;
+  display: block;
+  margin: 15px 0 5px 0;
+}
+
+.alpaca-editor-tabs {
+  overflow: hidden;
+  position: relative;
+}
+
+.alpaca-editor-tabs div.p-tabview-panels {
+  overflow: auto;
+  height: calc(100% - 60px);
+  padding: 0;
+}
+
+.alpaca-editor.p-splitter {
+  border: 0;
+  border-radius: 0;
+}
+
+.alpaca-editor.p-menubar {
+  border-radius: 0;
+  border: 0 0 1px 0;
+}
+
+/* placeholder code */
+[contentEditable="true"]:empty:before {
+  content: attr(placeholder);
+  opacity: 0.6;
+}
+
+[contenteditable] {
+  outline: 0px solid transparent;
+}
+
+div.p-tree {
+  padding: 0;
+}
+
+div.p-tree .p-tree-container .p-treenode .p-treenode-content {
+  padding: 0px;
+}
+
+div.p-tree .p-tree-container .p-treenode {
+  padding: 0;
+}
+
+div.p-tree .p-tree .p-tree-container .p-treenode {
+  padding: 0;
+}
+
+div.p-tree .p-treenode-droppoint {
+  height: 3px;
+}
+
+.ape-placeholder {
+  transition: all 0.3s;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+  background: #eee;
+  cursor: pointer;
+  padding: 20px;
+  visibility: visible;
+  opacity: 1;
+}
+
+.ape-placeholder > div {
+  opacity: 1;
+  transition: 0.3s;
+}
+
+.ape-placeholder.ape-hidden > div {
+  opacity: 0;
+}
+
+.ape-placeholder.ape-hidden {
+  height: 0;
+  width: 0;
+  padding: 0;
+  opacity: 0;
+  visibility: hidden;
+  transition: none;
+}
+
+.ap-editframe.ap-removed {
+  transition: all 1.5s;
+  opacity: 0;
+}

package/dist/esm/alpacaContext.js

@@ -1,6 +1,8 @@
 export function useAlpacaContext() {
-    return globalThis.alpacaContext;
-}
-export function setAlpacaContext(context) {
-    globalThis.alpacaContext = context;
+    let context = globalThis.alpacaContext;
+    if (!context) {
+        context = {};
+        globalThis.alpacaContext = context;
+    }
+    return context;
 }

package/dist/esm/components/Image.js

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
+//   if (otherAttrs.class) {
+//     // if any classes are defined properly already
+//     if (otherAttrs.className) {
+//       let className: string = otherAttrs.className as string;
+//       className += ` ${otherAttrs.class}`;
+//       otherAttrs.className = className;
+//     } else {
+//       otherAttrs.className = otherAttrs.class;
+//     }
+//     delete otherAttrs.class;
+//   }
+// };
+export const Image = (_a) => {
+    var { field } = _a, otherProps = __rest(_a, ["field"]);
+    if (!field)
+        return;
+    const attrs = Object.assign(Object.assign({}, field.value), otherProps);
+    return _jsx("img", Object.assign({}, attrs, { alt: "" }));
+};

package/dist/esm/components/Link.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Link(_a) {
+    var { field, children } = _a, props = __rest(_a, ["field", "children"]);
+    if (!field)
+        return;
+    return (_jsx("a", Object.assign({ href: field.value.url }, props, { children: children })));
+}