@alpaca-headless/alpaca-headless-nextjs 1.0.3390 → 1.0.3399

package/dist/esm/components/Picture.js

@@ -1,112 +0,0 @@
-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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { hashImageUrl } from "../mediaProtection";
-// 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 Picture = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var { field, imageParams, sources, defaultVariant, renderJsonLinkedData } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant", "renderJsonLinkedData"]);
-    if (!field)
-        return null;
-    const variants = (_b = field.value) === null || _b === void 0 ? void 0 : _b.variants;
-    const img = (_d = (_c = field.value) === null || _c === void 0 ? void 0 : _c.variants.find((x) => x.name.toUpperCase() == (defaultVariant === null || defaultVariant === void 0 ? void 0 : defaultVariant.toUpperCase()))) !== null && _d !== void 0 ? _d : (_e = field.value) === null || _e === void 0 ? void 0 : _e.variants[0];
-    const attrs = Object.assign({ src: img === null || img === void 0 ? void 0 : img.src }, otherProps);
-    const videoVariants = variants === null || variants === void 0 ? void 0 : variants.filter(f => f.videoUrl !== null);
-    let videoVariantSources = {};
-    videoVariants === null || videoVariants === void 0 ? void 0 : videoVariants.forEach(variant => {
-        let key = `data-src-${variant.name.toLowerCase().replace(" ", "")}`;
-        videoVariantSources[key] = variant.videoUrl;
-    });
-    const video = img === null || img === void 0 ? void 0 : img.videoUrl;
-    const videoAttr = Object.assign(Object.assign({ src: video }, videoVariantSources), otherProps);
-    if (!(sources === null || sources === void 0 ? void 0 : sources.length)) {
-        return _jsx("img", Object.assign({}, attrs, { alt: (_f = field.value) === null || _f === void 0 ? void 0 : _f.alt }));
-    }
-    else {
-        return (_jsxs(_Fragment, { children: [_jsxs("picture", { children: [sources === null || sources === void 0 ? void 0 : sources.map((source) => {
-                            const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase() && v.src);
-                            if (!variant)
-                                return;
-                            let srcSet = hashImageUrl(variant.src);
-                            const getScaledImage = (variant, width) => {
-                                if (width > variant.width)
-                                    return { src: variant.src, width: 0 };
-                                else
-                                    return { src: variant.src + `${variant.src.includes('?') ? '&' : '?'}mw=` + width, width: width };
-                            };
-                            if (source.widths && source.widths.length) {
-                                let scaledImages = source.widths.map((x) => getScaledImage(variant, x));
-                                srcSet = "";
-                                for (let w = 0; w < scaledImages.length; w++) {
-                                    if (srcSet.length)
-                                        srcSet = srcSet + ", ";
-                                    srcSet +=
-                                        hashImageUrl(scaledImages[w].src) +
-                                            " " +
-                                            source.widths[w] +
-                                            "w";
-                                    if (scaledImages[w].width === 0)
-                                        break;
-                                }
-                            }
-                            else {
-                                if (source.width) {
-                                    srcSet = hashImageUrl(getScaledImage(variant, source.width).src);
-                                    if (source.scales) {
-                                        let scaledImages = source.scales.map((x) => { var _a; return getScaledImage(variant, ((_a = source.width) !== null && _a !== void 0 ? _a : 0) * x); });
-                                        srcSet = "";
-                                        for (let w = 0; w < scaledImages.length; w++) {
-                                            if (srcSet.length)
-                                                srcSet = srcSet + ", ";
-                                            srcSet +=
-                                                hashImageUrl(scaledImages[w].src) +
-                                                    " " +
-                                                    source.scales[w] +
-                                                    "x";
-                                            if (scaledImages[w].width === 0)
-                                                break;
-                                        }
-                                    }
-                                }
-                            }
-                            return (_jsx("source", { srcSet: srcSet, media: source.media }, source.variant + source.media));
-                        }), _jsx("img", Object.assign({}, attrs, { alt: (_g = field.value) === null || _g === void 0 ? void 0 : _g.alt }))] }), renderJsonLinkedData && !video ? _jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
-                        __html: JSON.stringify({
-                            "@context": "http://schema.org",
-                            "@type": "ImageObject",
-                            "image": img === null || img === void 0 ? void 0 : img.src,
-                            "description": (_h = field.value) === null || _h === void 0 ? void 0 : _h.alt,
-                            "name": (_j = field.value) === null || _j === void 0 ? void 0 : _j.name
-                        })
-                    } }) : null, video && _jsx("video", Object.assign({}, videoAttr)), renderJsonLinkedData && video ? _jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
-                        __html: JSON.stringify({
-                            "@context": "http://schema.org",
-                            "@type": "VideoObject",
-                            "contentUrl": img === null || img === void 0 ? void 0 : img.src,
-                            "description": (_k = field.value) === null || _k === void 0 ? void 0 : _k.alt,
-                            "name": (_l = field.value) === null || _l === void 0 ? void 0 : _l.name
-                        })
-                    } }) : null] }));
-    }
-};

package/dist/esm/components/Placeholder.js

@@ -1,51 +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, jsxs as _jsxs } 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 (!("placeholders" in data))
-            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* () {
-            let module = null;
-            try {
-                module = yield loader(component.componentType);
-            }
-            catch (e) {
-                console.log(e);
-            }
-            if (!module) {
-                console.log("Could not find module " + component.componentType);
-                return {
-                    data: { name: component.componentType },
-                    Component: ComponentNotFound,
-                };
-            }
-            return { data: component, Component: module.default };
-        }));
-        const components = yield Promise.all(promises);
-        return (_jsx(_Fragment, { children: components.map(({ Component, data }) => (_jsx(Component, { component: data }))) }));
-    });
-}
-function ComponentNotFound({ component }) {
-    return (_jsxs("div", { style: {
-            backgroundColor: "orange",
-            color: "red",
-            fontSize: 18,
-            padding: 10,
-            border: "3px solid red",
-        }, children: ["Component not found: ", component.name, " "] }));
-}

package/dist/esm/components/RichText.js

@@ -1,35 +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());
-    });
-};
-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 React from "react";
-export function RichText(_a) {
-    var { field, tag, editable } = _a, props = __rest(_a, ["field", "tag", "editable"]);
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!field)
-            return;
-        const internalProps = {
-            dangerouslySetInnerHTML: {
-                __html: field.value,
-            },
-            editable: editable,
-        };
-        return React.createElement(tag || "div", Object.assign(props, internalProps));
-    });
-}

package/dist/esm/components/Text.js

@@ -1,32 +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());
-    });
-};
-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 React from "react";
-export function Text(_a) {
-    var { field, tag, editable } = _a, props = __rest(_a, ["field", "tag", "editable"]);
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!field)
-            return;
-        if (editable)
-            return React.createElement(tag || "div", props, field.value);
-        else
-            return React.createElement(tag || "div", props, field.value);
-    });
-}

package/dist/esm/components/index.js

@@ -1,6 +0,0 @@
-export * from "./Placeholder";
-export * from "./Text";
-export * from "./Picture";
-export * from "./RichText";
-export * from "./Image";
-export * from "./Link";

package/dist/esm/fieldTypes.js

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

package/dist/esm/graphQLTypes.js

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

package/dist/esm/index.js

@@ -1,7 +0,0 @@
-export * from "./layoutData";
-export * from "./loadRouteData";
-export * from "./components";
-export * from "./alpacaContext";
-export * from "./fieldTypes";
-export * from "./mediaProtection";
-export * as GraphQLTypes from "./graphQLTypes";

package/dist/esm/layoutData.js

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

package/dist/esm/loadRouteData.js

@@ -1,110 +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";
-import { cache } from "react";
-const fetchRouteData = cache((path, host, mode, itemId, language) => __awaiter(void 0, void 0, void 0, function* () {
-    const request = {
-        Path: path,
-        Host: host,
-        Mode: mode,
-        ItemId: itemId,
-        Language: 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(),
-            "x-api-key": process.env.API_KEY,
-        },
-        next: {
-            tags: ["pages"],
-            revalidate: mode === "preview" || mode == "edit" ? 0 : 30,
-        },
-    });
-    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(data);
-    const context = useAlpacaContext();
-    context.pageContext = {
-        itemId: data.page.id,
-        templateId: data.page.templateId,
-        language: data.page.language,
-        site: data.site,
-        pageEditing: true,
-        pageState: "",
-        database: data.page.database,
-    };
-    context.fields = data.page.fields;
-    context.dictionary = yield loadDictionary(context.pageContext.site.name, context.pageContext.language, mode);
-    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 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"]);
-        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: "GET",
-            credentials: "include",
-            headers: {
-                "Content-Type": "application/json",
-                Cookie: cookies().toString(),
-            },
-            next: {
-                tags: ["dictionary"],
-                revalidate: mode === "preview" || mode == "edit" ? 15 : 600,
-            },
-        });
-        if (!response.ok) {
-            console.log("Could not load dictionary: Response code: " + response.status);
-            return {};
-        }
-        const data = yield response.json();
-        console.log(data);
-        return data;
-    });
-}

package/dist/esm/mediaProtection.js

@@ -1,49 +0,0 @@
-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/next.config.js

@@ -1,6 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  // output: "export",
-};
-
-module.exports = nextConfig;

package/types/alpacaContext.d.ts

@@ -1,19 +0,0 @@
-type AlpacaContext = {
-    translate: (text: string) => string;
-    componentModuleLoader: (name: string) => Promise<any>;
-    pageContext: {
-        itemId: string;
-        templateId: string;
-        language: string;
-        database: string;
-        pageEditing: boolean;
-        pageState: string;
-        site: {
-            name: string;
-        };
-    };
-    fields: unknown;
-    dictionary: any;
-};
-export declare function useAlpacaContext(): AlpacaContext;
-export {};

package/types/components/Image.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ImageField } from "../fieldTypes";
-export interface ImageProps {
-    [attributeName: string]: unknown;
-    field?: ImageField;
-    imageParams?: {
-        [paramName: string]: string | number;
-    };
-}
-export declare const Image: React.FC<ImageProps>;

package/types/components/Link.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { LinkField } from "../fieldTypes";
-export declare function Link({ field, children, ...props }: {
-    field: LinkField;
-    children: React.ReactNode;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element | undefined;

package/types/components/Picture.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { PictureField } from "../fieldTypes";
-export interface PictureSource {
-    media: string;
-    variant: string;
-    widths?: number[];
-    width?: number;
-    scales?: number[];
-}
-export interface PictureProps {
-    [attributeName: string]: unknown;
-    field?: PictureField;
-    imageParams?: {
-        [paramName: string]: string | number;
-    };
-    defaultVariant?: string;
-    sources?: PictureSource[];
-    renderJsonLinkedData?: boolean;
-}
-export declare const Picture: React.FC<PictureProps>;

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>;