@alpaca-headless/alpaca-headless-nextjs 1.0.2693 → 1.0.2695

package/dist/cjs/components/Link.js

@@ -0,0 +1,22 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Link(_a) {
+    var { field, children } = _a, props = __rest(_a, ["field", "children"]);
+    if (!field)
+        return;
+    return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: field.value.url }, props, { children: children })));
+}
+exports.Link = Link;

package/dist/cjs/components/Picture.js

@@ -29,6 +29,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Picture = (_a) => {
     var _b, _c, _d, _e;
     var { field, imageParams, sources, defaultVariant } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant"]);
+    if (!field)
+        return;
     const variants = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants;
     const img = (_d = (_c = field === null || field === void 0 ? void 0 : 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 === null || field === void 0 ? void 0 : field.value) === null || _e === void 0 ? void 0 : _e.variants[0];
     const attrs = Object.assign(Object.assign({}, img), otherProps);

package/dist/cjs/components/RichText.js

@@ -16,6 +16,8 @@ exports.RichText = void 0;
 const react_1 = __importDefault(require("react"));
 function RichText({ field, tag, editable, }) {
     return __awaiter(this, void 0, void 0, function* () {
+        if (!field)
+            return;
         const props = {
             dangerouslySetInnerHTML: {
                 __html: field.value,

package/dist/cjs/components/Text.js

@@ -16,6 +16,8 @@ exports.Text = void 0;
 const react_1 = __importDefault(require("react"));
 function Text({ field, tag, editable, }) {
     return __awaiter(this, void 0, void 0, function* () {
+        if (!field)
+            return;
         if (editable)
             return react_1.default.createElement(tag || "div", null, field.value);
         else

package/dist/cjs/components/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./Text"), exports);
 __exportStar(require("./Picture"), exports);
 __exportStar(require("./RichText"), exports);
 __exportStar(require("./Image"), exports);
+__exportStar(require("./Link"), exports);

package/dist/cjs/loadRouteData.js

@@ -31,7 +31,10 @@ const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language) =
             "Content-Type": "application/json",
             Cookie: (0, headers_1.cookies)().toString(),
         },
-        next: { tags: ["pages"], revalidate: 10 },
+        next: {
+            tags: ["pages"],
+            revalidate: mode === "preview" || mode == "edit" ? 0 : 30,
+        },
     });
     if (response.status === 404) {
         return {

package/dist/esm/components/Link.js

@@ -0,0 +1,18 @@
+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 } from "react/jsx-runtime";
+export function Link(_a) {
+    var { field, children } = _a, props = __rest(_a, ["field", "children"]);
+    if (!field)
+        return;
+    return (_jsx("a", Object.assign({ href: field.value.url }, props, { children: children })));
+}

package/dist/esm/components/Picture.js

@@ -26,6 +26,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Picture = (_a) => {
     var _b, _c, _d, _e;
     var { field, imageParams, sources, defaultVariant } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant"]);
+    if (!field)
+        return;
     const variants = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants;
     const img = (_d = (_c = field === null || field === void 0 ? void 0 : 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 === null || field === void 0 ? void 0 : field.value) === null || _e === void 0 ? void 0 : _e.variants[0];
     const attrs = Object.assign(Object.assign({}, img), otherProps);

package/dist/esm/components/RichText.js

@@ -10,6 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import React from "react";
 export function RichText({ field, tag, editable, }) {
     return __awaiter(this, void 0, void 0, function* () {
+        if (!field)
+            return;
         const props = {
             dangerouslySetInnerHTML: {
                 __html: field.value,

package/dist/esm/components/Text.js

@@ -10,6 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import React from "react";
 export function Text({ field, tag, editable, }) {
     return __awaiter(this, void 0, void 0, function* () {
+        if (!field)
+            return;
         if (editable)
             return React.createElement(tag || "div", null, field.value);
         else

package/dist/esm/components/index.js

@@ -3,3 +3,4 @@ export * from "./Text";
 export * from "./Picture";
 export * from "./RichText";
 export * from "./Image";
+export * from "./Link";

package/dist/esm/loadRouteData.js

@@ -28,7 +28,10 @@ const fetchRouteData = cache((path, host, mode, itemId, language) => __awaiter(v
             "Content-Type": "application/json",
             Cookie: cookies().toString(),
         },
-        next: { tags: ["pages"], revalidate: 10 },
+        next: {
+            tags: ["pages"],
+            revalidate: mode === "preview" || mode == "edit" ? 0 : 30,
+        },
     });
     if (response.status === 404) {
         return {

package/package.json

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

package/types/components/Link.d.ts

@@ -0,0 +1,6 @@
+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/RichText.d.ts

@@ -9,4 +9,4 @@ export declare function RichText({ field, tag, editable, }: {
         __html: string;
     };
     editable: boolean | undefined;
-}, Element>>;
+}, Element> | undefined>;

package/types/components/Text.d.ts

@@ -4,4 +4,4 @@ export declare function Text({ field, tag, editable, }: {
     field: TextField;
     tag?: string;
     editable?: boolean;
-}): Promise<React.DOMElement<React.DOMAttributes<Element>, Element>>;
+}): Promise<React.DOMElement<React.DOMAttributes<Element>, Element> | undefined>;

package/types/components/index.d.ts

@@ -3,3 +3,4 @@ export * from "./Text";
 export * from "./Picture";
 export * from "./RichText";
 export * from "./Image";
+export * from "./Link";

package/types/fieldTypes.d.ts

@@ -4,6 +4,9 @@ export type TextField = {
 export interface PictureField {
     value: PictureValue | null;
 }
+export interface LinkField {
+    value: LinkValue;
+}
 export interface PictureValue {
     altText: string;
     alt: string;
@@ -22,3 +25,6 @@ export interface ImageValue {
     altText: string;
     src: string;
 }
+export interface LinkValue {
+    url: string;
+}