From 2af6937b40862752cf828057f8933384304020aa Mon Sep 17 00:00:00 2001 From: Kevintjuhz Date: Mon, 3 Feb 2025 14:57:31 +0100 Subject: [PATCH 1/5] Update fetching to use Graphql --- dist/components.d.mts | 3 +- dist/components.d.ts | 3 +- dist/components.js | 79 +++++++++-------- dist/components.js.map | 2 +- dist/components.mjs | 79 +++++++++-------- dist/components.mjs.map | 2 +- dist/index.d.mts | 26 ++---- dist/index.d.ts | 26 ++---- dist/index.js | 135 ++++++++++++++++++++++++----- dist/index.js.map | 2 +- dist/index.mjs | 135 ++++++++++++++++++++++++----- dist/index.mjs.map | 2 +- dist/types-DmITW6Tn.d.mts | 6 ++ dist/types-DmITW6Tn.d.ts | 6 ++ package.json | 2 +- src/components/PreprPreviewBar.tsx | 99 +++++++++++---------- src/index.ts | 80 ++++++++--------- src/shared/types.ts | 4 + src/utils.ts | 5 ++ tsconfig.json | 1 + 20 files changed, 434 insertions(+), 263 deletions(-) create mode 100644 dist/types-DmITW6Tn.d.mts create mode 100644 dist/types-DmITW6Tn.d.ts create mode 100644 src/shared/types.ts create mode 100644 src/utils.ts diff --git a/dist/components.d.mts b/dist/components.d.mts index 690525c..857dd06 100644 --- a/dist/components.d.mts +++ b/dist/components.d.mts @@ -1,9 +1,10 @@ import React from 'react'; +import { P as PreprSegment } from './types-DmITW6Tn.mjs'; declare function PreprPreviewBar(props: { activeSegment?: string | null; activeVariant?: string | null; - data?: any; + data?: PreprSegment[]; }): React.JSX.Element; export { PreprPreviewBar }; diff --git a/dist/components.d.ts b/dist/components.d.ts index 690525c..46578b6 100644 --- a/dist/components.d.ts +++ b/dist/components.d.ts @@ -1,9 +1,10 @@ import React from 'react'; +import { P as PreprSegment } from './types-DmITW6Tn.js'; declare function PreprPreviewBar(props: { activeSegment?: string | null; activeVariant?: string | null; - data?: any; + data?: PreprSegment[]; }): React.JSX.Element; export { PreprPreviewBar }; diff --git a/dist/components.js b/dist/components.js index d7a2ec8..faaa423 100644 --- a/dist/components.js +++ b/dist/components.js @@ -133,28 +133,29 @@ function InfoPopover({ title, text }) { var import_clsx = require("clsx"); function PreprPreviewBar(props) { const { activeSegment, activeVariant, data } = props; - const [segmentList, setSegmentList] = (0, import_react5.useState)(data == null ? void 0 : data.items); + const [segmentList, setSegmentList] = (0, import_react5.useState)(data); const [isToggled, setIsToggled] = (0, import_react5.useState)(false); const searchParams = (0, import_navigation.useSearchParams)(); + console.log("SEGMENTS:", segmentList); if (searchParams.get("prepr_hide_bar") === "true") { return null; } if (typeof window !== "undefined" && (window == null ? void 0 : window.parent) !== window.self) { return null; } - if (segmentList && segmentList[0] && segmentList[0].reference_id !== "null") { + if (segmentList && segmentList[0] && segmentList[0]._id !== "null") { setSegmentList([ { - id: "null", - reference_id: "null", - body: "All other users" + _id: "null", + name: "All other users" }, ...segmentList ]); } const emptyVariant = "A"; const emptySegment = { - body: "Choose segment" + name: "Choose segment", + _id: "null" }; (0, import_react5.useEffect)(() => { if (!window) { @@ -166,7 +167,7 @@ function PreprPreviewBar(props) { }); const [selectedSegment, setSelectedSegment] = (0, import_react5.useState)( segmentList && segmentList.filter( - (segmentData) => segmentData === activeSegment + (segmentData) => segmentData.name === activeSegment )[0] || emptySegment ); const [selectedVariant, setSelectedVariant] = (0, import_react5.useState)( @@ -182,7 +183,7 @@ function PreprPreviewBar(props) { } if (key === "prepr_preview_segment" && value) { setSelectedSegment(value); - params.set(key, value.reference_id); + params.set(key, value._id); } for (const [key2, value2] of params.entries()) { if (value2 === "null" || value2 === null || value2 === void 0) { @@ -226,7 +227,7 @@ function PreprPreviewBar(props) { )), /* @__PURE__ */ import_react5.default.createElement( import_react6.Listbox, { - value: selectedSegment.slug, + value: selectedSegment._id, onChange: (value) => handleSearchParams( "prepr_preview_segment", value @@ -248,7 +249,7 @@ function PreprPreviewBar(props) { }, className: "prp-w-full prp-overflow-hidden prp-mr-auto" }, - segmentList.length > 0 ? selectedSegment.body : "No segments" + segmentList.length > 0 ? selectedSegment.name : "No segments" ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "prp-text-gray-400" }, /* @__PURE__ */ import_react5.default.createElement(import_fa62.FaCaretDown, { className: "prp-w-3" })) ), @@ -258,38 +259,40 @@ function PreprPreviewBar(props) { anchor: "top start", className: "prp-z-[9999] prp-rounded-md prp-bg-white prp-h-1/3 prp-mt-2 prp-shadow-xl" }, - segmentList == null ? void 0 : segmentList.map((segment) => /* @__PURE__ */ import_react5.default.createElement( - import_react6.ListboxOption, - { - key: segment.id, - value: segment, - className: (0, import_clsx.clsx)( - "prp-flex prp-items-center prp-p-2 prp-regular-text prp-z-[100] hover:prp-cursor-pointer prp-w-full prp-pr-4", - segment.reference_id === selectedSegment.reference_id ? "prp-bg-indigo-50 prp-text-indigo-700" : "hover:prp-bg-gray-100 prp-bg-white prp-text-gray-900" - ) - }, - /* @__PURE__ */ import_react5.default.createElement( - import_fa62.FaCheck, + segmentList == null ? void 0 : segmentList.map( + (segment) => /* @__PURE__ */ import_react5.default.createElement( + import_react6.ListboxOption, { + key: segment._id, + value: segment, className: (0, import_clsx.clsx)( - "prp-size-3 prp-shrink-0 prp-mr-1", - segment.reference_id === selectedSegment.reference_id ? "prp-visible" : "prp-invisible" + "prp-flex prp-items-center prp-p-2 prp-regular-text prp-z-[100] hover:prp-cursor-pointer prp-w-full prp-pr-4", + segment._id === selectedSegment._id ? "prp-bg-indigo-50 prp-text-indigo-700" : "hover:prp-bg-gray-100 prp-bg-white prp-text-gray-900" ) - } - ), - /* @__PURE__ */ import_react5.default.createElement( - "div", - { - style: { - textWrap: "nowrap", - textOverflow: "ellipsis", - textAlign: "left" - }, - className: "prp-w-full prp-overflow-hidden prp-mr-auto" }, - segment.body + /* @__PURE__ */ import_react5.default.createElement( + import_fa62.FaCheck, + { + className: (0, import_clsx.clsx)( + "prp-size-3 prp-shrink-0 prp-mr-1", + segment._id === selectedSegment._id ? "prp-visible" : "prp-invisible" + ) + } + ), + /* @__PURE__ */ import_react5.default.createElement( + "div", + { + style: { + textWrap: "nowrap", + textOverflow: "ellipsis", + textAlign: "left" + }, + className: "prp-w-full prp-overflow-hidden prp-mr-auto" + }, + segment.name + ) ) - )) + ) ) )), /* @__PURE__ */ import_react5.default.createElement("div", { className: "prp-flex prp-flex-initial prp-flex-col md:prp-flex-row prp-gap-2 md:prp-gap-4" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "prp-regular-text prp-text-white prp-items-center prp-gap-2 prp-hidden lg:prp-flex" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "prp-pb-0.5 prp-text-xs md:prp-text-base prp-block md:prp-hidden xl:prp-block" }, "Show A/B variant"), /* @__PURE__ */ import_react5.default.createElement( InfoPopover, @@ -329,7 +332,7 @@ function PreprPreviewBar(props) { ResetButton, { handleClick: handleReset, - enabled: selectedSegment.reference_id || selectedVariant !== "A" + enabled: selectedSegment._id !== null || selectedVariant !== "A" } )))) ), /* @__PURE__ */ import_react5.default.createElement( diff --git a/dist/components.js.map b/dist/components.js.map index a905380..5c9ad57 100644 --- a/dist/components.js.map +++ b/dist/components.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/components.ts","../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport \"./main.css\"\nimport {PreprPreviewBar} from './components/PreprPreviewBar'\n\nexport {PreprPreviewBar}","'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: any\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data?.items)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (\n segmentList &&\n segmentList[0] &&\n segmentList[0].reference_id !== 'null'\n ) {\n setSegmentList([\n {\n id: 'null',\n reference_id: 'null',\n body: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment = {\n body: 'Choose segment',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: any) => segmentData === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value.reference_id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.body\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map((segment: any) => (\n \n \n \n {segment.body}\n
\n \n ))}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["import_react","React","import_react","classNames","React","import_react","import_fa6","import_react","React","key","value","React"]} \ No newline at end of file +{"version":3,"sources":["../src/components.ts","../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport \"./main.css\"\nimport {PreprPreviewBar} from './components/PreprPreviewBar'\n\nexport {PreprPreviewBar}","'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\nimport { PreprSegment } from '../shared/types'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: PreprSegment[]\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n console.log('SEGMENTS:', segmentList)\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') {\n setSegmentList([\n {\n _id: 'null',\n name: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment: PreprSegment = {\n name: 'Choose segment',\n _id: 'null',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: PreprSegment) =>\n segmentData.name === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value._id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.name\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map(\n (segment: PreprSegment) => (\n \n \n \n {segment.name}\n
\n \n )\n )}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["import_react","React","import_react","classNames","React","import_react","import_fa6","import_react","React","key","value","React"]} \ No newline at end of file diff --git a/dist/components.mjs b/dist/components.mjs index 700c79c..ec40e04 100644 --- a/dist/components.mjs +++ b/dist/components.mjs @@ -107,28 +107,29 @@ function InfoPopover({ title, text }) { import { clsx } from "clsx"; function PreprPreviewBar(props) { const { activeSegment, activeVariant, data } = props; - const [segmentList, setSegmentList] = useState(data == null ? void 0 : data.items); + const [segmentList, setSegmentList] = useState(data); const [isToggled, setIsToggled] = useState(false); const searchParams = useSearchParams(); + console.log("SEGMENTS:", segmentList); if (searchParams.get("prepr_hide_bar") === "true") { return null; } if (typeof window !== "undefined" && (window == null ? void 0 : window.parent) !== window.self) { return null; } - if (segmentList && segmentList[0] && segmentList[0].reference_id !== "null") { + if (segmentList && segmentList[0] && segmentList[0]._id !== "null") { setSegmentList([ { - id: "null", - reference_id: "null", - body: "All other users" + _id: "null", + name: "All other users" }, ...segmentList ]); } const emptyVariant = "A"; const emptySegment = { - body: "Choose segment" + name: "Choose segment", + _id: "null" }; useEffect(() => { if (!window) { @@ -140,7 +141,7 @@ function PreprPreviewBar(props) { }); const [selectedSegment, setSelectedSegment] = useState( segmentList && segmentList.filter( - (segmentData) => segmentData === activeSegment + (segmentData) => segmentData.name === activeSegment )[0] || emptySegment ); const [selectedVariant, setSelectedVariant] = useState( @@ -156,7 +157,7 @@ function PreprPreviewBar(props) { } if (key === "prepr_preview_segment" && value) { setSelectedSegment(value); - params.set(key, value.reference_id); + params.set(key, value._id); } for (const [key2, value2] of params.entries()) { if (value2 === "null" || value2 === null || value2 === void 0) { @@ -200,7 +201,7 @@ function PreprPreviewBar(props) { )), /* @__PURE__ */ React4.createElement( Listbox, { - value: selectedSegment.slug, + value: selectedSegment._id, onChange: (value) => handleSearchParams( "prepr_preview_segment", value @@ -222,7 +223,7 @@ function PreprPreviewBar(props) { }, className: "prp-w-full prp-overflow-hidden prp-mr-auto" }, - segmentList.length > 0 ? selectedSegment.body : "No segments" + segmentList.length > 0 ? selectedSegment.name : "No segments" ), /* @__PURE__ */ React4.createElement("div", { className: "prp-text-gray-400" }, /* @__PURE__ */ React4.createElement(FaCaretDown, { className: "prp-w-3" })) ), @@ -232,38 +233,40 @@ function PreprPreviewBar(props) { anchor: "top start", className: "prp-z-[9999] prp-rounded-md prp-bg-white prp-h-1/3 prp-mt-2 prp-shadow-xl" }, - segmentList == null ? void 0 : segmentList.map((segment) => /* @__PURE__ */ React4.createElement( - ListboxOption, - { - key: segment.id, - value: segment, - className: clsx( - "prp-flex prp-items-center prp-p-2 prp-regular-text prp-z-[100] hover:prp-cursor-pointer prp-w-full prp-pr-4", - segment.reference_id === selectedSegment.reference_id ? "prp-bg-indigo-50 prp-text-indigo-700" : "hover:prp-bg-gray-100 prp-bg-white prp-text-gray-900" - ) - }, - /* @__PURE__ */ React4.createElement( - FaCheck, + segmentList == null ? void 0 : segmentList.map( + (segment) => /* @__PURE__ */ React4.createElement( + ListboxOption, { + key: segment._id, + value: segment, className: clsx( - "prp-size-3 prp-shrink-0 prp-mr-1", - segment.reference_id === selectedSegment.reference_id ? "prp-visible" : "prp-invisible" + "prp-flex prp-items-center prp-p-2 prp-regular-text prp-z-[100] hover:prp-cursor-pointer prp-w-full prp-pr-4", + segment._id === selectedSegment._id ? "prp-bg-indigo-50 prp-text-indigo-700" : "hover:prp-bg-gray-100 prp-bg-white prp-text-gray-900" ) - } - ), - /* @__PURE__ */ React4.createElement( - "div", - { - style: { - textWrap: "nowrap", - textOverflow: "ellipsis", - textAlign: "left" - }, - className: "prp-w-full prp-overflow-hidden prp-mr-auto" }, - segment.body + /* @__PURE__ */ React4.createElement( + FaCheck, + { + className: clsx( + "prp-size-3 prp-shrink-0 prp-mr-1", + segment._id === selectedSegment._id ? "prp-visible" : "prp-invisible" + ) + } + ), + /* @__PURE__ */ React4.createElement( + "div", + { + style: { + textWrap: "nowrap", + textOverflow: "ellipsis", + textAlign: "left" + }, + className: "prp-w-full prp-overflow-hidden prp-mr-auto" + }, + segment.name + ) ) - )) + ) ) )), /* @__PURE__ */ React4.createElement("div", { className: "prp-flex prp-flex-initial prp-flex-col md:prp-flex-row prp-gap-2 md:prp-gap-4" }, /* @__PURE__ */ React4.createElement("div", { className: "prp-regular-text prp-text-white prp-items-center prp-gap-2 prp-hidden lg:prp-flex" }, /* @__PURE__ */ React4.createElement("span", { className: "prp-pb-0.5 prp-text-xs md:prp-text-base prp-block md:prp-hidden xl:prp-block" }, "Show A/B variant"), /* @__PURE__ */ React4.createElement( InfoPopover, @@ -303,7 +306,7 @@ function PreprPreviewBar(props) { ResetButton, { handleClick: handleReset, - enabled: selectedSegment.reference_id || selectedVariant !== "A" + enabled: selectedSegment._id !== null || selectedVariant !== "A" } )))) ), /* @__PURE__ */ React4.createElement( diff --git a/dist/components.mjs.map b/dist/components.mjs.map index 04ff9cd..418dd8f 100644 --- a/dist/components.mjs.map +++ b/dist/components.mjs.map @@ -1 +1 @@ -{"version":3,"sources":["../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: any\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data?.items)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (\n segmentList &&\n segmentList[0] &&\n segmentList[0].reference_id !== 'null'\n ) {\n setSegmentList([\n {\n id: 'null',\n reference_id: 'null',\n body: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment = {\n body: 'Choose segment',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: any) => segmentData === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value.reference_id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.body\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map((segment: any) => (\n \n \n \n {segment.body}\n
\n \n ))}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["React","React","React","key","value","React"]} \ No newline at end of file +{"version":3,"sources":["../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\nimport { PreprSegment } from '../shared/types'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: PreprSegment[]\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n console.log('SEGMENTS:', segmentList)\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') {\n setSegmentList([\n {\n _id: 'null',\n name: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment: PreprSegment = {\n name: 'Choose segment',\n _id: 'null',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: PreprSegment) =>\n segmentData.name === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value._id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.name\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map(\n (segment: PreprSegment) => (\n \n \n \n {segment.name}\n
\n \n )\n )}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["React","React","React","key","value","React"]} \ No newline at end of file diff --git a/dist/index.d.mts b/dist/index.d.mts index cc1f7f6..3cdfc8f 100644 --- a/dist/index.d.mts +++ b/dist/index.d.mts @@ -1,4 +1,5 @@ import { NextResponse } from 'next/server'; +import { P as PreprSegment } from './types-DmITW6Tn.mjs'; /** * @@ -24,29 +25,12 @@ declare function getActiveVariant(): Promise; declare function getPreprHeaders(): Promise<{ [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 + * @returns Array of PreprSegmentResponse */ -declare function getPreprEnvironmentSegments(token: string): Promise; +declare function getPreprEnvironmentSegments(token: string): Promise; /** * Fetches all the necessary previewbar props * @param token Prepr access token with scope 'segments' @@ -55,7 +39,7 @@ declare function getPreprEnvironmentSegments(token: string): Promise; -export { PreprMiddleware, type PreprSegment, type PreprSegmentsResponse, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; +export { PreprMiddleware, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; diff --git a/dist/index.d.ts b/dist/index.d.ts index cc1f7f6..85bff1d 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -1,4 +1,5 @@ import { NextResponse } from 'next/server'; +import { P as PreprSegment } from './types-DmITW6Tn.js'; /** * @@ -24,29 +25,12 @@ declare function getActiveVariant(): Promise; declare function getPreprHeaders(): Promise<{ [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 + * @returns Array of PreprSegmentResponse */ -declare function getPreprEnvironmentSegments(token: string): Promise; +declare function getPreprEnvironmentSegments(token: string): Promise; /** * Fetches all the necessary previewbar props * @param token Prepr access token with scope 'segments' @@ -55,7 +39,7 @@ declare function getPreprEnvironmentSegments(token: string): Promise; -export { PreprMiddleware, type PreprSegment, type PreprSegmentsResponse, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; +export { PreprMiddleware, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; diff --git a/dist/index.js b/dist/index.js index 24db499..616f8ca 100644 --- a/dist/index.js +++ b/dist/index.js @@ -51,6 +51,87 @@ module.exports = __toCommonJS(src_exports); var import_server = require("next/server"); var import_functions = require("@vercel/functions"); var import_headers = require("next/headers"); + +// package.json +var package_default = { + name: "@preprio/prepr-nextjs", + version: "1.0.1", + description: "A next.js package containing helper functions and a preview bar to use in combination with Prepr", + main: "./dist/index.js", + types: "./dist/index.d.ts", + module: "./dist/index.mjs", + files: [ + "dist", + "package.json" + ], + exports: { + ".": { + types: "./dist/index.d.ts", + import: "./dist/index.js", + require: "./dist/index.js" + }, + "./components": { + types: "./dist/components.d.ts", + import: "./dist/components.js", + require: "./dist/components.js" + }, + "./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: "Prepr", + 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", + "@vercel/functions": "^1.6.0", + classnames: "^2.5.1", + clsx: "^2.1.1", + micromatch: "^4.0.8", + next: "^14.2.10", + react: "^18.3.1", + "react-dom": "^18.3.1", + "react-icons": "^5.3.0", + rollup: "^4.22.4" + }, + 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" +}; + +// src/utils.ts +function getPackageVersion() { + return package_default.version; +} + +// src/index.ts function PreprMiddleware(request, response) { var _a, _b, _c, _d; const newResponse = response || import_server.NextResponse.next(); @@ -170,43 +251,51 @@ function getPreprHeaders() { } function getPreprEnvironmentSegments(token) { return __async(this, null, function* () { + var _a; + if (!token) { + console.error( + "No token provided, make sure you are using your Prepr GraphQL URL" + ); + return []; + } + if (!token.startsWith("https://")) { + console.error( + "Invalid token provided, make sure you are using your Prepr GraphQL URL" + ); + return []; + } try { - const response = yield fetch("https://api.eu1.prepr.io/segments", { + const response = yield fetch(token, { headers: { - Authorization: `Bearer ${token}`, - "User-Agent": "Prepr-Preview-Bar/1.0" - } + "User-Agent": `Prepr-Preview-Bar/${getPackageVersion()}`, + "Content-Type": "application/json" + }, + method: "POST", + body: JSON.stringify({ + query: `{ + _Segments { + _id + name + } + }` + }) }); try { - return yield response.json(); + const json = yield response.json(); + return (_a = json.data) == null ? void 0 : _a._Segments; } catch (jsonError) { console.error("Error parsing JSON, please contact Prepr support"); - return { - total: 0, - skip: 0, - limit: 0, - items: [] - }; + return []; } } catch (error) { console.error("Error fetching segments:", error); - return { - total: 0, - skip: 0, - limit: 0, - items: [] - }; + return []; } }); } function getPreviewBarProps(token) { return __async(this, null, function* () { - let data = { - total: 0, - skip: 0, - limit: 0, - items: [] - }; + let data = []; let activeSegment, activeVariant; if (process.env.PREPR_ENV === "preview") { data = yield getPreprEnvironmentSegments(token); diff --git a/dist/index.js.map b/dist/index.js.map index b3a6f34..d0cbcb4 100644 --- a/dist/index.js.map +++ b/dist/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\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(\n token: string\n): Promise {\n try {\n const response = await fetch('https://api.eu1.prepr.io/segments', {\n headers: {\n Authorization: `Bearer ${token}`,\n 'User-Agent': 'Prepr-Preview-Bar/1.0',\n },\n })\n try {\n return await response.json()\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return {\n total: 0,\n skip: 0,\n limit: 0,\n items: [],\n }\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return {\n total: 0,\n skip: 0,\n limit: 0,\n items: [],\n }\n }\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 let data: PreprSegmentsResponse = {\n total: 0,\n skip: 0,\n limit: 0,\n items: [],\n }\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n"],"mappings":"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","names":[]} \ No newline at end of file +{"version":3,"sources":["../src/index.ts","../package.json","../src/utils.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\nimport { getPackageVersion } from './utils'\nimport { PreprSegment } from './shared/types'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\n }\n })\n\n return newHeaders\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Array of PreprSegmentResponse\n */\nexport async function getPreprEnvironmentSegments(\n token: string\n): Promise {\n if (!token) {\n console.error(\n 'No token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n if (!token.startsWith('https://')) {\n console.error(\n 'Invalid token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n try {\n const response = await fetch(token, {\n headers: {\n 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n body: JSON.stringify({\n query: `{\n _Segments {\n _id\n name\n }\n }`,\n }),\n })\n try {\n const json = await response.json()\n return json.data?._Segments as PreprSegment[]\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return []\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return []\n }\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: PreprSegment[]\n}> {\n let data: PreprSegment[] = []\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n","{\n \"name\": \"@preprio/prepr-nextjs\",\n \"version\": \"1.0.1\",\n \"description\": \"A next.js package containing helper functions and a preview bar to use in combination with Prepr\",\n \"main\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"module\": \"./dist/index.mjs\",\n \"files\": [\n \"dist\",\n \"package.json\"\n ],\n \"exports\": {\n \".\": {\n \"types\": \"./dist/index.d.ts\",\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.js\"\n },\n \"./components\": {\n \"types\": \"./dist/components.d.ts\",\n \"import\": \"./dist/components.js\",\n \"require\": \"./dist/components.js\"\n },\n \"./dist/components.css\": {\n \"import\": \"./dist/components.css\",\n \"require\": \"./dist/components.css\"\n },\n \"./dist/main.css\": {\n \"import\": \"./dist/main.css\",\n \"require\": \"./dist/main.css\"\n }\n },\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\"\n },\n \"author\": \"Prepr\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"autoprefixer\": \"^10.4.20\",\n \"postcss\": \"^8.4.47\",\n \"prettier\": \"3.3.3\",\n \"tailwindcss\": \"^3.4.13\",\n \"ts-node\": \"^10.9.2\",\n \"tsup\": \"^8.2.4\",\n \"typescript\": \"^5.5.4\"\n },\n \"dependencies\": {\n \"@headlessui/react\": \"^2.1.8\",\n \"@vercel/functions\": \"^1.6.0\",\n \"classnames\": \"^2.5.1\",\n \"clsx\": \"^2.1.1\",\n \"micromatch\": \"^4.0.8\",\n \"next\": \"^14.2.10\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-icons\": \"^5.3.0\",\n \"rollup\": \"^4.22.4\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/preprio/prepr-nextjs.git\"\n },\n \"keywords\": [\n \"prepr\",\n \"nextjs\"\n ],\n \"bugs\": {\n \"url\": \"https://github.com/preprio/prepr-nextjs/issues\"\n },\n \"homepage\": \"https://github.com/preprio/prepr-nextjs#readme\"\n}\n","import pjson from '../package.json'\n\nexport function getPackageVersion() {\n return pjson.version\n}\n"],"mappings":"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","names":[]} \ No newline at end of file diff --git a/dist/index.mjs b/dist/index.mjs index 3e63df2..ff54eef 100644 --- a/dist/index.mjs +++ b/dist/index.mjs @@ -6,6 +6,87 @@ import { import { NextResponse } from "next/server"; import { ipAddress } from "@vercel/functions"; import { headers } from "next/headers"; + +// package.json +var package_default = { + name: "@preprio/prepr-nextjs", + version: "1.0.1", + description: "A next.js package containing helper functions and a preview bar to use in combination with Prepr", + main: "./dist/index.js", + types: "./dist/index.d.ts", + module: "./dist/index.mjs", + files: [ + "dist", + "package.json" + ], + exports: { + ".": { + types: "./dist/index.d.ts", + import: "./dist/index.js", + require: "./dist/index.js" + }, + "./components": { + types: "./dist/components.d.ts", + import: "./dist/components.js", + require: "./dist/components.js" + }, + "./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: "Prepr", + 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", + "@vercel/functions": "^1.6.0", + classnames: "^2.5.1", + clsx: "^2.1.1", + micromatch: "^4.0.8", + next: "^14.2.10", + react: "^18.3.1", + "react-dom": "^18.3.1", + "react-icons": "^5.3.0", + rollup: "^4.22.4" + }, + 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" +}; + +// src/utils.ts +function getPackageVersion() { + return package_default.version; +} + +// src/index.ts function PreprMiddleware(request, response) { var _a, _b, _c, _d; const newResponse = response || NextResponse.next(); @@ -125,43 +206,51 @@ function getPreprHeaders() { } function getPreprEnvironmentSegments(token) { return __async(this, null, function* () { + var _a; + if (!token) { + console.error( + "No token provided, make sure you are using your Prepr GraphQL URL" + ); + return []; + } + if (!token.startsWith("https://")) { + console.error( + "Invalid token provided, make sure you are using your Prepr GraphQL URL" + ); + return []; + } try { - const response = yield fetch("https://api.eu1.prepr.io/segments", { + const response = yield fetch(token, { headers: { - Authorization: `Bearer ${token}`, - "User-Agent": "Prepr-Preview-Bar/1.0" - } + "User-Agent": `Prepr-Preview-Bar/${getPackageVersion()}`, + "Content-Type": "application/json" + }, + method: "POST", + body: JSON.stringify({ + query: `{ + _Segments { + _id + name + } + }` + }) }); try { - return yield response.json(); + const json = yield response.json(); + return (_a = json.data) == null ? void 0 : _a._Segments; } catch (jsonError) { console.error("Error parsing JSON, please contact Prepr support"); - return { - total: 0, - skip: 0, - limit: 0, - items: [] - }; + return []; } } catch (error) { console.error("Error fetching segments:", error); - return { - total: 0, - skip: 0, - limit: 0, - items: [] - }; + return []; } }); } function getPreviewBarProps(token) { return __async(this, null, function* () { - let data = { - total: 0, - skip: 0, - limit: 0, - items: [] - }; + let data = []; let activeSegment, activeVariant; if (process.env.PREPR_ENV === "preview") { data = yield getPreprEnvironmentSegments(token); diff --git a/dist/index.mjs.map b/dist/index.mjs.map index 0f88d88..6bcd812 100644 --- a/dist/index.mjs.map +++ b/dist/index.mjs.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\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(\n token: string\n): Promise {\n try {\n const response = await fetch('https://api.eu1.prepr.io/segments', {\n headers: {\n Authorization: `Bearer ${token}`,\n 'User-Agent': 'Prepr-Preview-Bar/1.0',\n },\n })\n try {\n return await response.json()\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return {\n total: 0,\n skip: 0,\n limit: 0,\n items: [],\n }\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return {\n total: 0,\n skip: 0,\n limit: 0,\n items: [],\n }\n }\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 let data: PreprSegmentsResponse = {\n total: 0,\n skip: 0,\n limit: 0,\n items: [],\n }\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n"],"mappings":"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","names":[]} \ No newline at end of file +{"version":3,"sources":["../src/index.ts","../package.json","../src/utils.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\nimport { getPackageVersion } from './utils'\nimport { PreprSegment } from './shared/types'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\n }\n })\n\n return newHeaders\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Array of PreprSegmentResponse\n */\nexport async function getPreprEnvironmentSegments(\n token: string\n): Promise {\n if (!token) {\n console.error(\n 'No token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n if (!token.startsWith('https://')) {\n console.error(\n 'Invalid token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n try {\n const response = await fetch(token, {\n headers: {\n 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n body: JSON.stringify({\n query: `{\n _Segments {\n _id\n name\n }\n }`,\n }),\n })\n try {\n const json = await response.json()\n return json.data?._Segments as PreprSegment[]\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return []\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return []\n }\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: PreprSegment[]\n}> {\n let data: PreprSegment[] = []\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n","{\n \"name\": \"@preprio/prepr-nextjs\",\n \"version\": \"1.0.1\",\n \"description\": \"A next.js package containing helper functions and a preview bar to use in combination with Prepr\",\n \"main\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"module\": \"./dist/index.mjs\",\n \"files\": [\n \"dist\",\n \"package.json\"\n ],\n \"exports\": {\n \".\": {\n \"types\": \"./dist/index.d.ts\",\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.js\"\n },\n \"./components\": {\n \"types\": \"./dist/components.d.ts\",\n \"import\": \"./dist/components.js\",\n \"require\": \"./dist/components.js\"\n },\n \"./dist/components.css\": {\n \"import\": \"./dist/components.css\",\n \"require\": \"./dist/components.css\"\n },\n \"./dist/main.css\": {\n \"import\": \"./dist/main.css\",\n \"require\": \"./dist/main.css\"\n }\n },\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\"\n },\n \"author\": \"Prepr\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"autoprefixer\": \"^10.4.20\",\n \"postcss\": \"^8.4.47\",\n \"prettier\": \"3.3.3\",\n \"tailwindcss\": \"^3.4.13\",\n \"ts-node\": \"^10.9.2\",\n \"tsup\": \"^8.2.4\",\n \"typescript\": \"^5.5.4\"\n },\n \"dependencies\": {\n \"@headlessui/react\": \"^2.1.8\",\n \"@vercel/functions\": \"^1.6.0\",\n \"classnames\": \"^2.5.1\",\n \"clsx\": \"^2.1.1\",\n \"micromatch\": \"^4.0.8\",\n \"next\": \"^14.2.10\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-icons\": \"^5.3.0\",\n \"rollup\": \"^4.22.4\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/preprio/prepr-nextjs.git\"\n },\n \"keywords\": [\n \"prepr\",\n \"nextjs\"\n ],\n \"bugs\": {\n \"url\": \"https://github.com/preprio/prepr-nextjs/issues\"\n },\n \"homepage\": \"https://github.com/preprio/prepr-nextjs#readme\"\n}\n","import pjson from '../package.json'\n\nexport function getPackageVersion() {\n return pjson.version\n}\n"],"mappings":"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","names":[]} \ No newline at end of file diff --git a/dist/types-DmITW6Tn.d.mts b/dist/types-DmITW6Tn.d.mts new file mode 100644 index 0000000..abec159 --- /dev/null +++ b/dist/types-DmITW6Tn.d.mts @@ -0,0 +1,6 @@ +type PreprSegment = { + _id: string; + name: string; +}; + +export type { PreprSegment as P }; diff --git a/dist/types-DmITW6Tn.d.ts b/dist/types-DmITW6Tn.d.ts new file mode 100644 index 0000000..abec159 --- /dev/null +++ b/dist/types-DmITW6Tn.d.ts @@ -0,0 +1,6 @@ +type PreprSegment = { + _id: string; + name: string; +}; + +export type { PreprSegment as P }; diff --git a/package.json b/package.json index 240588e..c864ecc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@preprio/prepr-nextjs", - "version": "1.1.0", + "version": "1.0.1", "description": "A next.js package containing helper functions and a preview bar to use in combination with Prepr", "main": "./dist/index.js", "types": "./dist/index.d.ts", diff --git a/src/components/PreprPreviewBar.tsx b/src/components/PreprPreviewBar.tsx index 992a71d..e73ca5f 100644 --- a/src/components/PreprPreviewBar.tsx +++ b/src/components/PreprPreviewBar.tsx @@ -17,17 +17,20 @@ import { import { FaCaretDown, FaCheck } from 'react-icons/fa6' import InfoPopover from './InfoPopover' import { clsx } from 'clsx' +import { PreprSegment } from '../shared/types' export function PreprPreviewBar(props: { activeSegment?: string | null activeVariant?: string | null - data?: any + data?: PreprSegment[] }) { const { activeSegment, activeVariant, data } = props - const [segmentList, setSegmentList] = useState(data?.items) + const [segmentList, setSegmentList] = useState(data) const [isToggled, setIsToggled] = useState(false) const searchParams = useSearchParams() + console.log('SEGMENTS:', segmentList) + if (searchParams.get('prepr_hide_bar') === 'true') { return null } @@ -37,24 +40,20 @@ export function PreprPreviewBar(props: { return null } - if ( - segmentList && - segmentList[0] && - segmentList[0].reference_id !== 'null' - ) { + if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') { setSegmentList([ { - id: 'null', - reference_id: 'null', - body: 'All other users', + _id: 'null', + name: 'All other users', }, ...segmentList, ]) } const emptyVariant = 'A' - const emptySegment = { - body: 'Choose segment', + const emptySegment: PreprSegment = { + name: 'Choose segment', + _id: 'null', } useEffect(() => { @@ -67,10 +66,11 @@ export function PreprPreviewBar(props: { } }) - const [selectedSegment, setSelectedSegment] = useState( + const [selectedSegment, setSelectedSegment] = useState( (segmentList && segmentList.filter( - (segmentData: any) => segmentData === activeSegment + (segmentData: PreprSegment) => + segmentData.name === activeSegment )[0]) || emptySegment ) @@ -91,7 +91,7 @@ export function PreprPreviewBar(props: { } if (key === 'prepr_preview_segment' && value) { setSelectedSegment(value) - params.set(key, value.reference_id as string) + params.set(key, value._id as string) } // Remove parameters with value "null" @@ -159,7 +159,7 @@ export function PreprPreviewBar(props: { handleSearchParams( 'prepr_preview_segment', @@ -180,7 +180,7 @@ export function PreprPreviewBar(props: { className="prp-w-full prp-overflow-hidden prp-mr-auto" > {segmentList.length > 0 - ? selectedSegment.body + ? selectedSegment.name : 'No segments'}
@@ -191,39 +191,42 @@ export function PreprPreviewBar(props: { anchor="top start" className="prp-z-[9999] prp-rounded-md prp-bg-white prp-h-1/3 prp-mt-2 prp-shadow-xl" > - {segmentList?.map((segment: any) => ( - - ( + -
- {segment.body} -
- - ))} + +
+ {segment.name} +
+ + ) + )}
@@ -280,7 +283,7 @@ export function PreprPreviewBar(props: { diff --git a/src/index.ts b/src/index.ts index e344628..5e5e16b 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,6 +1,8 @@ import { NextResponse } from 'next/server' import { ipAddress } from '@vercel/functions' import { headers } from 'next/headers' +import { getPackageVersion } from './utils' +import { PreprSegment } from './shared/types' /** * @@ -157,59 +159,54 @@ export async function getPreprHeaders() { return newHeaders } -export type PreprSegment = { - id: string - created_on: string - changed_on: string - synced_on: string - label: string - reference_id: string - body: string - query: string - count: number -} - -export 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 + * @returns Array of PreprSegmentResponse */ export async function getPreprEnvironmentSegments( token: string -): Promise { +): Promise { + if (!token) { + console.error( + 'No token provided, make sure you are using your Prepr GraphQL URL' + ) + return [] + } + + if (!token.startsWith('https://')) { + console.error( + 'Invalid token provided, make sure you are using your Prepr GraphQL URL' + ) + return [] + } + try { - const response = await fetch('https://api.eu1.prepr.io/segments', { + const response = await fetch(token, { headers: { - Authorization: `Bearer ${token}`, - 'User-Agent': 'Prepr-Preview-Bar/1.0', + 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`, + 'Content-Type': 'application/json', }, + method: 'POST', + body: JSON.stringify({ + query: `{ + _Segments { + _id + name + } + }`, + }), }) try { - return await response.json() + const json = await response.json() + return json.data?._Segments as PreprSegment[] } catch (jsonError) { console.error('Error parsing JSON, please contact Prepr support') - return { - total: 0, - skip: 0, - limit: 0, - items: [], - } + return [] } } catch (error) { console.error('Error fetching segments:', error) - return { - total: 0, - skip: 0, - limit: 0, - items: [], - } + return [] } } @@ -221,14 +218,9 @@ export async function getPreprEnvironmentSegments( export async function getPreviewBarProps(token: string): Promise<{ activeSegment: string | null activeVariant: string | null - data: PreprSegmentsResponse + data: PreprSegment[] }> { - let data: PreprSegmentsResponse = { - total: 0, - skip: 0, - limit: 0, - items: [], - } + let data: PreprSegment[] = [] let activeSegment, activeVariant // Prevent unnecessary function calling in production diff --git a/src/shared/types.ts b/src/shared/types.ts new file mode 100644 index 0000000..f11da6e --- /dev/null +++ b/src/shared/types.ts @@ -0,0 +1,4 @@ +export type PreprSegment = { + _id: string + name: string +} diff --git a/src/utils.ts b/src/utils.ts new file mode 100644 index 0000000..09a73fc --- /dev/null +++ b/src/utils.ts @@ -0,0 +1,5 @@ +import pjson from '../package.json' + +export function getPackageVersion() { + return pjson.version +} diff --git a/tsconfig.json b/tsconfig.json index c2adf32..982707d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,6 +15,7 @@ "noImplicitAny": true, "strictNullChecks": false, "noUnusedLocals": false, + "resolveJsonModule": true, "noUnusedParameters": true, "allowSyntheticDefaultImports": true }, From 7d3b3561c615a36ca00cb3e07dbc86e9f44aa835 Mon Sep 17 00:00:00 2001 From: Kevintjuhz Date: Mon, 3 Feb 2025 15:10:17 +0100 Subject: [PATCH 2/5] =?UTF-8?q?=E2=80=98null=E2=80=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/components.d.mts | 10 ------- dist/components.d.ts | 10 ------- dist/components.js | 2 +- dist/components.js.map | 2 +- dist/components.mjs | 2 +- dist/components.mjs.map | 2 +- dist/index.d.mts | 45 ------------------------------ dist/index.d.ts | 45 ------------------------------ dist/types-DmITW6Tn.d.mts | 6 ---- dist/types-DmITW6Tn.d.ts | 6 ---- src/components/PreprPreviewBar.tsx | 2 +- 11 files changed, 5 insertions(+), 127 deletions(-) delete mode 100644 dist/components.d.mts delete mode 100644 dist/components.d.ts delete mode 100644 dist/index.d.mts delete mode 100644 dist/index.d.ts delete mode 100644 dist/types-DmITW6Tn.d.mts delete mode 100644 dist/types-DmITW6Tn.d.ts diff --git a/dist/components.d.mts b/dist/components.d.mts deleted file mode 100644 index 857dd06..0000000 --- a/dist/components.d.mts +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; -import { P as PreprSegment } from './types-DmITW6Tn.mjs'; - -declare function PreprPreviewBar(props: { - activeSegment?: string | null; - activeVariant?: string | null; - data?: PreprSegment[]; -}): React.JSX.Element; - -export { PreprPreviewBar }; diff --git a/dist/components.d.ts b/dist/components.d.ts deleted file mode 100644 index 46578b6..0000000 --- a/dist/components.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; -import { P as PreprSegment } from './types-DmITW6Tn.js'; - -declare function PreprPreviewBar(props: { - activeSegment?: string | null; - activeVariant?: string | null; - data?: PreprSegment[]; -}): React.JSX.Element; - -export { PreprPreviewBar }; diff --git a/dist/components.js b/dist/components.js index faaa423..bcdceb1 100644 --- a/dist/components.js +++ b/dist/components.js @@ -332,7 +332,7 @@ function PreprPreviewBar(props) { ResetButton, { handleClick: handleReset, - enabled: selectedSegment._id !== null || selectedVariant !== "A" + enabled: selectedSegment._id !== "null" || selectedVariant !== "A" } )))) ), /* @__PURE__ */ import_react5.default.createElement( diff --git a/dist/components.js.map b/dist/components.js.map index 5c9ad57..996c208 100644 --- a/dist/components.js.map +++ b/dist/components.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/components.ts","../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport \"./main.css\"\nimport {PreprPreviewBar} from './components/PreprPreviewBar'\n\nexport {PreprPreviewBar}","'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\nimport { PreprSegment } from '../shared/types'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: PreprSegment[]\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n console.log('SEGMENTS:', segmentList)\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') {\n setSegmentList([\n {\n _id: 'null',\n name: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment: PreprSegment = {\n name: 'Choose segment',\n _id: 'null',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: PreprSegment) =>\n segmentData.name === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value._id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.name\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map(\n (segment: PreprSegment) => (\n \n \n \n {segment.name}\n
\n \n )\n )}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["import_react","React","import_react","classNames","React","import_react","import_fa6","import_react","React","key","value","React"]} \ No newline at end of file +{"version":3,"sources":["../src/components.ts","../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport \"./main.css\"\nimport {PreprPreviewBar} from './components/PreprPreviewBar'\n\nexport {PreprPreviewBar}","'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\nimport { PreprSegment } from '../shared/types'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: PreprSegment[]\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n console.log('SEGMENTS:', segmentList)\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') {\n setSegmentList([\n {\n _id: 'null',\n name: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment: PreprSegment = {\n name: 'Choose segment',\n _id: 'null',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: PreprSegment) =>\n segmentData.name === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value._id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.name\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map(\n (segment: PreprSegment) => (\n \n \n \n {segment.name}\n
\n \n )\n )}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["import_react","React","import_react","classNames","React","import_react","import_fa6","import_react","React","key","value","React"]} \ No newline at end of file diff --git a/dist/components.mjs b/dist/components.mjs index ec40e04..0ca79af 100644 --- a/dist/components.mjs +++ b/dist/components.mjs @@ -306,7 +306,7 @@ function PreprPreviewBar(props) { ResetButton, { handleClick: handleReset, - enabled: selectedSegment._id !== null || selectedVariant !== "A" + enabled: selectedSegment._id !== "null" || selectedVariant !== "A" } )))) ), /* @__PURE__ */ React4.createElement( diff --git a/dist/components.mjs.map b/dist/components.mjs.map index 418dd8f..1bb7385 100644 --- a/dist/components.mjs.map +++ b/dist/components.mjs.map @@ -1 +1 @@ -{"version":3,"sources":["../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\nimport { PreprSegment } from '../shared/types'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: PreprSegment[]\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n console.log('SEGMENTS:', segmentList)\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') {\n setSegmentList([\n {\n _id: 'null',\n name: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment: PreprSegment = {\n name: 'Choose segment',\n _id: 'null',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: PreprSegment) =>\n segmentData.name === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value._id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.name\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map(\n (segment: PreprSegment) => (\n \n \n \n {segment.name}\n
\n \n )\n )}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["React","React","React","key","value","React"]} \ No newline at end of file +{"version":3,"sources":["../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport React, { useEffect, useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown, FaCheck } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\nimport { clsx } from 'clsx'\nimport { PreprSegment } from '../shared/types'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: PreprSegment[]\n}) {\n const { activeSegment, activeVariant, data } = props\n const [segmentList, setSegmentList] = useState(data)\n const [isToggled, setIsToggled] = useState(false)\n const searchParams = useSearchParams()\n\n console.log('SEGMENTS:', segmentList)\n\n if (searchParams.get('prepr_hide_bar') === 'true') {\n return null\n }\n\n // Hide the preview bar if not on the client or if the page is in an iframe\n if (typeof window !== 'undefined' && window?.parent !== window.self) {\n return null\n }\n\n if (segmentList && segmentList[0] && segmentList[0]._id !== 'null') {\n setSegmentList([\n {\n _id: 'null',\n name: 'All other users',\n },\n ...segmentList,\n ])\n }\n\n const emptyVariant = 'A'\n const emptySegment: PreprSegment = {\n name: 'Choose segment',\n _id: 'null',\n }\n\n useEffect(() => {\n if (!window) {\n return\n }\n\n if (window.localStorage.getItem('isToggled')) {\n setIsToggled(window.localStorage.getItem('isToggled') === 'true')\n }\n })\n\n const [selectedSegment, setSelectedSegment] = useState(\n (segmentList &&\n segmentList.filter(\n (segmentData: PreprSegment) =>\n segmentData.name === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleSearchParams = (key: string, value: any) => {\n const params = new URLSearchParams(window.location.search)\n\n if (key === 'prepr_preview_ab') {\n setSelectedVariant(value)\n params.set(key, value as string)\n }\n if (key === 'prepr_preview_segment' && value) {\n setSelectedSegment(value)\n params.set(key, value._id as string)\n }\n\n // Remove parameters with value \"null\"\n for (const [key, value] of params.entries()) {\n if (value === 'null' || value === null || value === undefined) {\n params.delete(key)\n }\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleToggle = () => {\n setIsToggled(!isToggled)\n window.localStorage.setItem('isToggled', String(!isToggled))\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('prepr_preview_segment', 'null')\n params.append('prepr_preview_ab', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n \n
\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n \n Apply segment\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_segment',\n value\n )\n }\n >\n 0)}\n className=\"disabled:prp-cursor-not-allowed disabled:prp-text-gray-400 disabled:prp-bg-gray-200 prp-h-10 prp-flex prp-gap-2 prp-w-full md:prp-w-48 prp-flex-nowrap prp-text-nowrap prp-overflow-hidden prp-text-ellipsis prp-rounded-lg data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-px-2 md:prp-px-4 prp-regular-text prp-text-gray-500\"\n >\n \n {segmentList.length > 0\n ? selectedSegment.name\n : 'No segments'}\n
\n
\n \n
\n \n \n {segmentList?.map(\n (segment: PreprSegment) => (\n \n \n \n {segment.name}\n
\n \n )\n )}\n \n \n
\n\n
\n
\n \n Show A/B variant\n \n \n
\n\n \n handleSearchParams(\n 'prepr_preview_ab',\n value\n )\n }\n >\n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n
\n \n
\n
\n \n \n \n \n \n Adaptive Preview\n {isToggled ? (\n \n \n \n ) : (\n \n \n \n )}\n \n \n \n \n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-2 prp-px-3 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text prp-h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["React","React","React","key","value","React"]} \ No newline at end of file diff --git a/dist/index.d.mts b/dist/index.d.mts deleted file mode 100644 index 3cdfc8f..0000000 --- a/dist/index.d.mts +++ /dev/null @@ -1,45 +0,0 @@ -import { NextResponse } from 'next/server'; -import { P as PreprSegment } from './types-DmITW6Tn.mjs'; - -/** - * - * @param request NextRequest object - * @param response optional NextResponse object - */ -declare function PreprMiddleware(request: any, response?: NextResponse): NextResponse; -/** - * Returns the Prepr Customer ID from the headers - */ -declare function getPreprUUID(): Promise; -/** - * Retuns the active segment from the headers - */ -declare function getActiveSegment(): Promise; -/** - * Returns the active variant from the headers - */ -declare function getActiveVariant(): Promise; -/** - * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode) - */ -declare function getPreprHeaders(): Promise<{ - [key: string]: string; -}>; -/** - * Fetches the segments from the Prepr API - * @param token Prepr access token with scope 'segments' - * @returns Array of PreprSegmentResponse - */ -declare function getPreprEnvironmentSegments(token: string): Promise; -/** - * 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: PreprSegment[]; -}>; - -export { PreprMiddleware, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index 85bff1d..0000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { NextResponse } from 'next/server'; -import { P as PreprSegment } from './types-DmITW6Tn.js'; - -/** - * - * @param request NextRequest object - * @param response optional NextResponse object - */ -declare function PreprMiddleware(request: any, response?: NextResponse): NextResponse; -/** - * Returns the Prepr Customer ID from the headers - */ -declare function getPreprUUID(): Promise; -/** - * Retuns the active segment from the headers - */ -declare function getActiveSegment(): Promise; -/** - * Returns the active variant from the headers - */ -declare function getActiveVariant(): Promise; -/** - * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode) - */ -declare function getPreprHeaders(): Promise<{ - [key: string]: string; -}>; -/** - * Fetches the segments from the Prepr API - * @param token Prepr access token with scope 'segments' - * @returns Array of PreprSegmentResponse - */ -declare function getPreprEnvironmentSegments(token: string): Promise; -/** - * 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: PreprSegment[]; -}>; - -export { PreprMiddleware, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; diff --git a/dist/types-DmITW6Tn.d.mts b/dist/types-DmITW6Tn.d.mts deleted file mode 100644 index abec159..0000000 --- a/dist/types-DmITW6Tn.d.mts +++ /dev/null @@ -1,6 +0,0 @@ -type PreprSegment = { - _id: string; - name: string; -}; - -export type { PreprSegment as P }; diff --git a/dist/types-DmITW6Tn.d.ts b/dist/types-DmITW6Tn.d.ts deleted file mode 100644 index abec159..0000000 --- a/dist/types-DmITW6Tn.d.ts +++ /dev/null @@ -1,6 +0,0 @@ -type PreprSegment = { - _id: string; - name: string; -}; - -export type { PreprSegment as P }; diff --git a/src/components/PreprPreviewBar.tsx b/src/components/PreprPreviewBar.tsx index e73ca5f..69a3cd9 100644 --- a/src/components/PreprPreviewBar.tsx +++ b/src/components/PreprPreviewBar.tsx @@ -283,7 +283,7 @@ export function PreprPreviewBar(props: { From 124cc6378e906947fa5642ba98a04ded3f7e2b30 Mon Sep 17 00:00:00 2001 From: Kevintjuhz Date: Tue, 4 Feb 2025 09:58:32 +0100 Subject: [PATCH 3/5] Update package version --- dist/index.js | 2 +- dist/index.js.map | 2 +- dist/index.mjs | 2 +- dist/index.mjs.map | 2 +- package.json | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/dist/index.js b/dist/index.js index 616f8ca..d43323c 100644 --- a/dist/index.js +++ b/dist/index.js @@ -55,7 +55,7 @@ var import_headers = require("next/headers"); // package.json var package_default = { name: "@preprio/prepr-nextjs", - version: "1.0.1", + version: "1.1.0", description: "A next.js package containing helper functions and a preview bar to use in combination with Prepr", main: "./dist/index.js", types: "./dist/index.d.ts", diff --git a/dist/index.js.map b/dist/index.js.map index d0cbcb4..e18db0c 100644 --- a/dist/index.js.map +++ b/dist/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.ts","../package.json","../src/utils.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\nimport { getPackageVersion } from './utils'\nimport { PreprSegment } from './shared/types'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\n }\n })\n\n return newHeaders\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Array of PreprSegmentResponse\n */\nexport async function getPreprEnvironmentSegments(\n token: string\n): Promise {\n if (!token) {\n console.error(\n 'No token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n if (!token.startsWith('https://')) {\n console.error(\n 'Invalid token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n try {\n const response = await fetch(token, {\n headers: {\n 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n body: JSON.stringify({\n query: `{\n _Segments {\n _id\n name\n }\n }`,\n }),\n })\n try {\n const json = await response.json()\n return json.data?._Segments as PreprSegment[]\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return []\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return []\n }\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: PreprSegment[]\n}> {\n let data: PreprSegment[] = []\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n","{\n \"name\": \"@preprio/prepr-nextjs\",\n \"version\": \"1.0.1\",\n \"description\": \"A next.js package containing helper functions and a preview bar to use in combination with Prepr\",\n \"main\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"module\": \"./dist/index.mjs\",\n \"files\": [\n \"dist\",\n \"package.json\"\n ],\n \"exports\": {\n \".\": {\n \"types\": \"./dist/index.d.ts\",\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.js\"\n },\n \"./components\": {\n \"types\": \"./dist/components.d.ts\",\n \"import\": \"./dist/components.js\",\n \"require\": \"./dist/components.js\"\n },\n \"./dist/components.css\": {\n \"import\": \"./dist/components.css\",\n \"require\": \"./dist/components.css\"\n },\n \"./dist/main.css\": {\n \"import\": \"./dist/main.css\",\n \"require\": \"./dist/main.css\"\n }\n },\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\"\n },\n \"author\": \"Prepr\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"autoprefixer\": \"^10.4.20\",\n \"postcss\": \"^8.4.47\",\n \"prettier\": \"3.3.3\",\n \"tailwindcss\": \"^3.4.13\",\n \"ts-node\": \"^10.9.2\",\n \"tsup\": \"^8.2.4\",\n \"typescript\": \"^5.5.4\"\n },\n \"dependencies\": {\n \"@headlessui/react\": \"^2.1.8\",\n \"@vercel/functions\": \"^1.6.0\",\n \"classnames\": \"^2.5.1\",\n \"clsx\": \"^2.1.1\",\n \"micromatch\": \"^4.0.8\",\n \"next\": \"^14.2.10\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-icons\": \"^5.3.0\",\n \"rollup\": \"^4.22.4\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/preprio/prepr-nextjs.git\"\n },\n \"keywords\": [\n \"prepr\",\n \"nextjs\"\n ],\n \"bugs\": {\n \"url\": \"https://github.com/preprio/prepr-nextjs/issues\"\n },\n \"homepage\": \"https://github.com/preprio/prepr-nextjs#readme\"\n}\n","import pjson from '../package.json'\n\nexport function getPackageVersion() {\n return pjson.version\n}\n"],"mappings":"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","names":[]} \ No newline at end of file +{"version":3,"sources":["../src/index.ts","../package.json","../src/utils.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\nimport { getPackageVersion } from './utils'\nimport { PreprSegment } from './shared/types'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\n }\n })\n\n return newHeaders\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Array of PreprSegmentResponse\n */\nexport async function getPreprEnvironmentSegments(\n token: string\n): Promise {\n if (!token) {\n console.error(\n 'No token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n if (!token.startsWith('https://')) {\n console.error(\n 'Invalid token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n try {\n const response = await fetch(token, {\n headers: {\n 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n body: JSON.stringify({\n query: `{\n _Segments {\n _id\n name\n }\n }`,\n }),\n })\n try {\n const json = await response.json()\n return json.data?._Segments as PreprSegment[]\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return []\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return []\n }\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: PreprSegment[]\n}> {\n let data: PreprSegment[] = []\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n","{\n \"name\": \"@preprio/prepr-nextjs\",\n \"version\": \"1.1.0\",\n \"description\": \"A next.js package containing helper functions and a preview bar to use in combination with Prepr\",\n \"main\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"module\": \"./dist/index.mjs\",\n \"files\": [\n \"dist\",\n \"package.json\"\n ],\n \"exports\": {\n \".\": {\n \"types\": \"./dist/index.d.ts\",\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.js\"\n },\n \"./components\": {\n \"types\": \"./dist/components.d.ts\",\n \"import\": \"./dist/components.js\",\n \"require\": \"./dist/components.js\"\n },\n \"./dist/components.css\": {\n \"import\": \"./dist/components.css\",\n \"require\": \"./dist/components.css\"\n },\n \"./dist/main.css\": {\n \"import\": \"./dist/main.css\",\n \"require\": \"./dist/main.css\"\n }\n },\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\"\n },\n \"author\": \"Prepr\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"autoprefixer\": \"^10.4.20\",\n \"postcss\": \"^8.4.47\",\n \"prettier\": \"3.3.3\",\n \"tailwindcss\": \"^3.4.13\",\n \"ts-node\": \"^10.9.2\",\n \"tsup\": \"^8.2.4\",\n \"typescript\": \"^5.5.4\"\n },\n \"dependencies\": {\n \"@headlessui/react\": \"^2.1.8\",\n \"@vercel/functions\": \"^1.6.0\",\n \"classnames\": \"^2.5.1\",\n \"clsx\": \"^2.1.1\",\n \"micromatch\": \"^4.0.8\",\n \"next\": \"^14.2.10\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-icons\": \"^5.3.0\",\n \"rollup\": \"^4.22.4\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/preprio/prepr-nextjs.git\"\n },\n \"keywords\": [\n \"prepr\",\n \"nextjs\"\n ],\n \"bugs\": {\n \"url\": \"https://github.com/preprio/prepr-nextjs/issues\"\n },\n \"homepage\": \"https://github.com/preprio/prepr-nextjs#readme\"\n}\n","import pjson from '../package.json'\n\nexport function getPackageVersion() {\n return pjson.version\n}\n"],"mappings":"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","names":[]} \ No newline at end of file diff --git a/dist/index.mjs b/dist/index.mjs index ff54eef..23c69f6 100644 --- a/dist/index.mjs +++ b/dist/index.mjs @@ -10,7 +10,7 @@ import { headers } from "next/headers"; // package.json var package_default = { name: "@preprio/prepr-nextjs", - version: "1.0.1", + version: "1.1.0", description: "A next.js package containing helper functions and a preview bar to use in combination with Prepr", main: "./dist/index.js", types: "./dist/index.d.ts", diff --git a/dist/index.mjs.map b/dist/index.mjs.map index 6bcd812..9ece653 100644 --- a/dist/index.mjs.map +++ b/dist/index.mjs.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.ts","../package.json","../src/utils.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\nimport { getPackageVersion } from './utils'\nimport { PreprSegment } from './shared/types'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\n }\n })\n\n return newHeaders\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Array of PreprSegmentResponse\n */\nexport async function getPreprEnvironmentSegments(\n token: string\n): Promise {\n if (!token) {\n console.error(\n 'No token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n if (!token.startsWith('https://')) {\n console.error(\n 'Invalid token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n try {\n const response = await fetch(token, {\n headers: {\n 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n body: JSON.stringify({\n query: `{\n _Segments {\n _id\n name\n }\n }`,\n }),\n })\n try {\n const json = await response.json()\n return json.data?._Segments as PreprSegment[]\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return []\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return []\n }\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: PreprSegment[]\n}> {\n let data: PreprSegment[] = []\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n","{\n \"name\": \"@preprio/prepr-nextjs\",\n \"version\": \"1.0.1\",\n \"description\": \"A next.js package containing helper functions and a preview bar to use in combination with Prepr\",\n \"main\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"module\": \"./dist/index.mjs\",\n \"files\": [\n \"dist\",\n \"package.json\"\n ],\n \"exports\": {\n \".\": {\n \"types\": \"./dist/index.d.ts\",\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.js\"\n },\n \"./components\": {\n \"types\": \"./dist/components.d.ts\",\n \"import\": \"./dist/components.js\",\n \"require\": \"./dist/components.js\"\n },\n \"./dist/components.css\": {\n \"import\": \"./dist/components.css\",\n \"require\": \"./dist/components.css\"\n },\n \"./dist/main.css\": {\n \"import\": \"./dist/main.css\",\n \"require\": \"./dist/main.css\"\n }\n },\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\"\n },\n \"author\": \"Prepr\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"autoprefixer\": \"^10.4.20\",\n \"postcss\": \"^8.4.47\",\n \"prettier\": \"3.3.3\",\n \"tailwindcss\": \"^3.4.13\",\n \"ts-node\": \"^10.9.2\",\n \"tsup\": \"^8.2.4\",\n \"typescript\": \"^5.5.4\"\n },\n \"dependencies\": {\n \"@headlessui/react\": \"^2.1.8\",\n \"@vercel/functions\": \"^1.6.0\",\n \"classnames\": \"^2.5.1\",\n \"clsx\": \"^2.1.1\",\n \"micromatch\": \"^4.0.8\",\n \"next\": \"^14.2.10\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-icons\": \"^5.3.0\",\n \"rollup\": \"^4.22.4\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/preprio/prepr-nextjs.git\"\n },\n \"keywords\": [\n \"prepr\",\n \"nextjs\"\n ],\n \"bugs\": {\n \"url\": \"https://github.com/preprio/prepr-nextjs/issues\"\n },\n \"homepage\": \"https://github.com/preprio/prepr-nextjs#readme\"\n}\n","import pjson from '../package.json'\n\nexport function getPackageVersion() {\n return pjson.version\n}\n"],"mappings":"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","names":[]} \ No newline at end of file +{"version":3,"sources":["../src/index.ts","../package.json","../src/utils.ts"],"sourcesContent":["import { NextResponse } from 'next/server'\nimport { ipAddress } from '@vercel/functions'\nimport { headers } from 'next/headers'\nimport { getPackageVersion } from './utils'\nimport { PreprSegment } from './shared/types'\n\n/**\n *\n * @param request NextRequest object\n * @param response optional NextResponse object\n */\nexport function PreprMiddleware(request: any, response?: NextResponse) {\n const newResponse = response || NextResponse.next()\n\n const utm_source = request.nextUrl.searchParams.get('utm_source')\n const utm_medium = request.nextUrl.searchParams.get('utm_medium')\n const utm_term = request.nextUrl.searchParams.get('utm_term')\n const utm_content = request.nextUrl.searchParams.get('utm_content')\n const utm_campaign = request.nextUrl.searchParams.get('utm_campaign')\n const initial_referral = request.headers.get('referer')\n\n const ip = ipAddress(request)\n\n if (ip) {\n newResponse.headers.set('Prepr-Visitor-IP', ip)\n }\n\n const hutkCookie = request.cookies.get('hubspotutk')?.value\n\n if (utm_source) {\n newResponse.headers.set('Prepr-Context-utm_source', utm_source)\n }\n\n if (utm_medium) {\n newResponse.headers.set('Prepr-Context-utm_medium', utm_medium)\n }\n\n if (utm_term) {\n newResponse.headers.set('Prepr-Context-utm_term', utm_term)\n }\n\n if (utm_content) {\n newResponse.headers.set('Prepr-Context-utm_content', utm_content)\n }\n\n if (utm_campaign) {\n newResponse.headers.set('Prepr-Context-utm_campaign', utm_campaign)\n }\n\n if (hutkCookie) {\n newResponse.headers.set('Prepr-Hubspot-Id', hutkCookie)\n }\n\n if (initial_referral) {\n newResponse.headers.set(\n 'prepr-context-initial_referral',\n initial_referral\n )\n }\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 newResponse.headers.set('Prepr-Customer-Id-Created', 'true')\n }\n\n newResponse.headers.set('Prepr-Customer-Id', cookie)\n\n if (process.env.PREPR_ENV === 'preview') {\n newResponse.headers.set('Prepr-Preview-Bar', 'true')\n\n if (request.nextUrl.searchParams.has('prepr_preview_segment')) {\n const segments = request.nextUrl.searchParams.get(\n 'prepr_preview_segment'\n )\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('prepr_preview_ab')) {\n const ab_testing =\n request.nextUrl.searchParams.get('prepr_preview_ab')\n let value = ab_testing?.toUpperCase()\n if (value === 'B') {\n value = 'B'\n } else {\n value = 'A'\n }\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 async function getPreprUUID() {\n const headersList = await headers()\n return headersList.get('prepr-customer-id')\n}\n\n/**\n * Retuns the active segment from the headers\n */\nexport async function getActiveSegment() {\n const headersList = await headers()\n return headersList.get('Prepr-Segments')\n}\n\n/**\n * Returns the active variant from the headers\n */\nexport async function getActiveVariant() {\n const headersList = await headers()\n return headersList.get('Prepr-ABtesting')\n}\n\n/**\n * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode)\n */\nexport async function getPreprHeaders() {\n let newHeaders: {\n [key: string]: string\n } = {}\n\n const headersList = await headers()\n\n headersList.forEach((value, key) => {\n if (key.startsWith('prepr')) {\n newHeaders[key] = value\n }\n })\n\n return newHeaders\n}\n\n/**\n * Fetches the segments from the Prepr API\n * @param token Prepr access token with scope 'segments'\n * @returns Array of PreprSegmentResponse\n */\nexport async function getPreprEnvironmentSegments(\n token: string\n): Promise {\n if (!token) {\n console.error(\n 'No token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n if (!token.startsWith('https://')) {\n console.error(\n 'Invalid token provided, make sure you are using your Prepr GraphQL URL'\n )\n return []\n }\n\n try {\n const response = await fetch(token, {\n headers: {\n 'User-Agent': `Prepr-Preview-Bar/${getPackageVersion()}`,\n 'Content-Type': 'application/json',\n },\n method: 'POST',\n body: JSON.stringify({\n query: `{\n _Segments {\n _id\n name\n }\n }`,\n }),\n })\n try {\n const json = await response.json()\n return json.data?._Segments as PreprSegment[]\n } catch (jsonError) {\n console.error('Error parsing JSON, please contact Prepr support')\n return []\n }\n } catch (error) {\n console.error('Error fetching segments:', error)\n return []\n }\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: PreprSegment[]\n}> {\n let data: PreprSegment[] = []\n let activeSegment, activeVariant\n\n // Prevent unnecessary function calling in production\n if (process.env.PREPR_ENV === 'preview') {\n data = await getPreprEnvironmentSegments(token)\n activeSegment = await getActiveSegment()\n activeVariant = await getActiveVariant()\n }\n\n return {\n activeSegment,\n activeVariant,\n data,\n }\n}\n","{\n \"name\": \"@preprio/prepr-nextjs\",\n \"version\": \"1.1.0\",\n \"description\": \"A next.js package containing helper functions and a preview bar to use in combination with Prepr\",\n \"main\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"module\": \"./dist/index.mjs\",\n \"files\": [\n \"dist\",\n \"package.json\"\n ],\n \"exports\": {\n \".\": {\n \"types\": \"./dist/index.d.ts\",\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.js\"\n },\n \"./components\": {\n \"types\": \"./dist/components.d.ts\",\n \"import\": \"./dist/components.js\",\n \"require\": \"./dist/components.js\"\n },\n \"./dist/components.css\": {\n \"import\": \"./dist/components.css\",\n \"require\": \"./dist/components.css\"\n },\n \"./dist/main.css\": {\n \"import\": \"./dist/main.css\",\n \"require\": \"./dist/main.css\"\n }\n },\n \"scripts\": {\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\"\n },\n \"author\": \"Prepr\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"autoprefixer\": \"^10.4.20\",\n \"postcss\": \"^8.4.47\",\n \"prettier\": \"3.3.3\",\n \"tailwindcss\": \"^3.4.13\",\n \"ts-node\": \"^10.9.2\",\n \"tsup\": \"^8.2.4\",\n \"typescript\": \"^5.5.4\"\n },\n \"dependencies\": {\n \"@headlessui/react\": \"^2.1.8\",\n \"@vercel/functions\": \"^1.6.0\",\n \"classnames\": \"^2.5.1\",\n \"clsx\": \"^2.1.1\",\n \"micromatch\": \"^4.0.8\",\n \"next\": \"^14.2.10\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-icons\": \"^5.3.0\",\n \"rollup\": \"^4.22.4\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/preprio/prepr-nextjs.git\"\n },\n \"keywords\": [\n \"prepr\",\n \"nextjs\"\n ],\n \"bugs\": {\n \"url\": \"https://github.com/preprio/prepr-nextjs/issues\"\n },\n \"homepage\": \"https://github.com/preprio/prepr-nextjs#readme\"\n}\n","import pjson from '../package.json'\n\nexport function getPackageVersion() {\n return pjson.version\n}\n"],"mappings":"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","names":[]} \ No newline at end of file diff --git a/package.json b/package.json index c864ecc..240588e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@preprio/prepr-nextjs", - "version": "1.0.1", + "version": "1.1.0", "description": "A next.js package containing helper functions and a preview bar to use in combination with Prepr", "main": "./dist/index.js", "types": "./dist/index.d.ts", From 073c530276da93bc0077a8d46d5f9044749dbec8 Mon Sep 17 00:00:00 2001 From: Kevintjuhz Date: Tue, 4 Feb 2025 09:58:45 +0100 Subject: [PATCH 4/5] Build --- dist/components.d.mts | 10 +++++++++ dist/components.d.ts | 10 +++++++++ dist/index.d.mts | 45 +++++++++++++++++++++++++++++++++++++++ dist/index.d.ts | 45 +++++++++++++++++++++++++++++++++++++++ dist/types-DmITW6Tn.d.mts | 6 ++++++ dist/types-DmITW6Tn.d.ts | 6 ++++++ 6 files changed, 122 insertions(+) create mode 100644 dist/components.d.mts create mode 100644 dist/components.d.ts create mode 100644 dist/index.d.mts create mode 100644 dist/index.d.ts create mode 100644 dist/types-DmITW6Tn.d.mts create mode 100644 dist/types-DmITW6Tn.d.ts diff --git a/dist/components.d.mts b/dist/components.d.mts new file mode 100644 index 0000000..857dd06 --- /dev/null +++ b/dist/components.d.mts @@ -0,0 +1,10 @@ +import React from 'react'; +import { P as PreprSegment } from './types-DmITW6Tn.mjs'; + +declare function PreprPreviewBar(props: { + activeSegment?: string | null; + activeVariant?: string | null; + data?: PreprSegment[]; +}): React.JSX.Element; + +export { PreprPreviewBar }; diff --git a/dist/components.d.ts b/dist/components.d.ts new file mode 100644 index 0000000..46578b6 --- /dev/null +++ b/dist/components.d.ts @@ -0,0 +1,10 @@ +import React from 'react'; +import { P as PreprSegment } from './types-DmITW6Tn.js'; + +declare function PreprPreviewBar(props: { + activeSegment?: string | null; + activeVariant?: string | null; + data?: PreprSegment[]; +}): React.JSX.Element; + +export { PreprPreviewBar }; diff --git a/dist/index.d.mts b/dist/index.d.mts new file mode 100644 index 0000000..3cdfc8f --- /dev/null +++ b/dist/index.d.mts @@ -0,0 +1,45 @@ +import { NextResponse } from 'next/server'; +import { P as PreprSegment } from './types-DmITW6Tn.mjs'; + +/** + * + * @param request NextRequest object + * @param response optional NextResponse object + */ +declare function PreprMiddleware(request: any, response?: NextResponse): NextResponse; +/** + * Returns the Prepr Customer ID from the headers + */ +declare function getPreprUUID(): Promise; +/** + * Retuns the active segment from the headers + */ +declare function getActiveSegment(): Promise; +/** + * Returns the active variant from the headers + */ +declare function getActiveVariant(): Promise; +/** + * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode) + */ +declare function getPreprHeaders(): Promise<{ + [key: string]: string; +}>; +/** + * Fetches the segments from the Prepr API + * @param token Prepr access token with scope 'segments' + * @returns Array of PreprSegmentResponse + */ +declare function getPreprEnvironmentSegments(token: string): Promise; +/** + * 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: PreprSegment[]; +}>; + +export { PreprMiddleware, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 0000000..85bff1d --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,45 @@ +import { NextResponse } from 'next/server'; +import { P as PreprSegment } from './types-DmITW6Tn.js'; + +/** + * + * @param request NextRequest object + * @param response optional NextResponse object + */ +declare function PreprMiddleware(request: any, response?: NextResponse): NextResponse; +/** + * Returns the Prepr Customer ID from the headers + */ +declare function getPreprUUID(): Promise; +/** + * Retuns the active segment from the headers + */ +declare function getActiveSegment(): Promise; +/** + * Returns the active variant from the headers + */ +declare function getActiveVariant(): Promise; +/** + * Helper function to retrieve Prepr headers (will filter out customer ID if in preview mode) + */ +declare function getPreprHeaders(): Promise<{ + [key: string]: string; +}>; +/** + * Fetches the segments from the Prepr API + * @param token Prepr access token with scope 'segments' + * @returns Array of PreprSegmentResponse + */ +declare function getPreprEnvironmentSegments(token: string): Promise; +/** + * 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: PreprSegment[]; +}>; + +export { PreprMiddleware, getActiveSegment, getActiveVariant, getPreprEnvironmentSegments, getPreprHeaders, getPreprUUID, getPreviewBarProps }; diff --git a/dist/types-DmITW6Tn.d.mts b/dist/types-DmITW6Tn.d.mts new file mode 100644 index 0000000..abec159 --- /dev/null +++ b/dist/types-DmITW6Tn.d.mts @@ -0,0 +1,6 @@ +type PreprSegment = { + _id: string; + name: string; +}; + +export type { PreprSegment as P }; diff --git a/dist/types-DmITW6Tn.d.ts b/dist/types-DmITW6Tn.d.ts new file mode 100644 index 0000000..abec159 --- /dev/null +++ b/dist/types-DmITW6Tn.d.ts @@ -0,0 +1,6 @@ +type PreprSegment = { + _id: string; + name: string; +}; + +export type { PreprSegment as P }; From e5d1f63563315e14511b0d3751dd9008ceb0f23e Mon Sep 17 00:00:00 2001 From: Mandy <88187770+mlingham79@users.noreply.github.com> Date: Tue, 4 Feb 2025 10:42:10 +0100 Subject: [PATCH 5/5] Update README.md --- README.md | 14 +++----------- 1 file changed, 3 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 8815e29..900e4e8 100644 --- a/README.md +++ b/README.md @@ -105,17 +105,9 @@ const getData = async () => { The preview bar component fetches all segments from the Prepr API. So, you need to give it access to do this as follows: 1. In your Prepr environment, go to the **Settings → Access tokens** page to view all the access tokens. -2. Click the **Add access token** button to create a new access token, give it a name and choose the segments scope like in the image below. +2. Click the *GraphQL Preview* access token to open it and tick the **Enable edit mode** checkbox and click the **Save** button. -![Segments access token](https://assets-site.prepr.io//2mcoy87hhmfz-segments-access-token.png) - -3. Click the **Save** button and copy the generated *Access token*. - -4. Add a new variable `PREPR_SEGMENTS_ACCESS_TOKEN` to the `.env` file and paste the value you just copied. - -```bash -PREPR_SEGMENTS_ACCESS_TOKEN= -``` +![Preview access token](https://assets-site.prepr.io/229kaekn7m96//preview-access-token-enable-edit-mode.png) To implement the *Adaptive Preview Bar* component, navigate to your root layout file, this is usually `layout.tsx`. @@ -132,7 +124,7 @@ import '@preprio/prepr-nextjs/dist/components.css' export default async function RootLayout({children}: {children: React.ReactNode}) { // Get the props for the PreviewBar component, pass the access token as an argument - const previewBarProps = await getPreviewBarProps(process.env.PREPR_SEGMENTS_ACCESS_TOKEN) + const previewBarProps = await getPreviewBarProps(process.env.PREPR_GRAPHQL_URL) return (