1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27593],{4132:(e,i,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/getting-started/providers/notion",function(){return s(48484)}])},7622:(e,i,s)=>{"use strict";s.d(i,{t:()=>$});var n=s(78488),t=s(69225),r=s(18648),l=s(81204),a=s(80070),h=s(29922),d=s(99190),c=s(76037),k=s(34732),o=s(25194),p=s(6773);function E({onFocus:e}){let i,[s,n]=(0,l.useState)(!0),t=(i=(0,l.useRef)(!1),(0,d.s)(()=>(i.current=!0,()=>{i.current=!1}),[]),i);return s?l.createElement(p.j,{as:"button",type:"button",features:p.u.Focusable,onFocus:i=>{i.preventDefault();let s,r=50;s=requestAnimationFrame(function i(){if(r--<=0){s&&cancelAnimationFrame(s);return}if(e()){if(cancelAnimationFrame(s),!t.current)return;n(!1);return}s=requestAnimationFrame(i)})}}):null}var x=s(18227),u=s(46912),j=s(24817),g=s(20198),y=s(23901);let f=l.createContext(null);function F({children:e}){let i=l.useRef({groups:new Map,get(e,i){var s;let n=this.groups.get(e);n||(n=new Map,this.groups.set(e,n));let t=null!=(s=n.get(i))?s:0;return n.set(i,t+1),[Array.from(n.keys()).indexOf(i),function(){let e=n.get(i);e>1?n.set(i,e-1):n.delete(i)}]}});return l.createElement(f.Provider,{value:i},e)}function m(e){let i=l.useContext(f);if(!i)throw Error("You must wrap your component in a <StableCollection>");let s=l.useId(),[n,t]=i.current.get(e,s);return l.useEffect(()=>t,[]),n}var b=s(96675),C=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(C||{}),v=(e=>(e[e.Less=-1]="Less",e[e.Equal=0]="Equal",e[e.Greater=1]="Greater",e))(v||{}),I=(e=>(e[e.SetSelectedIndex=0]="SetSelectedIndex",e[e.RegisterTab=1]="RegisterTab",e[e.UnregisterTab=2]="UnregisterTab",e[e.RegisterPanel=3]="RegisterPanel",e[e.UnregisterPanel=4]="UnregisterPanel",e))(I||{});let _={0(e,i){var s;let n=(0,x.wl)(e.tabs,e=>e.current),t=(0,x.wl)(e.panels,e=>e.current),r=n.filter(e=>{var i;return!(null!=(i=e.current)&&i.hasAttribute("disabled"))}),l={...e,tabs:n,panels:t};if(i.index<0||i.index>n.length-1){let s=(0,u.Y)(Math.sign(i.index-e.selectedIndex),{[-1]:()=>1,0:()=>(0,u.Y)(Math.sign(i.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(0===r.length)return l;let t=(0,u.Y)(s,{0:()=>n.indexOf(r[0]),1:()=>n.indexOf(r[r.length-1])});return{...l,selectedIndex:-1===t?e.selectedIndex:t}}let a=n.slice(0,i.index),h=[...n.slice(i.index),...a].find(e=>r.includes(e));if(!h)return l;let d=null!=(s=n.indexOf(h))?s:e.selectedIndex;return -1===d&&(d=e.selectedIndex),{...l,selectedIndex:d}},1(e,i){if(e.tabs.includes(i.tab))return e;let s=e.tabs[e.selectedIndex],n=(0,x.wl)([...e.tabs,i.tab],e=>e.current),t=e.selectedIndex;return e.info.current.isControlled||-1===(t=n.indexOf(s))&&(t=e.selectedIndex),{...e,tabs:n,selectedIndex:t}},2:(e,i)=>({...e,tabs:e.tabs.filter(e=>e!==i.tab)}),3:(e,i)=>e.panels.includes(i.panel)?e:{...e,panels:(0,x.wl)([...e.panels,i.panel],e=>e.current)},4:(e,i)=>({...e,panels:e.panels.filter(e=>e!==i.panel)})},w=(0,l.createContext)(null);function T(e){let i=(0,l.useContext)(w);if(null===i){let i=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,T),i}return i}w.displayName="TabsDataContext";let N=(0,l.createContext)(null);function A(e){let i=(0,l.useContext)(N);if(null===i){let i=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,A),i}return i}function D(e,i){return(0,u.Y)(i.type,_,e,i)}N.displayName="TabsActionsContext";let B=y.Ac.RenderStrategy|y.Ac.Static,O=(0,y.FX)(function(e,i){var s,n;let c=(0,l.useId)(),{id:p=`headlessui-tabs-tab-${c}`,disabled:E=!1,autoFocus:f=!1,...F}=e,{orientation:C,activation:v,selectedIndex:I,tabs:_,panels:w}=T("Tab"),N=A("Tab"),D=T("Tab"),[B,O]=(0,l.useState)(null),S=(0,l.useRef)(null),R=(0,o.P)(S,i,O);(0,d.s)(()=>N.registerTab(S),[N,S]);let P=m("tabs"),U=_.indexOf(S);-1===U&&(U=P);let H=U===I,M=(0,h._)(e=>{var i;let s=e();if(s===x.Me.Success&&"auto"===v){let e=null==(i=(0,g.T)(S))?void 0:i.activeElement,s=D.tabs.findIndex(i=>i.current===e);-1!==s&&N.change(s)}return s}),L=(0,h._)(e=>{let i=_.map(e=>
1e.current).filter(Boolean);if(e.key===b.D.Space||e.key===b.D.Enter){e.preventDefault(),e.stopPropagation(),N.change(U);return}switch(e.key){case b.D.Home:case b.D.PageUp:return e.preventDefault(),e.stopPropagation(),M(()=>(0,x.CU)(i,x.BD.First));case b.D.End:case b.D.PageDown:return e.preventDefault(),e.stopPropagation(),M(()=>(0,x.CU)(i,x.BD.Last))}if(M(()=>(0,u.Y)(C,{vertical:()=>e.key===b.D.ArrowUp?(0,x.CU)(i,x.BD.Previous|x.BD.WrapAround):e.key===b.D.ArrowDown?(0,x.CU)(i,x.BD.Next|x.BD.WrapAround):x.Me.Error,horizontal:()=>e.key===b.D.ArrowLeft?(0,x.CU)(i,x.BD.Previous|x.BD.WrapAround):e.key===b.D.ArrowRight?(0,x.CU)(i,x.BD.Next|x.BD.WrapAround):x.Me.Error}))===x.Me.Success)return e.preventDefault()}),Y=(0,l.useRef)(!1),$=(0,h._)(()=>{var e;Y.current||(Y.current=!0,null==(e=S.current)||e.focus({preventScroll:!0}),N.change(U),(0,j._)(()=>{Y.current=!1}))}),q=(0,h._)(e=>{e.preventDefault()}),{isFocusVisible:Q,focusProps:X}=(0,t.o)({autoFocus:f}),{isHovered:K,hoverProps:G}=(0,r.M)({isDisabled:E}),{pressed:V,pressProps:z}=(0,a.Z)({disabled:E}),W=(0,l.useMemo)(()=>({selected:H,hover:K,active:V,focus:Q,autofocus:f,disabled:E}),[H,K,Q,V,f,E]),Z=(0,y.v6)({ref:R,onKeyDown:L,onMouseDown:q,onClick:$,id:p,role:"tab",type:(0,k.c)(e,B),"aria-controls":null==(n=null==(s=w[U])?void 0:s.current)?void 0:n.id,"aria-selected":H,tabIndex:H?0:-1,disabled:E||void 0,autoFocus:f},X,G,z);return(0,y.Ci)()({ourProps:Z,theirProps:F,slot:W,defaultTag:"button",name:"Tabs.Tab"})}),S=(0,y.FX)(function(e,i){let{defaultIndex:s=0,vertical:n=!1,manual:t=!1,onChange:r,selectedIndex:a=null,...k}=e,p=n?"vertical":"horizontal",u=t?"manual":"auto",j=null!==a,g=(0,c.Y)({isControlled:j}),f=(0,o.P)(i),[m,b]=(0,l.useReducer)(D,{info:g,selectedIndex:null!=a?a:s,tabs:[],panels:[]}),C=(0,l.useMemo)(()=>({selectedIndex:m.selectedIndex}),[m.selectedIndex]),v=(0,c.Y)(r||(()=>{})),I=(0,c.Y)(m.tabs),_=(0,l.useMemo)(()=>({orientation:p,activation:u,...m}),[p,u,m]),T=(0,h._)(e=>(b({type:1,tab:e}),()=>b({type:2,tab:e}))),A=(0,h._)(e=>(b({type:3,panel:e}),()=>b({type:4,panel:e}))),B=(0,h._)(e=>{O.current!==e&&v.current(e),j||b({type:0,index:e})}),O=(0,c.Y)(j?e.selectedIndex:m.selectedIndex),S=(0,l.useMemo)(()=>({registerTab:T,registerPanel:A,change:B}),[]);(0,d.s)(()=>{b({type:0,index:null!=a?a:s})},[a]),(0,d.s)(()=>{if(void 0===O.current||m.tabs.length<=0)return;let e=(0,x.wl)(m.tabs,e=>e.current);e.some((e,i)=>m.tabs[i]!==e)&&B(e.indexOf(m.tabs[O.current]))});let R=(0,y.Ci)();return l.createElement(F,null,l.createElement(N.Provider,{value:S},l.createElement(w.Provider,{value:_},_.tabs.length<=0&&l.createElement(E,{onFocus:()=>{var e,i;for(let s of I.current)if((null==(e=s.current)?void 0:e.tabIndex)===0)return null==(i=s.current)||i.focus(),!0;return!1}}),R({ourProps:{ref:f},theirProps:k,slot:C,defaultTag:"div",name:"Tabs"}))))}),R=(0,y.FX)(function(e,i){let{orientation:s,selectedIndex:n}=T("Tab.List"),t=(0,o.P)(i),r=(0,l.useMemo)(()=>({selectedIndex:n}),[n]);return(0,y.Ci)()({ourProps:{ref:t,role:"tablist","aria-orientation":s},theirProps:e,slot:r,defaultTag:"div",name:"Tabs.List"})}),P=(0,y.FX)(function(e,i){let{selectedIndex:s}=T("Tab.Panels"),n=(0,o.P)(i),t=(0,l.useMemo)(()=>({selectedIndex:s}),[s]);return(0,y.Ci)()({ourProps:{ref:n},theirProps:e,slot:t,defaultTag:"div",name:"Tabs.Panels"})}),U=(0,y.FX)(function(e,i){var s,n,r,a;let h=(0,l.useId)(),{id:c=`headlessui-tabs-panel-${h}`,tabIndex:k=0,...E}=e,{selectedIndex:x,tabs:u,panels:j}=T("Tab.Panel"),g=A("Tab.Panel"),f=(0,l.useRef)(null),F=(0,o.P)(f,i);(0,d.s)(()=>g.registerPanel(f),[g,f]);let b=m("panels"),C=j.indexOf(f);-1===C&&(C=b);let v=C===x,{isFocusVisible:I,focusProps:_}=(0,t.o)(),w=(0,l.useMemo)(()=>
1({selected:v,focus:I}),[v,I]),N=(0,y.v6)({ref:F,id:c,role:"tabpanel","aria-labelledby":null==(n=null==(s=u[C])?void 0:s.current)?void 0:n.id,tabIndex:v?k:-1},_),D=(0,y.Ci)();return v||null!=(r=E.unmount)&&!r||null!=(a=E.static)&&a?D({ourProps:N,theirProps:E,slot:w,defaultTag:"div",features:B,visible:v,name:"Tabs.Panel"}):l.createElement(p.j,{"aria-hidden":"true",...N})}),H=Object.assign(O,{Group:S,List:R,Panels:P,Panel:U});var M=s(4848);function L(e){return!!e&&"object"==typeof e&&"label"in e}function Y({items:e,selectedIndex:i,defaultIndex:s=0,onChange:t,children:r,storageKey:a}){let[h,d]=(0,l.useState)(s);(0,l.useEffect)(()=>{void 0!==i&&d(i)},[i]),(0,l.useEffect)(()=>{if(!a)return;function e(e){e.key===a&&d(Number(e.newValue))}let i=Number(localStorage.getItem(a));return d(Number.isNaN(i)?0:i),window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}},[]);let c=(0,l.useCallback)(e=>{if(a){let i=String(e);localStorage.setItem(a,i),window.dispatchEvent(new StorageEvent("storage",{key:a,newValue:i}));return}d(e),t?.(e)},[]);return(0,n.jsxs)(S,{selectedIndex:h,defaultIndex:s,onChange:c,tabIndex:-1,children:[(0,n.jsx)(R,{className:(0,M.A)("nextra-scrollbar _overflow-x-auto _overscroll-x-contain _overflow-y-hidden","_mt-4 _flex _w-full _gap-2 _border-b _border-gray-200 _pb-px dark:_border-neutral-800","nextra-focus"),children:e.map((e,i)=>(0,n.jsx)(H,{disabled:L(e)&&e.disabled,className:({selected:e,disabled:i,hover:s,focus:n})=>(0,M.A)(n&&"nextra-focusable _ring-inset",e&&"_outline-none","_whitespace-nowrap","_rounded-t _p-2 _font-medium _leading-5 _transition-colors","_-mb-0.5 _select-none _border-b-2",e?"_border-current":s?"_border-gray-200 dark:_border-neutral-800":"_border-transparent",e?"_text-primary-600":i?"_text-gray-400 dark:_text-neutral-600 _pointer-events-none":s?"_text-black dark:_text-white":"_text-gray-600 dark:_text-gray-200"),children:L(e)?e.label:e},i))}),(0,n.jsx)(P,{children:r})]})}let $=Object.assign(e=>(0,n.jsx)(Y,{...e}),{Tab:function({children:e,unmount:i=!1,...s}){return(0,n.jsx)(U,{...s,unmount:i,className:({focus:e})=>(0,M.A)("_rounded _mt-6",e&&"nextra-focusable"),children:e})}})},48484:(e,i,s)=>{"use strict";s.r(i),s.d(i,{default:()=>k,useTOC:()=>d});var n=s(78488),t=s(40608),r=s(46200),l=s(67362),a=s(82913),h=s(84556);function d(e){return[{value:"Resources",id:"resources",depth:2},{value:"Setup",id:"setup",depth:2},{value:"Callback URL",id:"callback-url",depth:3},{value:"Environment Variables",id:"environment-variables",depth:3},{value:"Configuration",id:"configuration",depth:3},{value:"Notes",id:"notes",depth:2}]}function c(e,i){throw Error("Expected "+(i?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let k=(0,t.e)(function(e){let{toc:i=d(e)}=e,s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",pre:"pre",span:"span",ul:"ul",...(0,l.R)(),...e.components};return a.C||c("Code",!1),a.C.Express||c("Code.Express",!0),a.C.Next||c("Code.Next",!0),a.C.Qwik||c("Code.Qwik",!0),a.C.Svelte||c("Code.Svelte",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{align:"right",src:"/img/providers/notion.svg",height:"64",width:"64"}),"\n",(0,n.jsx)(s.h1,{children:"Notion Provider"}),"\n",(0,n.jsx)(s.h2,{id:i[0].id,children:i[0].value}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://developers.notion.com/docs",children:"Notion documentation"})}),"\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://developers.notion.com/docs/authorization",children:"Notion Authorization documentation"})}),"\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://www.notion.so/my-integrations",children:"Notion Integrations"})}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:i[1].id,children:i[1].value}),"\n",(0,n.jsx)(s.h3,{id:i[2].id,children:i[2].value}),"\n",(0,n.jsxs)(a.C,{children:[(0,n.jsx)(a.C.Next,{children:(0,n.jsx)(s.pre,{icon:h.k3,tabIndex:"0","data-language":"bash","data-word-wrap":"","data-copy":"",children:(0,n.jsx)(s.code,{children:(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"https://example.com/api/auth/callback/notion"})})})})}),(0,n.jsx)(a.C.Qwik,{children:(0,n.jsx)(s.pre,{icon:h.k3,tabIndex:"0","data-language":"bash","data-word-wrap":"","data-copy":"",children:(0,n.jsx)(s.code,{children:(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"https://example.com/auth/callback/notion"})})})})}),(0,n.jsx)(a.C.Svelte,{children:(0,n.jsx)(s.pre,{icon:h.k3,tabIndex:"0","data-language":"bash","data-word-wrap":"","data-copy":"",children:(0,n.jsx)(s.code,{children:(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"https://example.com/auth/callback/notion"})})})})})]}),"\n",(0,n.jsx)(s.h3,{id:i[3].id,children:i[3].value}),"\n",(0,n.jsx)(s.pre,{tabIndex:"0","data-language":"plaintext","data-word-wrap":"","data-copy":"",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{children:"AUTH_NOTION_ID"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{children:"AUTH_NOTION_SECRET"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{children:"AUTH_NOTION_REDIRECT_URI"})})]})}),"\n",(0,n.jsx)(s.h3,{id:i[4].id,children:i[4].value}),"\n",(0,n.jsxs)(a.C,{children:[(0,n.jsx)(a.C.Next,{children:(0,n.jsx)(s.pre,{icon:h.$0,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"/auth.ts","data-copy":"",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" NextAuth "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "next-auth"'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" Notion "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "next-auth/providers/notion"'})]}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"handlers"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"auth"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"signIn"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"signOut"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" NextAuth"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" providers: ["})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Notion"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientId: process.env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_ID"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientSecret: process.env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_SECRET"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" redirectUri: process.env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_REDIRECT_URI"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" }),"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ],"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"})"})})]})})}),(0,n.jsx)(a.C.Qwik,{children:(0,n.jsx)(s.pre,{icon:h.$0,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"/src/routes/[email protected]","data-copy":"",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { QwikAuth$ } "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/qwik"'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" Notion "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/qwik/providers/notion"'})]}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"onRequest"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"useSession"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"useSignIn"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"useSignOut"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" QwikAuth$"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" () "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"=>"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ({"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" providers: ["})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Notion"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientId: "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"meta"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:".env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_ID"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientSecret: "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"meta"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:".env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_SECRET"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" redirectUri: "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"meta"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:".env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_REDIRECT_URI"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" }),"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ],"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" })"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:")"})})]})})}),(0,n.jsx)(a.C.Svelte,{children:(0,n.jsx)(s.pre,{icon:h.$0,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"/src/auth.ts","data-copy":"",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { SvelteKitAuth } "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/sveltekit"'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},c
1hildren:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" Notion "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/sveltekit/providers/notion"'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" AUTH_NOTION_ID,"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" AUTH_NOTION_SECRET,"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" AUTH_NOTION_REDIRECT_URI,"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"} "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "$env/static/private"'})]}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"handle"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"signIn"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"signOut"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" } "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" SvelteKitAuth"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" providers: ["})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Notion"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientId: "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_ID"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientSecret: "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_SECRET"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" redirectUri: "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_REDIRECT_URI"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" }),"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ],"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"})"})})]})})}),(0,n.jsx)(a.C.Express,{children:(0,n.jsx)(s.pre,{icon:h.$0,tabIndex:"0","data-language":"ts","data-word-wrap":"","data-filename":"/src/app.ts","data-copy":"",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" { ExpressAuth } "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/express"'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"import"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" Notion "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "@auth/express/providers/notion"'})]}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"app."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"use"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"("})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:' "/auth/*"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" ExpressAuth"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" providers: ["})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:" Notion"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"({"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientId: process.env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_ID"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" clientSecret: process.env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_SECRET"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" redirectUri: process.env."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"AUTH_NOTION_REDIRECT_URI"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" }),"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" ],"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" })"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:")"})})]})})})]}),"\n",(0,n.jsx)(s.h2,{id:i[5].id,children:i[5].value}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["You need to select âPublic Integrationâ on the configuration page to get an ",(0,n.jsx)(s.code,{children:"oauth_id"})," and ",(0,n.jsx)(s.code,{children:"oauth_secret"}),". Private integrations do not provide these details."]}),"\n",(0,n.jsxs)(s.li,{children:["You must provide a ",(0,n.jsx)(s.code,{children:"clientId"})," and ",(0,n.jsx)(s.code,{children:"clientSecret"})," to use this provider, as-well as a redirect URI (due to this being required by Notion endpoint to fetch tokens)."]}),"\n"]})]})},"/getting-started/providers/notion",{filePath:"pages/getting-started/providers/notion.mdx",timestamp:1781199117e3,pageMap:r.O,frontMatter:{},title:"Notion Provider"},"undefined"==typeof RemoteContent?d:RemoteContent.useTOC)},82913:(e,i,s)=>{"use strict";s.d(i,{C:()=>E});var n=s(78488),t=s(5674),r=s(4413),l=s(35152),a=s(7622),h=s(81204);let d="authjs.codeTab.framework",c="authjs.codeTab.framework.all";E.Next=u,E.NextClient=x,E.Svelte=j,E.Express=g,E.Qwik=y;let k={[u.name]:"Next.js",[y.name]:"Qwik",[j.name]:"SvelteKit",[g.name]:"Express"},o={[u.name]:"Next.js",[x.name]:"Next.js (Client)",[y.name]:"Qwik",[j.name]:"SvelteKit",[g.name]:"Express"},p=(e,i,s)=>{let n=Object.values(i).findIndex(i=>encodeURI(i)===e);if(-1===n)return;window.localStorage.setItem(s?c:d,n.toString());let t=Object.values(s?k:o),r=s?d:c;if(t.map(e=>encodeURI(e)).some(i=>i===e)){let i=t.findIndex(i=>i===e);window.localStorage.setItem(r,i.toString()),window.dispatchEvent(new StorageEvent("storage",{key:r,newValue:i.toString()}))}};function E(e){let{children:i}=e,s=(0,r.useRouter)(),E=(0,t.useSearchParams)(),u=h.Children.toArray(i),{project:j}=(0,l.pN)(),g=u.some(e=>e&&e.type.name===x.name),y=g?o:k,f=e=>{if("undefined"===e)return;let i=new URLSearchParams(null==E?void 0:E.toString());i.set("framework",e),s.push("".concat(s.pathname,"?").concat(i.toString()),void 0,{scroll:!1})};return(0,h.useEffect)(()=>{let e=((e,i)=>{let s=window.localStorage.getItem(i?c:d);return s?parseInt(s)%Object.keys(e).length:null})(y,g),i=((e,i)=>{let s=new URLSearchParams(e).get("framework");if(!s)return null;let n=decodeURI(s),t=Object.values(i).findIndex(e=>e===n);return -1===t?null:t})(s.asPath,y);null===e&&p(encodeURI(y[null!=i?i:0]),y,g),i||f(encodeURI(y[null!=e?e:0]))},[s.pathname,y,g]),(0,n.jsx)("div",{className:"[&_div[role='tablist']]:!pb-0",onClick:e=>{if(!(e.target instanceof HTMLButtonElement))return;let{textContent:i}=e.target;if(!i)return;let s=encodeURI(i);f(s),p(s,y,g);let n=e.target,t=n.getBoundingClientRect();requestAnimationFrame(()=>{n.focus(),window.scrollBy(0,n.getBoundingClientRect().top-t.top)})},children:(0,n.jsx)(a.t,{storageKey:g?c:d,items:Object.values(y),children:Object.keys(y).map(e=>{var i;let t=u.find(i=>{var s;return(null==i||null==(s=i.type)?void 0:s.name)===e});return Object.keys(null!=(i=null==t?void 0:t.props)?i:{}).length?t:(0,n.jsx)(a.t.Tab,{children:(0,n.jsxs)("p",{className:"rounded-lg bg-slate-100 p-6 font-semibold dark:bg-neutral-950",children:[y[e]," not documented yet. Help us by contributing"," ",(0,n.jsx)("a",{className:"underline",target:"_blank",href:"".concat(j.link,"/edit/main/docs/pages").concat(s.pathname,".mdx"),rel:"noreferrer",children:"here"}),"."]})},e)})})})}function x(e){let{children:i}=e;return(0,n.jsx)(a.t.Tab,{children:i})}function u(e){let{children:i}=e;return(0,n.jsx)(a.t.Tab,{children:i})}function j(e){let{children:i}=e;return(0,n.jsx)(a.t.Tab,{children:i})}function g(e){let{children:i}=e;return(0,n.jsx)(a.t.Tab,{children:i})}function y(e){let{children:i}=e;return(0,n.jsx)(a.t.Tab,{children:i})}}},e=>{e.O(0,[40608,46200,90636,46593,38792],()=>e(e.s=4132)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.