@repdf/preview 0.7.0 → 0.11.0

package/dist/preview/.next/static/chunks/pages/_error-f0290a98eb3ed0ec.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[731],{1851:(_,n,e)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return e(8388)}])}},_=>{_.O(0,[636,593,792],()=>_(_.s=1851)),_N_E=_.O()}]);

package/dist/preview/.next/static/chunks/pages/index-b9f7f3adc7e8841e.js

@@ -0,0 +1,55 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[332],{5567:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>m,default:()=>p});var s=r(6029),a=r(5669),i=r.n(a),n=r(4587),o=r(5729);function l({code:e}){let[t,r]=function(){let[e,t]=(0,o.useState)(null);return[e,(0,o.useCallback)(async e=>{if(!navigator?.clipboard)return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(e),t(e),!0}catch(e){return console.warn("Copy failed",e),t(null),!1}},[])]}(),[a,i]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{if(i){let e=setTimeout(()=>{i(!1)},800);return()=>{clearTimeout(e)}}},[t,a]),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("button",{className:"absolute right-2 top-2 cursor-pointer rounded-md border border-gray-200 bg-white px-2 py-1 text-xs text-gray-500 hover:bg-gray-50 hover:text-gray-700",onClick:()=>{r(e),i(!0)},children:a?"Copied!":"Copy"}),(0,s.jsx)(n.f4,{theme:n.Zj.vsLight,code:e,language:"tsx",children:({className:e,style:t,tokens:r,getLineProps:a,getTokenProps:i})=>(0,s.jsx)("pre",{style:{...t,fontSize:"0.8rem",wordWrap:"break-word",whiteSpace:"pre-wrap",overflowWrap:"break-word"},children:r.map((e,t)=>(0,s.jsxs)("div",{...a({line:e}),style:{display:"flex"},children:[(0,s.jsx)("span",{style:{minWidth:"2em",userSelect:"none",opacity:.5},children:t+1}),(0,s.jsx)("span",{children:e.map((e,t)=>(0,s.jsx)("span",{...i({token:e})},t))})]},t))})})]})}let d=`import { Document } from "@repdf/core";
+import { TailwindV3 as Tailwind } from "@repdf/tailwind-v3";
+
+export default function WelcomePdf() {
+  return (
+    <Document>
+      <Tailwind>
+        <div className="p-4">
+          <h1 className="text-4xl font-bold">Welcome To Your First PDF!</h1>
+          <p>
+            This is a simple PDF template that you can use as a starting point
+            for your own PDFs.
+          </p>
+        </div>
+      </Tailwind>
+    </Document>
+  );
+}`,c=`import { Document } from "@repdf/core";
+import type { PdfPreviewSettings } from "@repdf/core";
+import { TailwindV3 as Tailwind } from "@repdf/tailwind-v3";
+
+
+type WelcomePdfProps = {
+  name: string;
+};
+
+export default function WelcomePdf({ name }: WelcomePdfProps) {
+  return (
+    <Document>
+      <Tailwind>
+        <div className="p-4">
+          <h1 className="text-4xl font-bold">Welcome To Your First PDF, {name}!</h1>
+          <p>
+            This is a simple PDF template that you can use as a starting point
+            for your own PDFs.
+          </p>
+        </div>
+      </Tailwind>
+    </Document>
+  );
+}
+
+WelcomePdf.PreviewSettings = {
+  pdfSettings: {
+    format: "A4",
+  },
+  previewProps: [
+    {
+      name: "John",
+    },
+    {
+      name: "Jane",
+    },
+  ],
+} satisfies PdfPreviewSettings<WelcomePdfProps>;`;var m=!0;function p(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i(),{children:(0,s.jsx)("title",{children:"rePDF - live previews of PDF templates"})}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex h-96 flex-col items-center justify-center text-center",children:[(0,s.jsx)("h1",{className:"mb-4 text-4xl font-bold",children:"rePDF"}),(0,s.jsx)("h2",{className:"mb-4 text-2xl font-semibold text-gray-800",children:"Design, Develop, Deploy and Delight with PDFs"}),(0,s.jsx)("p",{className:"mb-8 max-w-2xl text-lg text-gray-500",children:"The modern way to build PDFs, automatic previews and best practice components to make it easy to go from development to deployment."}),(0,s.jsx)("a",{href:"https://github.com/your-repo",target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)("button",{type:"button",className:"rounded-lg border border-gray-200 bg-gray-900 px-5 py-2.5 text-sm font-medium text-white transition hover:bg-gray-700",children:"Documentation"})})]}),(0,s.jsx)("div",{className:"mx-auto max-w-[800px] px-4 pb-16",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:"text-2xl font-semibold text-gray-800",children:"Creating your first PDF in rePDF"}),(0,s.jsx)("p",{className:"mt-1 text-gray-500",children:"Easy to get started. See documentation for more details."}),(0,s.jsxs)("div",{className:"mt-6 rounded-xl border border-gray-200",children:[(0,s.jsx)("div",{className:"p-5",children:(0,s.jsxs)("p",{className:"flex items-center gap-3 font-semibold text-gray-800",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-gray-100 text-sm font-bold text-gray-500",children:"1"}),"Basic Template"]})}),(0,s.jsx)("div",{className:"border-t border-gray-100 p-5",children:(0,s.jsx)(l,{code:d})}),(0,s.jsxs)("div",{className:"border-t border-gray-100 p-5",children:[(0,s.jsx)("p",{className:"text-sm font-medium text-gray-600",children:"Things to note:"}),(0,s.jsx)("ul",{className:"mt-2 list-inside list-disc space-y-2 text-sm text-gray-500",children:(0,s.jsxs)("li",{children:["The PDF template uses"," ",(0,s.jsx)("code",{className:"rounded bg-gray-100 px-1.5 py-0.5 text-xs text-gray-700",children:"export default function"})]})})]})]}),(0,s.jsxs)("div",{className:"mt-5 rounded-xl border border-gray-200",children:[(0,s.jsx)("div",{className:"p-5",children:(0,s.jsxs)("p",{className:"flex items-center gap-3 font-semibold text-gray-800",children:[(0,s.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-gray-100 text-sm font-bold text-gray-500",children:"2"}),"Add preview props and PDF settings"]})}),(0,s.jsx)("div",{className:"border-t border-gray-100 p-5",children:(0,s.jsx)(l,{code:c})}),(0,s.jsxs)("div",{className:"border-t border-gray-100 p-5",children:[(0,s.jsx)("p",{className:"text-sm font-medium text-gray-600",children:"Things to note:"}),(0,s.jsxs)("ul",{className:"mt-2 list-inside list-disc space-y-2 text-sm text-gray-500",children:[(0,s.jsxs)("li",{children:["Preview Settings consist of"," ",(0,s.jsx)("code",{className:"rounded bg-gray-100 px-1.5 py-0.5 text-xs text-gray-700",children:"pdfSettings"})," ","which are passed to the HTML renderer and"," ",(0,s.jsx)("code",{className:"rounded bg-gray-100 px-1.5 py-0.5 text-xs text-gray-700",children:"previewProps"})," ","(an array of preview props) which is data used to preview the PDF during development."]}),(0,s.jsxs)("li",{children:["You can make this typesafe using"," ",(0,s.jsx)("code",{className:"rounded bg-gray-100 px-1.5 py-0.5 text-xs text-gray-700",children:"satisfies PdfPreviewSettings<YourCustomType>"})]})]})]})]})]})})]})]})}},7703:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return r(5567)}])}},e=>{e.O(0,[7,636,593,792],()=>e(e.s=7703)),_N_E=e.O()}]);

package/dist/preview/.next/static/chunks/pages/preview/[...relTemplatePath]-85b368d356d07933.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[487],{3420:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>F,default:()=>C});var l=r(6029),s=r(212),a=r(5669),n=r.n(a),i=r(2203),u=r.n(i),o=r(1278),c=r(6919),d=r(2579),p=r(5729);function h(e,t,r){try{return e(t)}catch(e){return(0,d.l)("[nuqs] Error while parsing value `%s`: %O"+(r?" (for key `%s`)":""),t,e,r),null}}function m(e){function t(t){if(void 0===t)return null;let r="";if(Array.isArray(t)){if(void 0===t[0])return null;r=t[0]}return"string"==typeof t&&(r=t),h(e.parse,r)}return{type:"single",eq:(e,t)=>e===t,...e,parseServerSide:t,withDefault(e){return{...this,defaultValue:e,parseServerSide:r=>t(r)??e}},withOptions(e){return{...this,...e}}}}m({parse:e=>e,serialize:String});let f=m({parse:e=>{let t=parseInt(e);return t==t?t:null},serialize:e=>""+Math.round(e)});function g(e,t){return e.valueOf()===t.valueOf()}m({parse:e=>{let t=parseInt(e);return t==t?t-1:null},serialize:e=>""+Math.round(e+1)}),m({parse:e=>{let t=parseInt(e,16);return t==t?t:null},serialize:e=>{let t=Math.round(e).toString(16);return(1&t.length?"0":"")+t}}),m({parse:e=>{let t=parseFloat(e);return t==t?t:null},serialize:String}),m({parse:e=>"true"===e.toLowerCase(),serialize:String}),m({parse:e=>{let t=parseInt(e);return t==t?new Date(t):null},serialize:e=>""+e.valueOf(),eq:g}),m({parse:e=>{let t=new Date(e);return t.valueOf()==t.valueOf()?t:null},serialize:e=>e.toISOString(),eq:g}),m({parse:e=>{let t=new Date(e.slice(0,10));return t.valueOf()==t.valueOf()?t:null},serialize:e=>e.toISOString().slice(0,10),eq:g});let y=(0,c.r)(),x={};function j(e,t,r,l,s,a){let n=!1,i=Object.entries(e).reduce((e,[i,u])=>{var o;let d=t?.[i]??i,p=l[d],m="multi"===u.type?[]:null,f=void 0===p?("multi"===u.type?r?.getAll(d):r?.get(d))??m:p;return s&&a&&((o=s[d]??m)===f||null!==o&&null!==f&&"string"!=typeof o&&"string"!=typeof f&&o.length===f.length&&o.every((e,t)=>e===f[t]))?e[i]=a[i]??null:(n=!0,e[i]=((0,c.i)(f)?null:h(u.parse,f,d))??null,s&&(s[d]=f)),e},{});if(!n){let t=Object.keys(e),r=Object.keys(a??{});n=t.length!==r.length||t.some(e=>!r.includes(e))}return{state:i,hasChanged:n}}function b(e,t){return Object.fromEntries(Object.keys(e).map(r=>[r,e[r]??t[r]??null]))}function v(e,t={}){let{parse:r,type:l,serialize:s,eq:a,defaultValue:n,...i}=t,[{[e]:u},o]=function(e,t={}){let r=(0,p.useId)(),l=(0,d.i)(),s=(0,d.a)(),{history:a="replace",scroll:n=l?.scroll??!1,shallow:i=l?.shallow??!0,throttleMs:u=c.s.timeMs,limitUrlUpdates:o=l?.limitUrlUpdates,clearOnDefault:h=l?.clearOnDefault??!0,startTransition:m,urlKeys:f=x}=t,g=Object.keys(e).join(","),v=(0,p.useMemo)(()=>Object.fromEntries(Object.keys(e).map(e=>[e,f[e]??e])),[g,JSON.stringify(f)]),w=(0,d.r)(Object.values(v)),O=w.searchParams,P=(0,p.useRef)({}),S=(0,p.useMemo)(()=>Object.fromEntries(Object.keys(e).map(t=>[t,e[t].defaultValue??null])),[Object.values(e).map(({defaultValue:e})=>e).join(",")]),k=c.t.useQueuedQueries(Object.values(v)),[N,T]=(0,p.useState)(()=>j(e,f,O??new URLSearchParams,k).state),q=(0,p.useRef)(N);if((0,d.c)("[nuq+ %s `%s`] render - state: %O, iSP: %s",r,g,N,O),Object.keys(P.current).join("&")!==Object.values(v).join("&")){let{state:t,hasChanged:l}=j(e,f,O,k,P.current,q.current);l&&((0,d.c)("[nuq+ %s `%s`] State changed: %O",r,g,{state:t,initialSearchParams:O,queuedQueries:k,queryRef:P.current,stateRef:q.current}),q.current=t,T(t)),P.current=Object.fromEntries(Object.entries(v).map(([t,r])=>[r,e[t]?.type==="multi"?O?.getAll(r):O?.get(r)??null]))}(0,p.useEffect)(()=>{let{state:t,hasChanged:l}=j(e,f,O,k,P.current,q.current);l&&((0,d.c)("[nuq+ %s `%s`] State changed: %O",r,g,{state:t,initialSearchParams:O,queuedQueries:k,queryRef:P.current,stateRef:q.current}),q.current=t,T(t))},[Object.values(v).map(e=>`${e}=${O?.getAll(e)}`).join("&"),JSON.stringify(k)]),(0,p.useEffect)(()=>{let t=Object.keys(e).reduce((t,l)=>(t[l]=({state:t,query:s})=>{T(a=>{let{defaultValue:n}=e[l],i=v[l],u=t??n??null;return Object.is(a[l]??n??null,u)?((0,d.c)("[nuq+ %s `%s`] Cross-hook key sync %s: %O (default: %O). no change, skipping, resolved: %O",r,g,i,t,n,q.current),a):(q.current={...q.current,[l]:u},P.current[i]=s,(0,d.c)("[nuq+ %s `%s`] Cross-hook key sync %s: %O (default: %O). updateInternalState, resolved: %O",r,g,i,t,n,q.current),q.current)})},t),{});for(let l of Object.keys(e)){let e=v[l];(0,d.c)("[nuq+ %s `%s`] Subscribing to sync for `%s`",r,e,g),y.on(e,t[l])}return()=>{for(let l of Object.keys(e)){let e=v[l];(0,d.c)("[nuq+ %s `%s`] Unsubscribing to sync for `%s`",r,e,g),y.off(e,t[l])}}},[g,v]);let D=(0,p.useCallback)((t,l={})=>{let p,f=Object.fromEntries(Object.keys(e).map(e=>[e,null])),x="function"==typeof t?t(b(q.current,S))??f:t??f;(0,d.c)("[nuq+ %s `%s`] setState: %O",r,g,x);let j=0,O=!1,P=[];for(let[t,r]of Object.entries(x)){let f=e[t],g=v[t];if(!f||void 0===r)continue;(l.clearOnDefault??f.clearOnDefault??h)&&null!==r&&void 0!==f.defaultValue&&(f.eq??((e,t)=>e===t))(r,f.defaultValue)&&(r=null);let x=null===r?null:(f.serialize??String)(r);y.emit(g,{state:r,query:x});let b={key:g,query:x,options:{history:l.history??f.history??a,shallow:l.shallow??f.shallow??i,scroll:l.scroll??f.scroll??n,startTransition:l.startTransition??f.startTransition??m}};if(l?.limitUrlUpdates?.method==="debounce"||o?.method==="debounce"||f.limitUrlUpdates?.method==="debounce"){!0===b.options.shallow&&console.warn((0,d.s)(422));let e=l?.limitUrlUpdates?.timeMs??o?.timeMs??f.limitUrlUpdates?.timeMs??c.s.timeMs,t=c.t.push(b,e,w,s);j<e&&(p=t,j=e)}else{let e=l?.limitUrlUpdates?.timeMs??f?.limitUrlUpdates?.timeMs??o?.timeMs??l.throttleMs??f.throttleMs??u;P.push(c.t.abort(g)),c.n.push(b,e),O=!0}}let k=P.reduce((e,t)=>t(e),O?c.n.flush(w,s):c.n.getPendingPromise(w));return p??k},[g,a,i,n,u,o?.method,o?.timeMs,m,v,w.updateUrl,w.getSearchParamsSnapshot,w.rateLimitFactor,s,S]);return[(0,p.useMemo)(()=>b(N,S),[N,S]),D]}({[e]:{parse:r??(e=>e),type:l,serialize:s,eq:a,defaultValue:n}},i);return[u,(0,p.useCallback)((t,r={})=>o(r=>({[e]:"function"==typeof t?t(r[e]):t}),r),[e,o])]}var w=r(4587),O=r(3845);function P({relTemplatePath:e}){let{data:t,isLoading:r}=O.F.core.fileContents.useQuery({relTemplatePath:e});return r?(0,l.jsx)("div",{children:"Loading..."}):t?(0,l.jsx)("div",{children:(0,l.jsx)(w.f4,{theme:w.Zj.shadesOfPurple,code:t,language:"tsx",children:({className:e,style:t,tokens:r,getLineProps:s,getTokenProps:a})=>(0,l.jsx)("pre",{style:{...t,fontSize:"0.8rem",wordWrap:"break-word",whiteSpace:"pre-wrap",overflowWrap:"break-word",maxWidth:"100%"},children:r.map((e,t)=>(0,l.jsxs)("div",{...s({line:e}),style:{display:"flex"},children:[(0,l.jsx)("span",{style:{minWidth:"2em",userSelect:"none",opacity:.5},children:t+1}),(0,l.jsx)("span",{style:{flex:1,overflow:"hidden"},children:e.map((e,t)=>(0,l.jsx)("span",{...a({token:e}),style:{...a({token:e}).style,wordBreak:"break-all",whiteSpace:"pre-wrap"}},t))})]},t))})})}):(0,l.jsx)("div",{children:"Error"})}function S({message:e}){return(0,l.jsx)("div",{className:"absolute inset-0 flex h-full w-full items-center justify-center bg-gray-50",children:(0,l.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,l.jsx)("div",{className:"h-8 w-8 animate-spin rounded-full border-[3px] border-gray-200 border-t-gray-500"}),(0,l.jsx)("p",{className:"text-base text-gray-400",children:e})]})})}function k({relTemplatePath:e,previewPropGroup:t}){let{data:r}=O.F.core.generic.useQuery(void 0,{staleTime:1/0,initialData:()=>new Date().toISOString()}),[s,a]=(0,p.useState)(!0),n=(0,p.useMemo)(()=>{if(!r)return null;let l=new URLSearchParams({relativeTemplatePath:e,refresh:r,previewPropGroup:t??""});return`/api/component?${l.toString()}`},[r,e,t]);return(0,p.useEffect)(()=>{n&&a(!0)},[n]),(0,l.jsxs)("div",{className:"relative h-full w-full",children:[s&&(0,l.jsx)(S,{message:"Rendering preview"}),n?(0,l.jsx)("iframe",{src:n,className:"h-full w-full border-none",onLoad:()=>a(!1)}):null]})}function N({relTemplatePath:e,previewPropGroup:t}){let{data:r}=O.F.core.generic.useQuery(void 0,{staleTime:1/0,initialData:()=>new Date().toISOString()}),[s,a]=(0,p.useState)(!0),n=(0,p.useMemo)(()=>{if(!r)return null;let l=new URLSearchParams({relativeTemplatePath:e,refresh:r,previewPropGroup:t??""});return`/api/html?${l.toString()}`},[r,e,t]);return(0,p.useEffect)(()=>{n&&a(!0)},[n]),(0,l.jsxs)("div",{className:"relative h-full w-full",children:[s&&(0,l.jsx)(S,{message:"Rendering HTML"}),n?(0,l.jsx)("iframe",{src:n,className:"h-full w-full border-none",onLoad:()=>a(!1)}):null]})}function T({relTemplatePath:e,previewPropGroup:t}){let{data:r}=O.F.core.generic.useQuery(void 0,{staleTime:1/0,initialData:()=>new Date().toISOString()}),[s,a]=(0,p.useState)(!0),n=(0,p.useMemo)(()=>{if(!r)return null;let l=new URLSearchParams({relativeTemplatePath:e,refresh:r,previewPropGroup:t??""});return`/api/pdf?${l.toString()}`},[r,e,t]);return(0,p.useEffect)(()=>{n&&a(!0)},[n]),(0,l.jsxs)("div",{className:"relative h-full w-full",children:[s&&(0,l.jsx)(S,{message:"Generating PDF"}),n?(0,l.jsx)("iframe",{src:n,width:"100%",height:"100%",title:"PDF Preview",onLoad:()=>a(!1)}):null]})}var q=r(6772);let D=["component","pdf","html","code"],M={component:"Preview",pdf:"PDF",html:"HTML",code:"Code"};function U({relTemplatePath:e,previewPropGroup:t,onChangePropGroup:r}){let{data:s}=O.F.core.templateDetails.useQuery({relTemplatePath:e},{staleTime:1/0});return s&&0!==s.previewPropChoices.length?(0,l.jsx)("select",{className:"rounded-md border border-gray-300 p-2",onChange:e=>r(parseInt(e.target.value)),value:t,children:s.previewPropChoices.map((e,t)=>(0,l.jsxs)("option",{value:t,children:["Sample Data ",t+1]},t))}):null}function E({relTemplatePath:e,absoluteTemplatePath:t}){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n(),{children:(0,l.jsx)("title",{children:"Template Not Found - rePDF"})}),(0,l.jsx)("div",{className:"flex h-screen items-center justify-center",children:(0,l.jsxs)("div",{className:"max-w-lg text-center",children:[(0,l.jsx)("h1",{className:"text-2xl font-semibold text-gray-800 mb-3",children:"Template Not Found"}),(0,l.jsxs)("p",{className:"text-gray-600 mb-4",children:["No template file found at"," ",(0,l.jsx)("code",{className:"bg-gray-100 px-2 py-1 rounded text-sm break-all",children:e})]}),(0,l.jsxs)("p",{className:"text-sm text-gray-400 mb-6 break-all",children:["Looking in: ",t]}),(0,l.jsx)(u(),{href:"/",className:"inline-block rounded bg-gray-800 px-4 py-2 text-sm text-white hover:bg-gray-700",children:"Back to templates"})]})})]})}var F=!0;function C(){let e=(0,o.useRouter)(),[t,r]=v("sample",f.withDefault(0)),[a,i]=v("tab",m({parse:e=>D.includes(e)?e:null,serialize:String}).withDefault("component"));(0,p.useEffect)(()=>{let t=Array.isArray(e.query.tab)?e.query.tab[0]:e.query.tab;e.isReady&&!t&&i("component")},[e.isReady,e.query.tab,i]);let u=Array.isArray(e.query.relTemplatePath)?e.query.relTemplatePath.join("/"):e.query.relTemplatePath,c=Array.isArray(e.query.relTemplatePath)?e.query.relTemplatePath[e.query.relTemplatePath.length-1]:e.query.relTemplatePath,{data:d,isLoading:h}=O.F.core.templateCheck.useQuery({relTemplatePath:u},{enabled:!!u});if(!u||!c)return null;let g=u.startsWith("/")?u:`/${u}`;return h?null:d&&!d.fileExists?(0,l.jsx)(E,{relTemplatePath:u,absoluteTemplatePath:d.absoluteTemplatePath}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n(),{children:(0,l.jsx)("title",{children:"Preview PDF - rePDF"})}),(0,l.jsxs)("div",{className:"flex h-screen flex-col",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between border-b border-gray-200 bg-white p-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{children:(0,q.x)(c)}),(0,l.jsx)("p",{className:"text-xs text-gray-400",children:g})]}),(0,l.jsx)("div",{children:(0,l.jsx)(U,{relTemplatePath:u,previewPropGroup:t,onChangePropGroup:e=>r(e)})}),(0,l.jsx)("div",{children:(0,l.jsx)("ul",{className:"flex",children:D.map((e,t)=>(0,l.jsx)("li",{className:(0,s.A)("border border-gray-200 px-3 py-1.5 text-sm cursor-pointer",0===t&&"rounded-l-lg",t===D.length-1&&"rounded-r-lg",t<D.length-1&&"border-r-0",a===e?"bg-gray-100 font-medium text-gray-900":"text-gray-500 hover:bg-gray-50 hover:text-gray-700"),onClick:()=>i(e),children:M[e]},e))})})]}),(0,l.jsxs)("div",{className:"flex-grow",children:["code"===a&&(0,l.jsx)(P,{relTemplatePath:u}),"component"===a&&(0,l.jsx)(k,{relTemplatePath:u,previewPropGroup:t.toString()}),"html"===a&&(0,l.jsx)(N,{relTemplatePath:u,previewPropGroup:t.toString()}),"pdf"===a&&(0,l.jsx)(T,{relTemplatePath:u,previewPropGroup:t.toString()})]})]})]})}},7055:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/preview/[...relTemplatePath]",function(){return r(3420)}])}},e=>{e.O(0,[7,636,593,792],()=>e(e.s=7055)),_N_E=e.O()}]);

package/dist/preview/.next/static/chunks/pages/{test-787280cd6c1cdb85.js → test-a7ae3c7fa10ee85f.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[236],{1682:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var i=n(4930);function r(){return(0,i.jsx)("div",{id:"componentPreviewBody",style:{width:"100%",display:"flex",justifyContent:"center"},children:(0,i.jsxs)("div",{id:"componentPreviewSizer",style:{width:"210mm",height:"297mm",border:"1px solid #e5e7eb",backgroundColor:"white",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",marginTop:"1.25rem"},children:[" ",(0,i.jsx)("h1",{className:"text-2xl font-bold",children:"Test!"}),(0,i.jsx)("p",{children:"Some content. This is great content."}),(0,i.jsx)("div",{className:"w-full flex justify-center",children:(0,i.jsx)("div",{className:"h-96 w-96 bg-gray-200 border rounded"})})]})})}},5290:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/test",function(){return n(1682)}])}},e=>{e.O(0,[636,593,792],()=>e(e.s=5290)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[236],{2037:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var i=n(6029);function r(){return(0,i.jsx)("div",{id:"componentPreviewBody",style:{width:"100%",display:"flex",justifyContent:"center"},children:(0,i.jsxs)("div",{id:"componentPreviewSizer",style:{width:"210mm",height:"297mm",border:"1px solid #e5e7eb",backgroundColor:"white",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",marginTop:"1.25rem"},children:[" ",(0,i.jsx)("h1",{className:"text-2xl font-bold",children:"Test!"}),(0,i.jsx)("p",{children:"Some content. This is great content."}),(0,i.jsx)("div",{className:"w-full flex justify-center",children:(0,i.jsx)("div",{className:"h-96 w-96 bg-gray-200 border rounded"})})]})})}},9701:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/test",function(){return n(2037)}])}},e=>{e.O(0,[636,593,792],()=>e(e.s=9701)),_N_E=e.O()}]);

package/dist/preview/.next/static/css/c639b7970300178e.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.col-span-2{grid-column:span 2/span 2}.col-span-10{grid-column:span 10/span 10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[800px\]{max-width:800px}.max-w-lg{max-width:var(--container-lg)}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-t-gray-500{border-top-color:var(--color-gray-500)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-500{background-color:var(--color-green-500)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-red-500)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}

package/dist/preview/.next/static/e8AvtD5w9RjVfCGEepp3S/_buildManifest.js

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST=function(e,t,r,s){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:null,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:null,bitArray:[]},"/":[s,"static/chunks/pages/index-b9f7f3adc7e8841e.js"],"/_error":["static/chunks/pages/_error-f0290a98eb3ed0ec.js"],"/preview/[...relTemplatePath]":[s,"static/chunks/pages/preview/[...relTemplatePath]-85b368d356d07933.js"],"/test":["static/chunks/pages/test-a7ae3c7fa10ee85f.js"],sortedPages:["/","/_app","/_error","/preview/[...relTemplatePath]","/test"]}}(0,0,0,"static/chunks/7-71ad0f3afcc99aaf.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();