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

package/dist/cjs/alpacaContext.js

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

package/dist/cjs/components/Placeholder.js

@@ -0,0 +1,31 @@
+"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");
+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 loader = globalThis.moduleLoader;
+        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

@@ -0,0 +1,25 @@
+"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

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

package/dist/cjs/fieldTypes.js

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

package/dist/cjs/index.js

@@ -14,5 +14,6 @@ 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);
+__exportStar(require("./layoutData"), exports);
+__exportStar(require("./loadRouteData"), exports);
+__exportStar(require("./components"), exports);

package/dist/cjs/layoutData.js

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

package/dist/{esm/AlpacaHeadless.js → cjs/loadRouteData.js}

@@ -1,3 +1,4 @@
+"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) {
@@ -7,29 +8,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadRouteData = void 0;
+const alpacaContext_1 = require("./alpacaContext");
+function loadRouteData(params, 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: "alpaca.headless.site",
+            Host: host,
             Mode: "preview",
         };
         const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
@@ -61,7 +48,16 @@ export function loadRouteData(params) {
                 message: message,
             };
         }
+        (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" });
     });
 }
+exports.loadRouteData = loadRouteData;

package/dist/esm/alpacaContext.js

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

package/dist/esm/{Placeholder.js → components/Placeholder.js}

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from "react";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export function Placeholder({ name, content, }) {
     return __awaiter(this, void 0, void 0, function* () {
         const data = yield content;
@@ -16,11 +16,12 @@ export function Placeholder({ name, content, }) {
         const placeholderData = data.placeholders.find((x) => x.name == name);
         if (!placeholderData)
             return;
+        const loader = globalThis.moduleLoader;
         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}`);
+            const module = yield loader(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 })))));
+        return (_jsx(_Fragment, { children: components.map(({ Component, data }) => (_jsx(Component, { component: data }))) }));
     });
 }

package/dist/esm/components/Text.js

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

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

package/dist/esm/fieldTypes.js

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

package/dist/esm/index.js

@@ -1,2 +1,3 @@
-export * from "./AlpacaHeadless";
-export * from "./Placeholder";
+export * from "./layoutData";
+export * from "./loadRouteData";
+export * from "./components";

package/dist/esm/layoutData.js

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

package/dist/{cjs/AlpacaHeadless.js → esm/loadRouteData.js}

@@ -1,4 +1,3 @@
-"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) {
@@ -8,32 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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) {
+import { setAlpacaContext } from "./alpacaContext";
+export function loadRouteData(params, 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: "alpaca.headless.site",
+            Host: host,
             Mode: "preview",
         };
         const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
@@ -65,8 +45,15 @@ function loadRouteData(params) {
                 message: message,
             };
         }
+        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" });
     });
 }
-exports.loadRouteData = loadRouteData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -15,8 +15,6 @@
     "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"
   },

package/types/AlpacaHeadless.d.ts

@@ -9,14 +9,6 @@ export type ComponentData = {
     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";
 };

package/types/alpacaContext.d.ts

@@ -0,0 +1,12 @@
+type AlpacaContext = {
+    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/{Placeholder.d.ts → components/Placeholder.d.ts}

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

package/types/components/Text.d.ts

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

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

package/types/fieldTypes.d.ts

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

package/types/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./AlpacaHeadless";
-export * from "./Placeholder";
+export * from "./layoutData";
+export * from "./loadRouteData";
+export * from "./components";

package/types/layoutData.d.ts

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

@@ -0,0 +1,24 @@
+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[];
+};
+export type Redirect = Response & {
+    type: "redirect";
+    location: string;
+};
+export type NotFound = Response & {
+    type: "notfound";
+};
+export declare function loadRouteData(params: {
+    path: string[];
+}, host: string): Promise<Page | Error | Redirect | NotFound>;
+export {};

package/dist/cjs/Placeholder.js

@@ -1,56 +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 __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

@@ -1,11 +0,0 @@
-"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/esm/Test.js

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

package/types/Test.d.ts

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