@alpaca-headless/alpaca-headless-nextjs 0.0.1 → 0.0.2

package/dist/cjs/AlpacaHeadless.js

@@ -0,0 +1,72 @@
+"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 = exports.Component = void 0;
+class Component {
+    constructor(data, reactComponent) {
+        this.data = data;
+        this.reactComponent = reactComponent;
+    }
+    getPlaceholderData(placeholder) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.data.placeholders.find((x) => x.name == placeholder);
+        });
+    }
+    getReactComponent() {
+        return this.reactComponent;
+    }
+    getData() {
+        return;
+    }
+}
+exports.Component = Component;
+function loadRouteData(params) {
+    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: "alpaca.headless.site",
+            Mode: "preview",
+        };
+        const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
+        console.log(`Fetching page layout from ${url}`);
+        const response = yield fetch(url, {
+            method: "POST",
+            body: JSON.stringify(request),
+            headers: {
+                "Content-Type": "application/json",
+            },
+            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();
+        return Object.assign(Object.assign({}, data.page), { type: "page" });
+    });
+}
+exports.loadRouteData = loadRouteData;

package/dist/cjs/Placeholder.js

@@ -0,0 +1,56 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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;
+};
+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.Placeholder = void 0;
+const react_1 = __importDefault(require("react"));
+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 promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.map((component) => __awaiter(this, void 0, void 0, function* () {
+            const module = yield Promise.resolve(`${`./components/${component.componentType}`}`).then(s => __importStar(require(s)));
+            return { data: component, Component: module.default };
+        }));
+        const components = yield Promise.all(promises);
+        return (react_1.default.createElement(react_1.default.Fragment, null, components.map(({ Component, data }) => (react_1.default.createElement(Component, { component: data })))));
+    });
+}
+exports.Placeholder = Placeholder;

package/dist/cjs/Test.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Test = void 0;
+const react_1 = __importDefault(require("react"));
+function Test({ name }) {
+    return react_1.default.createElement(react_1.default.Fragment, null, name);
+}
+exports.Test = Test;

package/dist/cjs/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("./AlpacaHeadless"), exports);
+__exportStar(require("./Placeholder"), exports);

package/dist/esm/AlpacaHeadless.js

@@ -0,0 +1,67 @@
+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());
+    });
+};
+export class Component {
+    constructor(data, reactComponent) {
+        this.data = data;
+        this.reactComponent = reactComponent;
+    }
+    getPlaceholderData(placeholder) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.data.placeholders.find((x) => x.name == placeholder);
+        });
+    }
+    getReactComponent() {
+        return this.reactComponent;
+    }
+    getData() {
+        return;
+    }
+}
+export function loadRouteData(params) {
+    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: "alpaca.headless.site",
+            Mode: "preview",
+        };
+        const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
+        console.log(`Fetching page layout from ${url}`);
+        const response = yield fetch(url, {
+            method: "POST",
+            body: JSON.stringify(request),
+            headers: {
+                "Content-Type": "application/json",
+            },
+            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();
+        return Object.assign(Object.assign({}, data.page), { type: "page" });
+    });
+}

package/dist/esm/Placeholder.js

@@ -0,0 +1,26 @@
+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 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 promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.map((component) => __awaiter(this, void 0, void 0, function* () {
+            const module = yield import(`./components/${component.componentType}`);
+            return { data: component, Component: module.default };
+        }));
+        const components = yield Promise.all(promises);
+        return (React.createElement(React.Fragment, null, components.map(({ Component, data }) => (React.createElement(Component, { component: data })))));
+    });
+}

package/dist/esm/Test.js

@@ -0,0 +1,4 @@
+import React from "react";
+export function Test({ name }) {
+    return React.createElement(React.Fragment, null, name);
+}

package/dist/esm/index.js

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

package/next-env.d.ts

@@ -0,0 +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.

package/next.config.js

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

package/package.json

@@ -1,11 +1,41 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Alpaca Headless NextJs Integration",
-  "main": "index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "dist",
+    "types",
+    "/*.js",
+    "/*.d.ts"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "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",
+    "build:umd": "node tools/cleanup umd && webpack --config config/webpack.config.js --noEmit false",
+    "build:types": "node tools/cleanup types && tsc -p config/tsconfig.types.json --noEmit false",
+    "clean": "node tools/cleanup",
+    "package": "npm run build && npm pack"
   },
   "author": "Canvas REPLY DE GmbH",
-  "license": "ISC"
+  "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/AlpacaHeadless.d.ts

@@ -0,0 +1,45 @@
+export type PlaceholderData = {
+    name: string;
+    components: ComponentData[];
+};
+export type ComponentData = {
+    name: string;
+    componentType: string;
+    graphql: object;
+    placeholders: PlaceholderData[];
+    type: "component";
+};
+export declare class Component {
+    private data;
+    private reactComponent;
+    constructor(data: ComponentData, reactComponent: any);
+    getPlaceholderData(placeholder: string): Promise<PlaceholderData | undefined>;
+    getReactComponent(): any;
+    getData(): void;
+}
+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 {};

package/types/Placeholder.d.ts

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

package/types/Test.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function Test({ name }: {
+    name: string;
+}): React.JSX.Element;

package/types/index.d.ts

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