@preprio/prepr-nextjs 1.0.0-beta.0

package/dist/index.d.mts

@@ -0,0 +1,62 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+declare function PreprMiddleware(request: NextRequest, response?: NextResponse): NextResponse<unknown>;
+/**
+ * Returns the Prepr Customer ID from the headers
+ */
+declare function getPreprUUID(): string;
+/**
+ * Retuns the active segment from the headers
+ */
+declare function getActiveSegment(): string;
+/**
+ * Returns the active variant from the headers
+ */
+declare function getActiveVariant(): string;
+/**
+ * Helper function to only retrieve Prepr preview headers
+ */
+declare function getPreviewHeaders(): {
+    [key: string]: string;
+};
+/**
+ * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)
+ */
+declare function getPreprHeaders(): {
+    [key: string]: string;
+};
+type PreprSegment = {
+    id: string;
+    created_on: string;
+    changed_on: string;
+    synced_on: string;
+    label: string;
+    reference_id: string;
+    body: string;
+    query: string;
+    count: number;
+};
+type PreprSegmentsResponse = {
+    total: number;
+    skip: number;
+    limit: number;
+    items: PreprSegment[];
+};
+/**
+ * Fetches the segments from the Prepr API
+ * @param token Prepr access token with scope 'segments'
+ * @returns Object with total, skip, limit and items
+ */
+declare function getPreprEnvironmentSegments(token: string): Promise<PreprSegmentsResponse>;
+/**
+ * Fetches all the necessary previewbar props
+ * @param token Prepr access token with scope 'segments'
+ * @returns Object with activeSegment, activeVariant and data
+ */
+declare function getPreviewBarProps(token: string): Promise<{
+    activeSegment: string | null;
+    activeVariant: string | null;
+    data: PreprSegmentsResponse;
+}>;
+
+export { PreprMiddleware, type PreprSegment, type PreprSegmentsResponse, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps, getPreviewHeaders };

package/dist/index.d.ts

@@ -0,0 +1,62 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+declare function PreprMiddleware(request: NextRequest, response?: NextResponse): NextResponse<unknown>;
+/**
+ * Returns the Prepr Customer ID from the headers
+ */
+declare function getPreprUUID(): string;
+/**
+ * Retuns the active segment from the headers
+ */
+declare function getActiveSegment(): string;
+/**
+ * Returns the active variant from the headers
+ */
+declare function getActiveVariant(): string;
+/**
+ * Helper function to only retrieve Prepr preview headers
+ */
+declare function getPreviewHeaders(): {
+    [key: string]: string;
+};
+/**
+ * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)
+ */
+declare function getPreprHeaders(): {
+    [key: string]: string;
+};
+type PreprSegment = {
+    id: string;
+    created_on: string;
+    changed_on: string;
+    synced_on: string;
+    label: string;
+    reference_id: string;
+    body: string;
+    query: string;
+    count: number;
+};
+type PreprSegmentsResponse = {
+    total: number;
+    skip: number;
+    limit: number;
+    items: PreprSegment[];
+};
+/**
+ * Fetches the segments from the Prepr API
+ * @param token Prepr access token with scope 'segments'
+ * @returns Object with total, skip, limit and items
+ */
+declare function getPreprEnvironmentSegments(token: string): Promise<PreprSegmentsResponse>;
+/**
+ * Fetches all the necessary previewbar props
+ * @param token Prepr access token with scope 'segments'
+ * @returns Object with activeSegment, activeVariant and data
+ */
+declare function getPreviewBarProps(token: string): Promise<{
+    activeSegment: string | null;
+    activeVariant: string | null;
+    data: PreprSegmentsResponse;
+}>;
+
+export { PreprMiddleware, type PreprSegment, type PreprSegmentsResponse, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps, getPreviewHeaders };

package/dist/index.js

@@ -0,0 +1,166 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PreprMiddleware: () => PreprMiddleware,
+  getActiveSegment: () => getActiveSegment,
+  getActiveVariant: () => getActiveVariant,
+  getPreprEnvironmentSegments: () => getPreprEnvironmentSegments,
+  getPreprHeaders: () => getPreprHeaders,
+  getPreprUUID: () => getPreprUUID,
+  getPreviewBarProps: () => getPreviewBarProps,
+  getPreviewHeaders: () => getPreviewHeaders
+});
+module.exports = __toCommonJS(src_exports);
+var import_server = require("next/server");
+var import_headers = require("next/headers");
+function PreprMiddleware(request, response) {
+  var _a, _b, _c;
+  const newResponse = response || import_server.NextResponse.next();
+  let cookie = (_a = request.cookies.get("__prepr_uid")) == null ? void 0 : _a.value;
+  if (!cookie) {
+    cookie = crypto.randomUUID();
+    newResponse.cookies.set("__prepr_uid", cookie, {
+      maxAge: 1 * 365 * 24 * 60
+      // Set for one year
+    });
+  }
+  newResponse.headers.set("Prepr-Customer-Id", cookie);
+  if (process.env.PREPR_ENV === "preview") {
+    if (request.nextUrl.searchParams.has("segments")) {
+      const segments = request.nextUrl.searchParams.get("segments");
+      if (segments) {
+        newResponse.headers.set("Prepr-Segments", segments);
+        newResponse.cookies.set("Prepr-Segments", segments, {
+          maxAge: 60
+          // Set for one year
+        });
+      }
+    }
+    if (request.nextUrl.searchParams.has("a-b-testing")) {
+      const ab_testing = request.nextUrl.searchParams.get("a-b-testing");
+      let value = ab_testing == null ? void 0 : ab_testing.toUpperCase();
+      if (value === "B") {
+        value = "B";
+      } else {
+        value = "A";
+      }
+      newResponse.headers.set("Prepr-ABtesting", value);
+      newResponse.cookies.set("Prepr-ABtesting", value, {
+        maxAge: 60
+        // Set for one year
+      });
+    }
+    const segmentCookie = (_b = request.cookies.get("Prepr-Segments")) == null ? void 0 : _b.value;
+    if (segmentCookie) {
+      newResponse.headers.set("Prepr-Segments", segmentCookie);
+    }
+    const abCookie = (_c = request.cookies.get("Prepr-ABtesting")) == null ? void 0 : _c.value;
+    if (abCookie) {
+      newResponse.headers.set("Prepr-ABtesting", abCookie);
+    }
+  }
+  return newResponse;
+}
+function getPreprUUID() {
+  return (0, import_headers.headers)().get("prepr-customer-id");
+}
+function getActiveSegment() {
+  return (0, import_headers.headers)().get("Prepr-Segments");
+}
+function getActiveVariant() {
+  return (0, import_headers.headers)().get("Prepr-ABtesting");
+}
+function getPreviewHeaders() {
+  let newHeaders = {};
+  (0, import_headers.headers)().forEach((value, key) => {
+    if (key.startsWith("prepr") && key !== "prepr-customer-id") {
+      newHeaders[key] = value;
+    }
+  });
+  return newHeaders;
+}
+function getPreprHeaders() {
+  let newHeaders = {};
+  if (process.env.PREPR_ENV !== "preview") {
+    newHeaders["prepr-customer-id"] = (0, import_headers.headers)().get("prepr-customer-id") || "";
+  } else {
+    (0, import_headers.headers)().forEach((value, key) => {
+      if (key.startsWith("prepr") && key !== "prepr-customer-id") {
+        newHeaders[key] = value;
+      }
+    });
+  }
+  return newHeaders;
+}
+function getPreprEnvironmentSegments(token) {
+  return __async(this, null, function* () {
+    const response = yield fetch("https://api.eu1.prepr.io/segments", {
+      headers: {
+        Authorization: `Bearer ${token}`
+      }
+    });
+    return response.json();
+  });
+}
+function getPreviewBarProps(token) {
+  return __async(this, null, function* () {
+    const data = yield getPreprEnvironmentSegments(token);
+    const activeSegment = getActiveSegment();
+    const activeVariant = getActiveVariant();
+    return {
+      activeSegment,
+      activeVariant,
+      data
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreprMiddleware,
+  getActiveSegment,
+  getActiveVariant,
+  getPreprEnvironmentSegments,
+  getPreprHeaders,
+  getPreprUUID,
+  getPreviewBarProps,
+  getPreviewHeaders
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {NextRequest, NextResponse} from \"next/server\";\nimport {headers} from \"next/headers\";\n\nexport function PreprMiddleware(request: NextRequest, response?: NextResponse) {\n    const newResponse = response || NextResponse.next()\n\n    let cookie = request.cookies.get('__prepr_uid')?.value\n\n    if (!cookie) {\n        cookie = crypto.randomUUID()\n        newResponse.cookies.set('__prepr_uid', cookie, {\n            maxAge: 1 * 365 * 24 * 60, // Set for one year\n        })\n    }\n\n    newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n    if (process.env.PREPR_ENV === 'preview') {\n        if (request.nextUrl.searchParams.has('segments')) {\n            const segments = request.nextUrl.searchParams.get('segments')\n\n            if (segments) {\n                newResponse.headers.set('Prepr-Segments', segments)\n                newResponse.cookies.set('Prepr-Segments', segments, {\n                    maxAge: 60, // Set for one year\n                })\n            }\n        }\n\n        if (request.nextUrl.searchParams.has('a-b-testing')) {\n            const ab_testing = request.nextUrl.searchParams.get('a-b-testing')\n            let value = ab_testing?.toUpperCase()\n            if (value === 'B') {\n                value = 'B'\n            } else {\n                value = 'A'\n            }\n            newResponse.headers.set('Prepr-ABtesting',  value)\n            newResponse.cookies.set('Prepr-ABtesting', value, {\n                maxAge: 60, // Set for one year\n            })\n        }\n\n        const segmentCookie = request.cookies.get('Prepr-Segments')?.value\n        if (segmentCookie) {\n            newResponse.headers.set('Prepr-Segments', segmentCookie)\n        }\n\n        const abCookie = request.cookies.get('Prepr-ABtesting')?.value\n        if (abCookie) {\n            newResponse.headers.set('Prepr-ABtesting', abCookie)\n        }\n    }\n\n    return newResponse\n}\n\n/**\n * Returns the Prepr Customer ID from the headers\n */\nexport function getPreprUUID() {\n    return headers().get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport function getActiveSegment() {\n    return headers().get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport function getActiveVariant() {\n    return headers().get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to only retrieve Prepr preview headers\n */\nexport function getPreviewHeaders() {\n    let newHeaders: {\n        [key: string]: string\n    } = {}\n    headers().forEach((value, key) => {\n        if (key.startsWith('prepr') && key !== 'prepr-customer-id') {\n            newHeaders[key] = value\n        }\n    })\n\n    return newHeaders\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport function getPreprHeaders() {\n    let newHeaders: {\n        [key: string]: string\n    } = {}\n\n    if (process.env.PREPR_ENV !== 'preview') {\n        newHeaders['prepr-customer-id'] =\n            headers().get('prepr-customer-id') || ''\n    } else {\n        headers().forEach((value, key) => {\n            if (key.startsWith('prepr') && key !== 'prepr-customer-id') {\n                newHeaders[key] = value\n            }\n        })\n    }\n\n    return newHeaders\n}\n\nexport type PreprSegment = {\n    id: string\n    created_on: string\n    changed_on: string\n    synced_on: string\n    label: string\n    reference_id: string\n    body: string\n    query: string\n    count: number\n}\n\nexport type PreprSegmentsResponse = {\n    total: number\n    skip: number\n    limit: number\n    items: PreprSegment[]\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Object with total, skip, limit and items\n */\nexport async function getPreprEnvironmentSegments(token: string): Promise<PreprSegmentsResponse> {\n    const response = await fetch('https://api.eu1.prepr.io/segments', {\n        headers: {\n            Authorization: `Bearer ${token}`,\n        },\n    })\n\n    return response.json()\n}\n\n/**\n * Fetches all the necessary previewbar props\n * @param token Prepr access token with scope 'segments'\n * @returns Object with activeSegment, activeVariant and data\n */\nexport async function getPreviewBarProps(token: string): Promise<{\n    activeSegment: string | null,\n    activeVariant: string | null,\n    data: PreprSegmentsResponse\n}> {\n    const data = await getPreprEnvironmentSegments(token)\n    const activeSegment = getActiveSegment()\n    const activeVariant = getActiveVariant()\n\n    return {\n        activeSegment,\n        activeVariant,\n        data\n    }\n}"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -0,0 +1,119 @@
+import {
+  __async
+} from "./chunk-IQXHJV5O.mjs";
+
+// src/index.ts
+import { NextResponse } from "next/server";
+import { headers } from "next/headers";
+function PreprMiddleware(request, response) {
+  var _a, _b, _c;
+  const newResponse = response || NextResponse.next();
+  let cookie = (_a = request.cookies.get("__prepr_uid")) == null ? void 0 : _a.value;
+  if (!cookie) {
+    cookie = crypto.randomUUID();
+    newResponse.cookies.set("__prepr_uid", cookie, {
+      maxAge: 1 * 365 * 24 * 60
+      // Set for one year
+    });
+  }
+  newResponse.headers.set("Prepr-Customer-Id", cookie);
+  if (process.env.PREPR_ENV === "preview") {
+    if (request.nextUrl.searchParams.has("segments")) {
+      const segments = request.nextUrl.searchParams.get("segments");
+      if (segments) {
+        newResponse.headers.set("Prepr-Segments", segments);
+        newResponse.cookies.set("Prepr-Segments", segments, {
+          maxAge: 60
+          // Set for one year
+        });
+      }
+    }
+    if (request.nextUrl.searchParams.has("a-b-testing")) {
+      const ab_testing = request.nextUrl.searchParams.get("a-b-testing");
+      let value = ab_testing == null ? void 0 : ab_testing.toUpperCase();
+      if (value === "B") {
+        value = "B";
+      } else {
+        value = "A";
+      }
+      newResponse.headers.set("Prepr-ABtesting", value);
+      newResponse.cookies.set("Prepr-ABtesting", value, {
+        maxAge: 60
+        // Set for one year
+      });
+    }
+    const segmentCookie = (_b = request.cookies.get("Prepr-Segments")) == null ? void 0 : _b.value;
+    if (segmentCookie) {
+      newResponse.headers.set("Prepr-Segments", segmentCookie);
+    }
+    const abCookie = (_c = request.cookies.get("Prepr-ABtesting")) == null ? void 0 : _c.value;
+    if (abCookie) {
+      newResponse.headers.set("Prepr-ABtesting", abCookie);
+    }
+  }
+  return newResponse;
+}
+function getPreprUUID() {
+  return headers().get("prepr-customer-id");
+}
+function getActiveSegment() {
+  return headers().get("Prepr-Segments");
+}
+function getActiveVariant() {
+  return headers().get("Prepr-ABtesting");
+}
+function getPreviewHeaders() {
+  let newHeaders = {};
+  headers().forEach((value, key) => {
+    if (key.startsWith("prepr") && key !== "prepr-customer-id") {
+      newHeaders[key] = value;
+    }
+  });
+  return newHeaders;
+}
+function getPreprHeaders() {
+  let newHeaders = {};
+  if (process.env.PREPR_ENV !== "preview") {
+    newHeaders["prepr-customer-id"] = headers().get("prepr-customer-id") || "";
+  } else {
+    headers().forEach((value, key) => {
+      if (key.startsWith("prepr") && key !== "prepr-customer-id") {
+        newHeaders[key] = value;
+      }
+    });
+  }
+  return newHeaders;
+}
+function getPreprEnvironmentSegments(token) {
+  return __async(this, null, function* () {
+    const response = yield fetch("https://api.eu1.prepr.io/segments", {
+      headers: {
+        Authorization: `Bearer ${token}`
+      }
+    });
+    return response.json();
+  });
+}
+function getPreviewBarProps(token) {
+  return __async(this, null, function* () {
+    const data = yield getPreprEnvironmentSegments(token);
+    const activeSegment = getActiveSegment();
+    const activeVariant = getActiveVariant();
+    return {
+      activeSegment,
+      activeVariant,
+      data
+    };
+  });
+}
+export {
+  PreprMiddleware,
+  getActiveSegment,
+  getActiveVariant,
+  getPreprEnvironmentSegments,
+  getPreprHeaders,
+  getPreprUUID,
+  getPreviewBarProps,
+  getPreviewHeaders
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {NextRequest, NextResponse} from \"next/server\";\nimport {headers} from \"next/headers\";\n\nexport function PreprMiddleware(request: NextRequest, response?: NextResponse) {\n    const newResponse = response || NextResponse.next()\n\n    let cookie = request.cookies.get('__prepr_uid')?.value\n\n    if (!cookie) {\n        cookie = crypto.randomUUID()\n        newResponse.cookies.set('__prepr_uid', cookie, {\n            maxAge: 1 * 365 * 24 * 60, // Set for one year\n        })\n    }\n\n    newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n    if (process.env.PREPR_ENV === 'preview') {\n        if (request.nextUrl.searchParams.has('segments')) {\n            const segments = request.nextUrl.searchParams.get('segments')\n\n            if (segments) {\n                newResponse.headers.set('Prepr-Segments', segments)\n                newResponse.cookies.set('Prepr-Segments', segments, {\n                    maxAge: 60, // Set for one year\n                })\n            }\n        }\n\n        if (request.nextUrl.searchParams.has('a-b-testing')) {\n            const ab_testing = request.nextUrl.searchParams.get('a-b-testing')\n            let value = ab_testing?.toUpperCase()\n            if (value === 'B') {\n                value = 'B'\n            } else {\n                value = 'A'\n            }\n            newResponse.headers.set('Prepr-ABtesting',  value)\n            newResponse.cookies.set('Prepr-ABtesting', value, {\n                maxAge: 60, // Set for one year\n            })\n        }\n\n        const segmentCookie = request.cookies.get('Prepr-Segments')?.value\n        if (segmentCookie) {\n            newResponse.headers.set('Prepr-Segments', segmentCookie)\n        }\n\n        const abCookie = request.cookies.get('Prepr-ABtesting')?.value\n        if (abCookie) {\n            newResponse.headers.set('Prepr-ABtesting', abCookie)\n        }\n    }\n\n    return newResponse\n}\n\n/**\n * Returns the Prepr Customer ID from the headers\n */\nexport function getPreprUUID() {\n    return headers().get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport function getActiveSegment() {\n    return headers().get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport function getActiveVariant() {\n    return headers().get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to only retrieve Prepr preview headers\n */\nexport function getPreviewHeaders() {\n    let newHeaders: {\n        [key: string]: string\n    } = {}\n    headers().forEach((value, key) => {\n        if (key.startsWith('prepr') && key !== 'prepr-customer-id') {\n            newHeaders[key] = value\n        }\n    })\n\n    return newHeaders\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport function getPreprHeaders() {\n    let newHeaders: {\n        [key: string]: string\n    } = {}\n\n    if (process.env.PREPR_ENV !== 'preview') {\n        newHeaders['prepr-customer-id'] =\n            headers().get('prepr-customer-id') || ''\n    } else {\n        headers().forEach((value, key) => {\n            if (key.startsWith('prepr') && key !== 'prepr-customer-id') {\n                newHeaders[key] = value\n            }\n        })\n    }\n\n    return newHeaders\n}\n\nexport type PreprSegment = {\n    id: string\n    created_on: string\n    changed_on: string\n    synced_on: string\n    label: string\n    reference_id: string\n    body: string\n    query: string\n    count: number\n}\n\nexport type PreprSegmentsResponse = {\n    total: number\n    skip: number\n    limit: number\n    items: PreprSegment[]\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Object with total, skip, limit and items\n */\nexport async function getPreprEnvironmentSegments(token: string): Promise<PreprSegmentsResponse> {\n    const response = await fetch('https://api.eu1.prepr.io/segments', {\n        headers: {\n            Authorization: `Bearer ${token}`,\n        },\n    })\n\n    return response.json()\n}\n\n/**\n * Fetches all the necessary previewbar props\n * @param token Prepr access token with scope 'segments'\n * @returns Object with activeSegment, activeVariant and data\n */\nexport async function getPreviewBarProps(token: string): Promise<{\n    activeSegment: string | null,\n    activeVariant: string | null,\n    data: PreprSegmentsResponse\n}> {\n    const data = await getPreprEnvironmentSegments(token)\n    const activeSegment = getActiveSegment()\n    const activeVariant = getActiveVariant()\n\n    return {\n        activeSegment,\n        activeVariant,\n        data\n    }\n}"],"mappings":";;;;;AAAA,SAAqB,oBAAmB;AACxC,SAAQ,eAAc;AAEf,SAAS,gBAAgB,SAAsB,UAAyB;AAH/E;AAII,QAAM,cAAc,YAAY,aAAa,KAAK;AAElD,MAAI,UAAS,aAAQ,QAAQ,IAAI,aAAa,MAAjC,mBAAoC;AAEjD,MAAI,CAAC,QAAQ;AACT,aAAS,OAAO,WAAW;AAC3B,gBAAY,QAAQ,IAAI,eAAe,QAAQ;AAAA,MAC3C,QAAQ,IAAI,MAAM,KAAK;AAAA;AAAA,IAC3B,CAAC;AAAA,EACL;AAEA,cAAY,QAAQ,IAAI,qBAAqB,MAAM;AAEnD,MAAI,QAAQ,IAAI,cAAc,WAAW;AACrC,QAAI,QAAQ,QAAQ,aAAa,IAAI,UAAU,GAAG;AAC9C,YAAM,WAAW,QAAQ,QAAQ,aAAa,IAAI,UAAU;AAE5D,UAAI,UAAU;AACV,oBAAY,QAAQ,IAAI,kBAAkB,QAAQ;AAClD,oBAAY,QAAQ,IAAI,kBAAkB,UAAU;AAAA,UAChD,QAAQ;AAAA;AAAA,QACZ,CAAC;AAAA,MACL;AAAA,IACJ;AAEA,QAAI,QAAQ,QAAQ,aAAa,IAAI,aAAa,GAAG;AACjD,YAAM,aAAa,QAAQ,QAAQ,aAAa,IAAI,aAAa;AACjE,UAAI,QAAQ,yCAAY;AACxB,UAAI,UAAU,KAAK;AACf,gBAAQ;AAAA,MACZ,OAAO;AACH,gBAAQ;AAAA,MACZ;AACA,kBAAY,QAAQ,IAAI,mBAAoB,KAAK;AACjD,kBAAY,QAAQ,IAAI,mBAAmB,OAAO;AAAA,QAC9C,QAAQ;AAAA;AAAA,MACZ,CAAC;AAAA,IACL;AAEA,UAAM,iBAAgB,aAAQ,QAAQ,IAAI,gBAAgB,MAApC,mBAAuC;AAC7D,QAAI,eAAe;AACf,kBAAY,QAAQ,IAAI,kBAAkB,aAAa;AAAA,IAC3D;AAEA,UAAM,YAAW,aAAQ,QAAQ,IAAI,iBAAiB,MAArC,mBAAwC;AACzD,QAAI,UAAU;AACV,kBAAY,QAAQ,IAAI,mBAAmB,QAAQ;AAAA,IACvD;AAAA,EACJ;AAEA,SAAO;AACX;AAKO,SAAS,eAAe;AAC3B,SAAO,QAAQ,EAAE,IAAI,mBAAmB;AAC5C;AAKO,SAAS,mBAAmB;AAC/B,SAAO,QAAQ,EAAE,IAAI,gBAAgB;AACzC;AAKO,SAAS,mBAAmB;AAC/B,SAAO,QAAQ,EAAE,IAAI,iBAAiB;AAC1C;AAKO,SAAS,oBAAoB;AAChC,MAAI,aAEA,CAAC;AACL,UAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ;AAC9B,QAAI,IAAI,WAAW,OAAO,KAAK,QAAQ,qBAAqB;AACxD,iBAAW,GAAG,IAAI;AAAA,IACtB;AAAA,EACJ,CAAC;AAED,SAAO;AACX;AAKO,SAAS,kBAAkB;AAC9B,MAAI,aAEA,CAAC;AAEL,MAAI,QAAQ,IAAI,cAAc,WAAW;AACrC,eAAW,mBAAmB,IAC1B,QAAQ,EAAE,IAAI,mBAAmB,KAAK;AAAA,EAC9C,OAAO;AACH,YAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ;AAC9B,UAAI,IAAI,WAAW,OAAO,KAAK,QAAQ,qBAAqB;AACxD,mBAAW,GAAG,IAAI;AAAA,MACtB;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,SAAO;AACX;AA0BA,SAAsB,4BAA4B,OAA+C;AAAA;AAC7F,UAAM,WAAW,MAAM,MAAM,qCAAqC;AAAA,MAC9D,SAAS;AAAA,QACL,eAAe,UAAU,KAAK;AAAA,MAClC;AAAA,IACJ,CAAC;AAED,WAAO,SAAS,KAAK;AAAA,EACzB;AAAA;AAOA,SAAsB,mBAAmB,OAItC;AAAA;AACC,UAAM,OAAO,MAAM,4BAA4B,KAAK;AACpD,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,gBAAgB,iBAAiB;AAEvC,WAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAAA;","names":[]}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@preprio/prepr-nextjs",
+  "version": "1.0.0-beta.0",
+  "description": "A next.js package with code snippets to use with Prepr",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.mjs",
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./components": {
+      "import": "./dist/components.js",
+      "require": "./dist/components.js",
+      "types": "./dist/components.d.ts"
+    },
+    "./dist/components.css": {
+      "import": "./dist/components.css",
+      "require": "./dist/components.css"
+    },
+    "./dist/main.css": {
+      "import": "./dist/main.css",
+      "require": "./dist/main.css"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
+    "prettier": "3.3.3",
+    "tailwindcss": "^3.4.13",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.2.4",
+    "typescript": "^5.5.4"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.1.8",
+    "classnames": "^2.5.1",
+    "next": "^14.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/preprio/prepr-nextjs.git"
+  },
+  "keywords": [
+    "prepr",
+    "nextjs"
+  ],
+  "bugs": {
+    "url": "https://github.com/preprio/prepr-nextjs/issues"
+  },
+  "homepage": "https://github.com/preprio/prepr-nextjs#readme"
+}