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

package/dist/cjs/alpacaContext.js

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

package/dist/cjs/components/Placeholder.js

@@ -11,6 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 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;
@@ -19,7 +20,8 @@ function Placeholder({ name, content, }) {
         const placeholderData = data.placeholders.find((x) => x.name == name);
         if (!placeholderData)
             return;
-        const loader = globalThis.moduleLoader;
+        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 };

package/dist/cjs/index.js

@@ -17,3 +17,5 @@ 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/loadRouteData.js

@@ -11,21 +11,26 @@ 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");
+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",
+            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}`);
+        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 },
         });
@@ -48,15 +53,16 @@ function loadRouteData(params, host) {
                 message: message,
             };
         }
-        (0, alpacaContext_1.setAlpacaContext)({
-            itemId: "",
-            language: "en",
-            site: { name: "" },
-            pageEditing: true,
-            pageState: "",
-        });
         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" });
     });
 }

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/Placeholder.js

@@ -8,6 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 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;
@@ -16,7 +17,8 @@ export function Placeholder({ name, content, }) {
         const placeholderData = data.placeholders.find((x) => x.name == name);
         if (!placeholderData)
             return;
-        const loader = globalThis.moduleLoader;
+        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 };

package/dist/esm/index.js

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

package/dist/esm/loadRouteData.js

@@ -7,22 +7,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { setAlpacaContext } from "./alpacaContext";
-export function loadRouteData(params, host) {
+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: "preview",
+            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}`);
+        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 },
         });
@@ -45,15 +50,16 @@ export function loadRouteData(params, host) {
                 message: message,
             };
         }
-        setAlpacaContext({
-            itemId: "",
-            language: "en",
-            site: { name: "" },
-            pageEditing: true,
-            pageState: "",
-        });
         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/next-env.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package/package.json

@@ -1,39 +1,39 @@
-{
-  "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "0.0.3",
-  "description": "Alpaca Headless NextJs Integration",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "types/index.d.ts",
-  "files": [
-    "dist",
-    "types",
-    "/*.js",
-    "/*.d.ts"
-  ],
-  "scripts": {
-    "build": "npm run build:cjs && npm run build:esm",
-    "build:cjs": "node tools/cleanup cjs && tsc -p config/tsconfig.cjs.json --noEmit false",
-    "build:esm": "node tools/cleanup esm && tsc -p config/tsconfig.esm.json --noEmit false",
-    "clean": "node tools/cleanup",
-    "package": "npm run build && npm pack"
-  },
-  "author": "Canvas REPLY DE GmbH",
-  "license": "MIT",
-  "dependencies": {
-    "autoprefixer": "10.4.14",
-    "next": "13.4.9",
-    "node-cleanup": "^2.1.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "server-only": "^0.0.1"
-  },
-  "devDependencies": {
-    "@types/node": "20.4.1",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
-    "eslint": "8.44.0",
-    "eslint-config-next": "13.4.9",
-    "typescript": "5.1.6"
-  }
-}
+{
+  "name": "@alpaca-headless/alpaca-headless-nextjs",
+  "version": "1.0.1111",
+  "description": "Alpaca Headless NextJs Integration",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "dist",
+    "types",
+    "/*.js",
+    "/*.d.ts"
+  ],
+  "scripts": {
+    "build": "npm run build:cjs && npm run build:esm",
+    "build:cjs": "node tools/cleanup cjs && tsc -p config/tsconfig.cjs.json --noEmit false",
+    "build:esm": "node tools/cleanup esm && tsc -p config/tsconfig.esm.json --noEmit false",
+    "clean": "node tools/cleanup",
+    "package": "npm run build && npm pack"
+  },
+  "author": "Canvas REPLY DE GmbH",
+  "license": "MIT",
+  "dependencies": {
+    "autoprefixer": "10.4.14",
+    "next": "13.4.9",
+    "node-cleanup": "^2.1.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "server-only": "^0.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "20.4.1",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "18.2.6",
+    "eslint": "8.44.0",
+    "eslint-config-next": "13.4.9",
+    "typescript": "5.1.6"
+  }
+}

package/types/alpacaContext.d.ts

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

package/types/index.d.ts

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

package/types/loadRouteData.d.ts

@@ -10,6 +10,9 @@ export type Error = Response & {
 export type Page = Response & {
     type: "page";
     placeholders: PlaceholderData[];
+    meta: {
+        title: string;
+    };
 };
 export type Redirect = Response & {
     type: "redirect";
@@ -20,5 +23,5 @@ export type NotFound = Response & {
 };
 export declare function loadRouteData(params: {
     path: string[];
-}, host: string): Promise<Page | Error | Redirect | NotFound>;
+}, searchParams: any, host: string): Promise<Page | Error | Redirect | NotFound>;
 export {};

package/types/AlpacaHeadless.d.ts

@@ -1,37 +0,0 @@
-export type PlaceholderData = {
-    name: string;
-    components: ComponentData[];
-};
-export type ComponentData = {
-    name: string;
-    componentType: string;
-    graphql: object;
-    placeholders: PlaceholderData[];
-    type: "component";
-};
-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[];
-};
-export type Redirect = Response & {
-    type: "redirect";
-    location: string;
-};
-export type NotFound = Response & {
-    type: "notfound";
-};
-export type TextField = {
-    value: string;
-};
-export declare function loadRouteData(params: {
-    path: string[];
-}): Promise<Page | Error | Redirect | NotFound>;
-export {};