@alpaca-headless/alpaca-headless-nextjs 1.0.1111 → 1.0.2684

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "1.0.1111",
+  "version": "1.0.2684",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/dist/cjs/alpacaContext.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAlpacaContext = void 0;
-function useAlpacaContext() {
-    let context = globalThis.alpacaContext;
-    if (!context) {
-        context = {};
-        globalThis.alpacaContext = context;
-    }
-    return context;
-}
-exports.useAlpacaContext = useAlpacaContext;

package/dist/cjs/components/Placeholder.js

@@ -1,33 +0,0 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-function Placeholder({ name, content, }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const data = yield content;
-        if (data.type !== "page" && data.type !== "component")
-            return;
-        const placeholderData = data.placeholders.find((x) => x.name == name);
-        if (!placeholderData)
-            return;
-        const context = (0, __1.useAlpacaContext)();
-        const loader = context.componentModuleLoader;
-        const promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.map((component) => __awaiter(this, void 0, void 0, function* () {
-            const module = yield loader(component.componentType);
-            return { data: component, Component: module.default };
-        }));
-        const components = yield Promise.all(promises);
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: components.map(({ Component, data }) => ((0, jsx_runtime_1.jsx)(Component, { component: data }))) }));
-    });
-}
-exports.Placeholder = Placeholder;

package/dist/cjs/components/Text.js

@@ -1,25 +0,0 @@
-"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.Text = void 0;
-const react_1 = __importDefault(require("react"));
-function Text({ field, tag, editable, }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (editable)
-            return react_1.default.createElement(tag || "div", null, field.value);
-        else
-            return react_1.default.createElement(tag || "div", null, field.value);
-    });
-}
-exports.Text = Text;

package/dist/cjs/components/index.js

@@ -1,18 +0,0 @@
-"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("./Placeholder"), exports);
-__exportStar(require("./Text"), exports);

package/dist/cjs/fieldTypes.js

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

package/dist/cjs/index.js

@@ -1,21 +0,0 @@
-"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("./layoutData"), exports);
-__exportStar(require("./loadRouteData"), exports);
-__exportStar(require("./components"), exports);
-__exportStar(require("./alpacaContext"), exports);
-__exportStar(require("./fieldTypes"), exports);

package/dist/cjs/layoutData.js

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

package/dist/cjs/loadRouteData.js

@@ -1,69 +0,0 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadRouteData = void 0;
-const alpacaContext_1 = require("./alpacaContext");
-const headers_1 = require("next/headers");
-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 response = yield fetch(url, {
-            method: "POST",
-            body: JSON.stringify(request),
-            credentials: "include",
-            headers: {
-                "Content-Type": "application/json",
-                Cookie: (0, headers_1.cookies)().toString(),
-            },
-            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,
-            };
-        }
-        const data = yield response.json();
-        console.log(data);
-        const context = (0, alpacaContext_1.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" });
-    });
-}
-exports.loadRouteData = loadRouteData;

package/dist/esm/alpacaContext.js

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

package/dist/esm/components/Placeholder.js

@@ -1,29 +0,0 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAlpacaContext, } from "..";
-export function Placeholder({ name, content, }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const data = yield content;
-        if (data.type !== "page" && data.type !== "component")
-            return;
-        const placeholderData = data.placeholders.find((x) => x.name == name);
-        if (!placeholderData)
-            return;
-        const context = useAlpacaContext();
-        const loader = context.componentModuleLoader;
-        const promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.map((component) => __awaiter(this, void 0, void 0, function* () {
-            const module = yield loader(component.componentType);
-            return { data: component, Component: module.default };
-        }));
-        const components = yield Promise.all(promises);
-        return (_jsx(_Fragment, { children: components.map(({ Component, data }) => (_jsx(Component, { component: data }))) }));
-    });
-}

package/dist/esm/components/Text.js

@@ -1,18 +0,0 @@
-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 React from "react";
-export function Text({ field, tag, editable, }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (editable)
-            return React.createElement(tag || "div", null, field.value);
-        else
-            return React.createElement(tag || "div", null, field.value);
-    });
-}

package/dist/esm/components/index.js

@@ -1,2 +0,0 @@
-export * from "./Placeholder";
-export * from "./Text";

package/dist/esm/fieldTypes.js

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

package/dist/esm/index.js

@@ -1,5 +0,0 @@
-export * from "./layoutData";
-export * from "./loadRouteData";
-export * from "./components";
-export * from "./alpacaContext";
-export * from "./fieldTypes";

package/dist/esm/layoutData.js

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

package/dist/esm/loadRouteData.js

@@ -1,65 +0,0 @@
-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 { useAlpacaContext } from "./alpacaContext";
-import { cookies } from "next/headers";
-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 response = yield fetch(url, {
-            method: "POST",
-            body: JSON.stringify(request),
-            credentials: "include",
-            headers: {
-                "Content-Type": "application/json",
-                Cookie: cookies().toString(),
-            },
-            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,
-            };
-        }
-        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" });
-    });
-}

package/types/alpacaContext.d.ts

@@ -1,14 +0,0 @@
-type AlpacaContext = {
-    componentModuleLoader: (name: string) => Promise<any>;
-    pageContext: {
-        itemId: string;
-        language: string;
-        pageEditing: boolean;
-        pageState: string;
-        site: {
-            name: string;
-        };
-    };
-};
-export declare function useAlpacaContext(): AlpacaContext;
-export {};

package/types/components/Placeholder.d.ts

@@ -1,5 +0,0 @@
-import { ComponentData, Page, Redirect, NotFound, Error } from "..";
-export declare function Placeholder({ name, content, }: {
-    name: string;
-    content: Promise<Error | Page | Redirect | NotFound | ComponentData> | ComponentData;
-}): Promise<import("react/jsx-runtime").JSX.Element | undefined>;

package/types/components/Text.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { TextField } from "../fieldTypes";
-export declare function Text({ field, tag, editable, }: {
-    field: TextField;
-    tag?: string;
-    editable?: boolean;
-}): Promise<React.DOMElement<React.DOMAttributes<Element>, Element>>;

package/types/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Placeholder";
-export * from "./Text";

package/types/fieldTypes.d.ts

@@ -1,3 +0,0 @@
-export type TextField = {
-    value: string;
-};

package/types/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./layoutData";
-export * from "./loadRouteData";
-export * from "./components";
-export * from "./alpacaContext";
-export * from "./fieldTypes";

package/types/layoutData.d.ts

@@ -1,11 +0,0 @@
-export type PlaceholderData = {
-    name: string;
-    components: ComponentData[];
-};
-export type ComponentData = {
-    name: string;
-    componentType: string;
-    graphql: object;
-    placeholders: PlaceholderData[];
-    type: "component";
-};

package/types/loadRouteData.d.ts

@@ -1,27 +0,0 @@
-import { PlaceholderData } from "./layoutData";
-type Response = {
-    type: "page" | "redirect" | "error" | "notfound";
-};
-export type Error = Response & {
-    type: "error";
-    message: string;
-    errorCode: number;
-};
-export type Page = Response & {
-    type: "page";
-    placeholders: PlaceholderData[];
-    meta: {
-        title: string;
-    };
-};
-export type Redirect = Response & {
-    type: "redirect";
-    location: string;
-};
-export type NotFound = Response & {
-    type: "notfound";
-};
-export declare function loadRouteData(params: {
-    path: string[];
-}, searchParams: any, host: string): Promise<Page | Error | Redirect | NotFound>;
-export {};