@vertesia/ui 0.56.0 → 0.57.0

package/lib/vertesia-ui-env.js

@@ -0,0 +1,2 @@
+class r{_props;constructor(r){this._props=r}init(r){return this._props=r,this}prop(r){if(!this._props)throw new Error("VertesiaEnvironment was not initialized");return this._props[r]}get version(){return this.prop("version")}get name(){return this.prop("name")}get type(){return this.prop("type")}get isProd(){return"production"===this.type}get isDev(){return!this.isProd}get isPreview(){return"preview"===this.type}get isLocalDev(){return this.prop("isLocalDev")}get isDocker(){return this.prop("isDocker")}get endpoints(){return this.prop("endpoints")}get firebase(){return this.prop("firebase")}get datadog(){return this.prop("datadog")}get logger(){return this._props?.logger??console}onLogin(r){this._props?.onLogin?.(r)}onLogout(){this._props?.onLogout?.()}}const t=new r;export{t as Env,r as VertesiaEnvironment};
+//# sourceMappingURL=vertesia-ui-env.js.map

package/lib/vertesia-ui-env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertesia-ui-env.js","sources":["esm/env/index.js"],"sourcesContent":["// hook to initialize the environment and auth session\n// the main app must call this hook before rendering the page.\nexport class VertesiaEnvironment {\n    _props;\n    constructor(_props) {\n        this._props = _props;\n    }\n    init(props) {\n        this._props = props;\n        return this;\n    }\n    prop(name) {\n        if (!this._props) {\n            throw new Error(\"VertesiaEnvironment was not initialized\");\n        }\n        return this._props[name];\n    }\n    get version() {\n        return this.prop(\"version\");\n    }\n    get name() {\n        return this.prop(\"name\");\n    }\n    get type() {\n        return this.prop(\"type\");\n    }\n    get isProd() {\n        return this.type === \"production\";\n    }\n    get isDev() {\n        return !this.isProd;\n    }\n    get isPreview() {\n        return this.type === \"preview\";\n    }\n    get isLocalDev() {\n        return this.prop(\"isLocalDev\");\n    }\n    get isDocker() {\n        return this.prop(\"isDocker\");\n    }\n    get endpoints() {\n        return this.prop(\"endpoints\");\n    }\n    get firebase() {\n        return this.prop(\"firebase\");\n    }\n    get datadog() {\n        return this.prop(\"datadog\");\n    }\n    get logger() {\n        return this._props?.logger ?? console;\n    }\n    /**\n     * Callback to notify the host app when the user logs in.\n     */\n    onLogin(token) {\n        this._props?.onLogin?.(token);\n    }\n    /**\n     * Callback to notify the host app when the user logs out\n     */\n    onLogout() {\n        this._props?.onLogout?.();\n    }\n}\nconst Env = new VertesiaEnvironment();\nexport { Env };\n//# sourceMappingURL=index.js.map"],"names":["VertesiaEnvironment","_props","constructor","this","init","props","prop","name","Error","version","type","isProd","isDev","isPreview","isLocalDev","isDocker","endpoints","firebase","datadog","logger","console","onLogin","token","onLogout","Env"],"mappings":"AAEO,MAAMA,EACTC,OACA,WAAAC,CAAYD,GACRE,KAAKF,OAASA,CACtB,CACI,IAAAG,CAAKC,GAED,OADAF,KAAKF,OAASI,EACPF,IACf,CACI,IAAAG,CAAKC,GACD,IAAKJ,KAAKF,OACN,MAAM,IAAIO,MAAM,2CAEpB,OAAOL,KAAKF,OAAOM,EAC3B,CACI,WAAIE,GACA,OAAON,KAAKG,KAAK,UACzB,CACI,QAAIC,GACA,OAAOJ,KAAKG,KAAK,OACzB,CACI,QAAII,GACA,OAAOP,KAAKG,KAAK,OACzB,CACI,UAAIK,GACA,MAAqB,eAAdR,KAAKO,IACpB,CACI,SAAIE,GACA,OAAQT,KAAKQ,MACrB,CACI,aAAIE,GACA,MAAqB,YAAdV,KAAKO,IACpB,CACI,cAAII,GACA,OAAOX,KAAKG,KAAK,aACzB,CACI,YAAIS,GACA,OAAOZ,KAAKG,KAAK,WACzB,CACI,aAAIU,GACA,OAAOb,KAAKG,KAAK,YACzB,CACI,YAAIW,GACA,OAAOd,KAAKG,KAAK,WACzB,CACI,WAAIY,GACA,OAAOf,KAAKG,KAAK,UACzB,CACI,UAAIa,GACA,OAAOhB,KAAKF,QAAQkB,QAAUC,OACtC,CAII,OAAAC,CAAQC,GACJnB,KAAKF,QAAQoB,UAAUC,EAC/B,CAII,QAAAC,GACIpB,KAAKF,QAAQsB,YACrB,EAEK,MAACC,EAAM,IAAIxB"}

package/lib/vertesia-ui-features.js

@@ -1,2 +1,2 @@
-
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useFetch as i,ErrorBox as n,Button as t}from"@vertesia/ui/core";import{useUserSession as o}from"@vertesia/ui/session";import{createContext as s,useContext as a,useMemo as c,useState as d}from"react";import{SidebarItem as l}from"@vertesia/ui/layout";import m from"clsx";import{AnimatePresence as u,motion as p}from"motion/react";function h(...e){const r=Array.from(e);return r.__AnyOf__=!0,r}function f(...e){return Array.from(e)}function y(e){return!0===e.__AnyOf__}class v{system_roles;roles;permissions;constructor(e,r){if(!e.authToken)throw new Error("No auth token found in user session");this.system_roles=r;const i=new Set(e.authToken.account_roles||[]);if(e.authToken.project_roles)for(const r of e.authToken.project_roles)i.add(r);this.roles=i;const n={};for(const e of r)n[e.name]=e.permissions;const t=new Set;for(const e of i){const r=n[e];if(r)for(const e of r)t.add(e)}this.permissions=t}hasPermission(e){if("string"==typeof e)return this.permissions.has(e);if(y(e))return e.some((e=>this.permissions.has(e)));for(const r of e)if(!this.permissions.has(r))return!1;return!0}}const b=s(void 0);function g(){const e=a(b);if(!e)throw new Error("UserPermissionContext cannot be used outside UserPermissionProvider");return e}function x({children:r}){const t=o(),{data:s,error:a,isLoading:d}=i((()=>t.user?t.client.iam.roles.list():Promise.resolve(void 0)),[t.user]),l=c((()=>t.authToken&&s&&!d?new v(t,s):void 0),[t,s,d]);return a?e(n,{title:"Failed to fetch role mappings",children:a.message}):l&&e(b.Provider,{value:l,children:r})}function N({permission:r,isDisabled:i,title:n,children:o,...s}){return g().hasPermission(r)||(i=!0,n="You do not have permission to perform this action"),e(t,{isDisabled:i,title:n,...s,children:o})}function _({permission:r,...i}){return g().hasPermission(r)?e(l,{...i}):null}function w({children:r,secondary:i=!1}){return e("span",{className:i?"bg-secondary text-primary":"text-foreground bg-muted",children:r})}function T(e){return e?"array"===e.name?T(e.innerType):e:void 0}function k({property:i}){return r("div",{className:"flex items-center gap-x-2",children:[e("div",{className:"font-semibold text-gray-600",children:i.name}),i.optional&&e(w,{children:"optional"}),e(w,{children:i.type.value})]})}function P({activities:r}){return e("div",{className:"flex flex-col gap-y-4 divide-y divide-gray-200",children:r.map((r=>e(j,{activity:r},r.name)))})}function O({code:i,children:n}){return r("div",{className:"flex gap-2 items-center border-b border-b-gray-200 mb-2",children:[e("div",{className:"text-lg font-medium text-gray-900 py-2 ",children:n}),i&&e("div",{children:e(w,{children:i})})]})}function j({activity:i,headingClass:n,headingRef:t}){return r("div",{className:n,id:i.name,ref:t,children:[e("div",{className:"text-xl font-semibold pt-8",children:i.title}),e("div",{className:"pb-4",children:e(w,{children:i.name})}),i.doc&&e("div",{className:"text-gray-700 pb-2",children:i.doc}),r("div",{className:"pb-4",children:[e(O,{code:i.paramsType,children:"Parameters"}),e("div",{className:"divide-y divide-gray-100",children:i.params.map((r=>e(A,{property:r},r.name)))})]}),r("div",{className:"pb-4",children:[e(O,{children:"Returns"}),e("div",{children:i.returnType?i.returnType.value:"void"})]})]})}function A({property:i,className:n}){const t=c((()=>{const r=T(i.type.innerType)??i.type;return"object"===r.name&&r.members?e(S,{members:r.members}):"enum"===r.name&&r.enum?e(C,{values:r.enum}):null}),[i.type.innerType]);return r("div",{className:m("py-2",n),children:[e(k,{property:i}),i.doc&&e("div",{className:"text-gray-700 text-sm pt-2",children:i.doc}),t&&e("div",{className:"my-2 overflow-hidden",children:t})]})}function C({values:r}){return e("div",{className:"flex flex-wrap items-center gap-2",children:r.map(((r,i)=>e(w,{secondary:!0,children:r},i)))})}function S({members:i}){return e(E,{className:"rounded-md border border-gray-200",button:i=>r("div",{className:"px-4 py-2 flex items-center gap-x-2 text-sm font-medium hover:text-blue-600",children:[e(I,{isOpen:i}),e("div",i?{children:"Hide child properties"}:{children:"Show child properties"})]}),body:e(D,{properties:i})})}function D({properties:r}){return e("div",{className:"border-l-2 border-l-blue-200 flex flex-col divide-y divide-gray-100 border-t border-t-gray-200",children:r.map((r=>e(A,{property:r,className:"px-4 py-2"},r.name)))})}function E({button:i,body:n,className:t,isInitiallyOpen:o}){const[s,a]=d(o||!1);return r("div",{className:m(s?"block":"inline-block",t),children:[e("button",{className:"p-0 m-0 bg-transparent",onClick:()=>a(!s),children:e(u,{children:i(s)})}),e(u,{children:s&&e(p.div,{className:"overflow-hidden",initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:"easeOut"},children:n})})]})}function I({isOpen:r}){return e(u,{propagate:!0,mode:"wait",children:e(p.div,{className:"font-mono font-semibold text-gray-400 text-lg",initial:{rotate:0},animate:{rotate:r?45:0},transition:{duration:.2},children:"+"},"closeIcon")})}export{P as ActivitiesDoc,j as ActivityDoc,f as AllOf,h as AnyOf,N as SecureButton,_ as SecureSidebarItem,x as UserPermissionProvider,v as UserPermissions,y as isAnyOf,g as useUserPermissions};
 //# sourceMappingURL=vertesia-ui-features.js.map

package/lib/vertesia-ui-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertesia-ui-features.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"vertesia-ui-features.js","sources":["esm/features/permissions/helpers.js","esm/features/permissions/UserPermissionsProvider.js","esm/features/permissions/SecureButton.js","esm/features/permissions/SecureSidebarItem.js","esm/features/activity-doc/ActivityDoc.js"],"sourcesContent":["export function AnyOf(...permissions) {\n    const p = Array.from(permissions);\n    p.__AnyOf__ = true;\n    return p;\n}\nexport function AllOf(...permissions) {\n    return Array.from(permissions);\n}\nexport function isAnyOf(permissions) {\n    return permissions.__AnyOf__ === true;\n}\n//# sourceMappingURL=helpers.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ErrorBox, useFetch } from \"@vertesia/ui/core\";\nimport { useUserSession } from \"@vertesia/ui/session\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { isAnyOf } from \"./helpers\";\nexport class UserPermissions {\n    system_roles; // all roles defined in the system\n    roles; // all roles of the current user\n    permissions; // all permissions of the current user\n    constructor(session, roles) {\n        if (!session.authToken) {\n            throw new Error('No auth token found in user session');\n        }\n        this.system_roles = roles;\n        const userRoles = new Set(session.authToken.account_roles || []);\n        if (session.authToken.project_roles) {\n            for (const role of session.authToken.project_roles) {\n                userRoles.add(role);\n            }\n        }\n        this.roles = userRoles;\n        // build a temporary role to permissions map\n        const map = {};\n        for (const role of roles) {\n            map[role.name] = role.permissions;\n        }\n        const permissions = new Set();\n        for (const role of userRoles) {\n            const rolePermissions = map[role];\n            if (rolePermissions) {\n                for (const permission of rolePermissions) {\n                    permissions.add(permission);\n                }\n            }\n        }\n        this.permissions = permissions;\n    }\n    hasPermission(permission) {\n        if (typeof permission === 'string') {\n            return this.permissions.has(permission);\n        }\n        else if (isAnyOf(permission)) {\n            return permission.some(p => this.permissions.has(p));\n        }\n        else { // all of\n            for (const p of permission) {\n                if (!this.permissions.has(p)) {\n                    return false;\n                }\n            }\n            return true;\n        }\n    }\n}\nconst UserPermissionsContext = createContext(undefined);\nexport function useUserPermissions() {\n    const perms = useContext(UserPermissionsContext);\n    if (!perms) {\n        throw new Error('UserPermissionContext cannot be used outside UserPermissionProvider');\n    }\n    return perms;\n}\nexport function UserPermissionProvider({ children }) {\n    const session = useUserSession();\n    const { data, error, isLoading } = useFetch(() => {\n        if (session.user) {\n            return session.client.iam.roles.list();\n        }\n        else {\n            return Promise.resolve(undefined);\n        }\n    }, [session.user]);\n    const perms = useMemo(() => {\n        if (session.authToken && data && !isLoading) {\n            return new UserPermissions(session, data);\n        }\n        else {\n            return undefined;\n        }\n    }, [session, data, isLoading]);\n    if (error) {\n        return _jsx(ErrorBox, { title: \"Failed to fetch role mappings\", children: error.message });\n    }\n    return perms && (_jsx(UserPermissionsContext.Provider, { value: perms, children: children }));\n}\n//# sourceMappingURL=UserPermissionsProvider.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Button } from \"@vertesia/ui/core\";\nimport { useUserPermissions } from \"./UserPermissionsProvider\";\nexport function SecureButton({ permission, isDisabled, title, children, ...others }) {\n    const perms = useUserPermissions();\n    const hasPermission = perms.hasPermission(permission);\n    if (!hasPermission) {\n        isDisabled = true;\n        title = 'You do not have permission to perform this action';\n    }\n    return (_jsx(Button, { isDisabled: isDisabled, title: title, ...others, children: children }));\n}\n//# sourceMappingURL=SecureButton.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { SidebarItem } from \"@vertesia/ui/layout\";\nimport { useUserPermissions } from \"./UserPermissionsProvider\";\nexport function SecureSidebarItem({ permission, ...others }) {\n    const perms = useUserPermissions();\n    const hasPermission = perms.hasPermission(permission);\n    if (!hasPermission) {\n        return null;\n    }\n    else {\n        return (_jsx(SidebarItem, { ...others }));\n    }\n}\n//# sourceMappingURL=SecureSidebarItem.js.map","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { useMemo, useState } from \"react\";\nfunction Badge({ children, secondary = false }) {\n    const className = secondary ? \"bg-secondary text-primary\" : \"text-foreground bg-muted\";\n    return _jsx(\"span\", { className: className, children: children });\n}\n/**\n * Resolve nested array inner type\n * @param innerType\n */\nfunction resolveInnerType(innerType) {\n    if (!innerType) {\n        return undefined;\n    }\n    else if (innerType.name === \"array\") {\n        return resolveInnerType(innerType.innerType);\n    }\n    else {\n        return innerType;\n    }\n}\nfunction PropertySignature({ property }) {\n    return (_jsxs(\"div\", { className: \"flex items-center gap-x-2\", children: [_jsx(\"div\", { className: \"font-semibold text-gray-600\", children: property.name }), property.optional && _jsx(Badge, { children: \"optional\" }), _jsx(Badge, { children: property.type.value })] }));\n}\nexport function ActivitiesDoc({ activities }) {\n    return (_jsx(\"div\", { className: 'flex flex-col gap-y-4 divide-y divide-gray-200', children: activities.map(activity => _jsx(ActivityDoc, { activity: activity }, activity.name)) }));\n}\nfunction ActivitySectionTitle({ code, children }) {\n    return (_jsxs(\"div\", { className: \"flex gap-2 items-center border-b border-b-gray-200 mb-2\", children: [_jsx(\"div\", { className: 'text-lg font-medium text-gray-900 py-2 ', children: children }), code && _jsx(\"div\", { children: _jsx(Badge, { children: code }) })] }));\n}\nexport function ActivityDoc({ activity, headingClass, headingRef }) {\n    return (_jsxs(\"div\", { className: headingClass, id: activity.name, ref: headingRef, children: [_jsx(\"div\", { className: \"text-xl font-semibold pt-8\", children: activity.title }), _jsx(\"div\", { className: \"pb-4\", children: _jsx(Badge, { children: activity.name }) }), activity.doc &&\n                _jsx(\"div\", { className: \"text-gray-700 pb-2\", children: activity.doc }), _jsxs(\"div\", { className: \"pb-4\", children: [_jsx(ActivitySectionTitle, { code: activity.paramsType, children: \"Parameters\" }), _jsx(\"div\", { className: \"divide-y divide-gray-100\", children: activity.params.map(prop => _jsx(PropertyDetails, { property: prop }, prop.name)) })] }), _jsxs(\"div\", { className: \"pb-4\", children: [_jsx(ActivitySectionTitle, { children: \"Returns\" }), _jsx(\"div\", { children: activity.returnType ? activity.returnType.value : \"void\" })] })] }));\n}\nfunction PropertyDetails({ property, className }) {\n    const expandable = useMemo(() => {\n        const type = resolveInnerType(property.type.innerType) ?? property.type;\n        if (type.name === \"object\" && type.members) {\n            return _jsx(ObjectMembersPanel, { members: type.members });\n        }\n        else if (type.name === 'enum' && type.enum) {\n            return _jsx(EnumValuesPanel, { values: type.enum });\n        }\n        else {\n            return null;\n        }\n    }, [property.type.innerType]);\n    return (_jsxs(\"div\", { className: clsx(\"py-2\", className), children: [_jsx(PropertySignature, { property: property }), property.doc && _jsx(\"div\", { className: \"text-gray-700 text-sm pt-2\", children: property.doc }), expandable && _jsx(\"div\", { className: \"my-2 overflow-hidden\", children: expandable })] }));\n}\nfunction EnumValuesPanel({ values }) {\n    return _jsx(\"div\", { className: \"flex flex-wrap items-center gap-2\", children: values.map((v, i) => _jsx(Badge, { secondary: true, children: v }, i)) });\n}\nfunction ObjectMembersPanel({ members }) {\n    return _jsx(ExpandablePanel, { className: 'rounded-md border border-gray-200', button: (isOn) => (_jsxs(\"div\", { className: \"px-4 py-2 flex items-center gap-x-2 text-sm font-medium hover:text-blue-600\", children: [_jsx(ExpandIcon, { isOpen: isOn }), isOn ?\n                    _jsx(\"div\", { children: \"Hide child properties\" })\n                    :\n                        _jsx(\"div\", { children: \"Show child properties\" })] })), body: _jsx(NestedPropertiesDetails, { properties: members }) });\n}\nfunction NestedPropertiesDetails({ properties }) {\n    return (_jsx(\"div\", { className: 'border-l-2 border-l-blue-200 flex flex-col divide-y divide-gray-100 border-t border-t-gray-200', children: properties.map(prop => _jsx(PropertyDetails, { property: prop, className: \"px-4 py-2\" }, prop.name)) }));\n}\nfunction ExpandablePanel({ button, body, className, isInitiallyOpen }) {\n    const [isExpanded, setExpanded] = useState(isInitiallyOpen || false);\n    return (_jsxs(\"div\", { className: clsx(isExpanded ? \"block\" : \"inline-block\", className), children: [_jsx(\"button\", { className: 'p-0 m-0 bg-transparent', onClick: () => setExpanded(!isExpanded), children: _jsx(AnimatePresence, { children: button(isExpanded) }) }), _jsx(AnimatePresence, { children: isExpanded && _jsx(motion.div, { className: 'overflow-hidden', initial: { height: 0, opacity: 0 }, animate: { height: 'auto', opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.3, ease: 'easeOut' }, children: body }) })] }));\n}\nfunction ExpandIcon({ isOpen }) {\n    return (_jsx(AnimatePresence, { propagate: true, mode: \"wait\", children: _jsx(motion.div, { className: \"font-mono font-semibold text-gray-400 text-lg\", initial: { rotate: 0 }, animate: { rotate: isOpen ? 45 : 0 }, transition: { duration: 0.2 }, children: \"+\" }, \"closeIcon\") }));\n}\n//# sourceMappingURL=ActivityDoc.js.map"],"names":["AnyOf","permissions","p","Array","from","__AnyOf__","AllOf","isAnyOf","UserPermissions","system_roles","roles","constructor","session","authToken","Error","this","userRoles","Set","account_roles","project_roles","role","add","map","name","rolePermissions","permission","hasPermission","has","some","UserPermissionsContext","createContext","undefined","useUserPermissions","perms","useContext","UserPermissionProvider","children","useUserSession","data","error","isLoading","useFetch","user","client","iam","list","Promise","resolve","useMemo","_jsx","ErrorBox","title","message","Provider","value","SecureButton","isDisabled","others","Button","SecureSidebarItem","SidebarItem","Badge","secondary","className","resolveInnerType","innerType","PropertySignature","property","_jsxs","optional","type","ActivitiesDoc","activities","activity","ActivityDoc","ActivitySectionTitle","code","headingClass","headingRef","id","ref","doc","paramsType","params","prop","PropertyDetails","returnType","expandable","members","ObjectMembersPanel","enum","EnumValuesPanel","values","clsx","v","i","ExpandablePanel","button","isOn","ExpandIcon","isOpen","body","NestedPropertiesDetails","properties","isInitiallyOpen","isExpanded","setExpanded","useState","onClick","AnimatePresence","motion","div","initial","height","opacity","animate","exit","transition","duration","ease","propagate","mode","rotate"],"mappings":"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"}

package/lib/vertesia-ui-layout.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as l,Fragment as r}from"react/jsx-runtime";import i from"clsx";import{Transition as t,Dialog as n,TransitionChild as a,DialogPanel as s}from"@headlessui/react";import{Menu as o,Search as c,Dot as d,X as h}from"lucide-react";import{createContext as m,useContext as u,useState as f,useEffect as x,Fragment as g}from"react";import{Button as p,TooltipProvider as v,Tooltip as N,TooltipTrigger as b,TooltipContent as w}from"@vertesia/ui/core";import{Nav as y}from"@vertesia/ui/router";function k({className:l,children:r}){return e("div",{className:i("flex flex-col","h-full","overflow-y-auto",l),children:r})}k.Fixed=function({heightClass:l,className:r,children:t}){return e("div",{className:i("w-full",l,r),children:t})},k.Body=function({className:l,children:r}){return e("div",{className:i("grow overflow-auto","min-h-0","p-4",l),children:r})},k.VR=function({}){return e("div",{className:"w-[1px] border border-red-200"})},k.HR=function({}){return e("div",{className:"w-full h-1 border-b border-red-200"})};const C=m({isOpen:!1,toggleMobile:()=>{},toggleDesktop:()=>{}});function S(){return u(C)}function z({title:l}){return e("div",{className:"self-center text-lg font-semibold",children:l})}function O({children:r,logo:i,onSearch:t,title:n}){return l("div",{className:"sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8",children:[e(T,{}),e("div",{className:"lg:hidden",children:i}),t&&e(I,{visible:"mobile"}),l("div",{className:"flex flex-1 gap-x-4 self-stretch lg:gap-x-6",children:[e(z,{title:n}),t&&e(F,{onSearch:t}),e("div",{className:"flex items-center gap-x-4 lg:gap-x-6 ml-auto",children:r})]})]})}function F({}){return l("form",{className:"relative flex flex-1",action:"#",method:"GET",children:[e("label",{htmlFor:"search-field",className:"sr-only",children:"Search"}),e(c,{className:"pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400","aria-hidden":"true"}),e("input",{id:"search-field",className:"block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",placeholder:"Search...",type:"search",name:"search"})]})}function T(){const{toggleDesktop:l,toggleMobile:i}=S();return e(r,{children:e(p,{variant:"ghost",size:"icon",onClick:()=>{window.innerWidth<1024?i():l()},className:"p-2 rounded-full transition-colors w-full text-center ",children:e(o,{"aria-hidden":"true",size:24})})})}function I({visible:l}){let r="";return l&&(r="mobile"===l?"lg:hidden":"hidden lg:block"),e("div",{className:`h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${r}`,"aria-hidden":"true"})}function M({title:r,icon:i,onClick:t}){return l("button",{type:"button",className:"-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500",onClick:t,children:[e("span",{className:"sr-only",children:r}),e(i,{className:"size-6","aria-hidden":"true",title:r})]})}function D({children:l,onClick:r}){return e(p,{onClick:r,children:l})}function E({href:l,onClick:r,children:i}){return e("a",{className:"dark:text-slate-50",href:l,onClick:r,children:i})}function W({children:r,logo:t,className:n}){return l("div",{className:i(n||"bg-indigo-600 dark:bg-indigo-950","flex flex-col h-full"),children:[t&&e("div",{className:"-mx-2 flex h-auto my-4 shrink-0 self-start",children:t}),e("div",{className:"flex-1 min-h-0 overflow-hidden px-2",children:e("nav",{className:"h-full flex flex-col",children:e("ul",{role:"list",className:"flex flex-col gap-y-2 overflow-y-auto h-full",children:r})})})]})}function j({children:i,title:t,action:n,isFooter:a=!1}){const{isOpen:s}=S();let o=s?l(r,{children:[t||"",n]}):e(d,{className:"size-6"});return l("li",{className:a?"mt-auto":"",children:[t&&e("div",{className:"text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70",children:o}),e("ul",{"data-sidebar":"menu",className:"flex w-full min-w-0 flex-col gap-1",children:i})]})}function L({children:i,text:t}){const{isOpen:n}=S();return n?e(r,{children:i}):e(v,{children:l(N,{children:[e(b,{asChild:!0,children:i}),e(w,{side:"right",children:t})]})})}function R({className:r,tools:t,children:n,icon:a,href:s,current:o,onClick:c}){const{toggleMobile:d}=S();return e("li",{children:e(y,{onClick:()=>{setTimeout((()=>{d(!1)}),100)},children:e(L,{text:n,children:l("a",{href:s,onClick:c,className:i(o?"bg-sidebar-accent text-sidebar-accent-foreground":"text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent","group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8",r),children:[a&&e(a,{className:i(o?"bg-sidebar-accent text-sidebar-accent-foreground":"text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent","size-4 shrink-0"),"aria-hidden":"true"}),n,t&&e("div",{className:"flex items-center ml-auto",children:t})]})})})})}function B({sidebarClassName:o,className:c,title:d,children:m,logo:u,navbar:p,sidebar:v,mainNav:N}){null===localStorage.getItem("desktopSidebarOpen")&&localStorage.setItem("desktopSidebarOpen","true");const[b,w]=f(!1),[y,k]=f("true"===localStorage.getItem("desktopSidebarOpen")),[S,z]=f(window.innerWidth>=1024);x((()=>{const e=()=>{z(window.innerWidth>=1024)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const F={isOpen:S?y:b,toggleDesktop:e=>{k(void 0===e?!y:e),localStorage.setItem("desktopSidebarOpen",JSON.stringify(!y))},toggleMobile:e=>{w(void 0===e?!b:e)}};return e(r,{children:e("div",{className:"flex flex-col h-screen overflow-y-hidden",children:l(C.Provider,{value:F,children:[e("div",{className:"w-full",children:N}),l("div",{className:"flex h-full overflow-y-auto w-full",children:[e(t,{show:b,as:g,children:l(n,{as:"div",className:"relative z-50 lg:hidden",onClose:w,children:[e(a,{as:g,enter:"transition-opacity ease-linear duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity ease-linear duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:e("div",{className:"fixed inset-0 bg-gray-900/80"})}),e("div",{className:"fixed inset-0 flex",children:e(a,{as:g,enter:"transition ease-in-out duration-300 transform",enterFrom:"-translate-x-full",enterTo:"translate-x-0",leave:"transition ease-in-out duration-300 transform",leaveFrom:"translate-x-0",leaveTo:"-translate-x-full",children:l(s,{className:"relative flex w-full max-w-xs flex-1",children:[e(W,{logo:u,className:o,children:v}),e("div",{className:"flex w-16 justify-center pt-5 items-start",children:l("button",{type:"button",className:"-m-2.5 p-2.5",onClick:()=>w(!1),children:[e("span",{className:"sr-only",children:"Close sidebar"}),e(h,{className:"size-6 text-white","aria-hidden":"true"})]})})]})})})]})}),e("div",{className:"hidden lg:block relative transition-all duration-300 "+(y?"w-72":"w-12"),children:e(W,{logo:u,className:o,children:v})}),l("div",{className:"w-full h-full overflow-y-hidden",children:[p?e(O,{title:d,logo:u,children:p}):null,e("main",{className:i("flex-1 h-full w-full relative flex flex-col",c),children:m})]})]})]})})})}export{B as AppLayout,k as FullHeightLayout,T as HamburgerButton,O as Navbar,D as NavbarButton,M as NavbarIconButton,E as NavbarLink,I as NavbarSeparator,W as Sidebar,C as SidebarContext,R as SidebarItem,j as SidebarSection,L as SidebarTooltip,z as TitleBar,S as useSidebarToggle};
+//# sourceMappingURL=vertesia-ui-layout.js.map

package/lib/vertesia-ui-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertesia-ui-layout.js","sources":["esm/layout/FullHeightLayout.js","esm/layout/SidebarContext.js","esm/layout/TitleBar.js","esm/layout/Navbar.js","esm/layout/Sidebar.js","esm/layout/AppLayout.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nexport function FullHeightLayout({ className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"flex flex-col\", \"h-full\", \"overflow-y-auto\", \n        // \"dark:bg-slate-900 text-slate-950 dark:text-slate-200\",\n        className), children: children }));\n}\nFullHeightLayout.Fixed = function Fixed({ heightClass, className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"w-full\", heightClass, className), children: children }));\n};\nFullHeightLayout.Body = function Body({ className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"grow overflow-auto\", \"min-h-0\", \"p-4\", className), children: children }));\n};\nFullHeightLayout.VR = function VDivider({}) {\n    return (_jsx(\"div\", { className: \"w-[1px] border border-red-200\" }));\n};\nFullHeightLayout.HR = function HDivider({}) {\n    return (_jsx(\"div\", { className: \"w-full h-1 border-b border-red-200\" }));\n};\n//# sourceMappingURL=FullHeightLayout.js.map","import { createContext, useContext } from \"react\";\nexport const SidebarContext = createContext({\n    isOpen: false,\n    toggleMobile: () => void 0,\n    toggleDesktop: () => void 0,\n});\nexport function useSidebarToggle() {\n    return useContext(SidebarContext);\n}\n//# sourceMappingURL=SidebarContext.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nexport function TitleBar({ title }) {\n    return _jsx(\"div\", { className: 'self-center text-lg font-semibold', children: title });\n}\n//# sourceMappingURL=TitleBar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Menu, Search } from 'lucide-react';\nimport { Button } from '@vertesia/ui/core';\nimport { useSidebarToggle } from './SidebarContext.js';\nimport { TitleBar } from './TitleBar.js';\nexport function Navbar({ children, logo, onSearch, title }) {\n    return (_jsxs(\"div\", { className: \"sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8\", children: [_jsx(HamburgerButton, {}), _jsx(\"div\", { className: \"lg:hidden\", children: logo }), onSearch && _jsx(NavbarSeparator, { visible: 'mobile' }), _jsxs(\"div\", { className: \"flex flex-1 gap-x-4 self-stretch lg:gap-x-6\", children: [_jsx(TitleBar, { title: title }), onSearch && _jsx(SearchBox, { onSearch: onSearch }), _jsx(\"div\", { className: \"flex items-center gap-x-4 lg:gap-x-6 ml-auto\", children: children })] })] }));\n}\nfunction SearchBox({}) {\n    return (_jsxs(\"form\", { className: \"relative flex flex-1\", action: \"#\", method: \"GET\", children: [_jsx(\"label\", { htmlFor: \"search-field\", className: \"sr-only\", children: \"Search\" }), _jsx(Search, { className: \"pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400\", \"aria-hidden\": \"true\" }), _jsx(\"input\", { id: \"search-field\", className: \"block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm\", placeholder: \"Search...\", type: \"search\", name: \"search\" })] }));\n}\nexport function HamburgerButton() {\n    const { toggleDesktop, toggleMobile } = useSidebarToggle();\n    const toggle = () => {\n        if (window.innerWidth < 1024) {\n            toggleMobile();\n        }\n        else {\n            toggleDesktop();\n        }\n    };\n    return (_jsx(_Fragment, { children: _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => toggle(), className: \"p-2 rounded-full transition-colors w-full text-center \", children: _jsx(Menu, { \"aria-hidden\": \"true\", size: 24 }) }) }));\n}\nexport function NavbarSeparator({ visible }) {\n    let visibility = \"\";\n    if (visible) {\n        visibility = visible === \"mobile\" ? \"lg:hidden\" : \"hidden lg:block\";\n    }\n    return (_jsx(\"div\", { className: `h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${visibility}`, \"aria-hidden\": \"true\" }));\n}\nexport function NavbarIconButton({ title, icon: Icon, onClick }) {\n    return (_jsxs(\"button\", { type: \"button\", className: \"-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500\", onClick: onClick, children: [_jsx(\"span\", { className: \"sr-only\", children: title }), _jsx(Icon, { className: \"size-6\", \"aria-hidden\": \"true\", title: title })] }));\n}\nexport function NavbarButton({ children, onClick }) {\n    return (_jsx(Button, { onClick: onClick, children: children }));\n}\nexport function NavbarLink({ href, onClick, children }) {\n    return (_jsx(\"a\", { className: \"dark:text-slate-50\", href: href, onClick: onClick, children: children }));\n}\n//# sourceMappingURL=Navbar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nimport { useSidebarToggle } from './SidebarContext';\nimport { Dot } from 'lucide-react';\nimport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@vertesia/ui/core';\nimport { Nav } from \"@vertesia/ui/router\";\nexport function Sidebar({ children, logo, className }) {\n    return (_jsxs(\"div\", { className: clsx(className || \"bg-indigo-600 dark:bg-indigo-950\", \"flex flex-col h-full\"), children: [logo &&\n                _jsx(\"div\", { className: \"-mx-2 flex h-auto my-4 shrink-0 self-start\", children: logo }), _jsx(\"div\", { className: \"flex-1 min-h-0 overflow-hidden px-2\", children: _jsx(\"nav\", { className: \"h-full flex flex-col\", children: _jsx(\"ul\", { role: \"list\", className: \"flex flex-col gap-y-2 overflow-y-auto h-full\", children: children }) }) })] }));\n}\nexport function SidebarSection({ children, title, action, isFooter = false }) {\n    const { isOpen } = useSidebarToggle();\n    let header = isOpen ? _jsxs(_Fragment, { children: [title || \"\", action] }) : _jsx(Dot, { className: 'size-6' });\n    return (_jsxs(\"li\", { className: isFooter ? 'mt-auto' : '', children: [title && _jsx(\"div\", { className: \"text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70\", children: header }), _jsx(\"ul\", { \"data-sidebar\": \"menu\", className: \"flex w-full min-w-0 flex-col gap-1\", children: children })] }));\n}\nexport function SidebarTooltip({ children, text }) {\n    const { isOpen } = useSidebarToggle();\n    return (isOpen ? _jsx(_Fragment, { children: children }) :\n        _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: 'right', children: text })] }) }));\n}\nexport function SidebarItem({ className, tools, children, icon: Icon, href, current, onClick }) {\n    const { toggleMobile } = useSidebarToggle();\n    const _closeSideBar = () => {\n        setTimeout(() => {\n            toggleMobile(false);\n        }, 100);\n    };\n    return (_jsx(\"li\", { children: _jsx(Nav, { onClick: _closeSideBar, children: _jsx(SidebarTooltip, { text: children, children: _jsxs(\"a\", { href: href, onClick: onClick, className: clsx(current\n                        ? 'bg-sidebar-accent text-sidebar-accent-foreground'\n                        : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8', className), children: [Icon &&\n                            _jsx(Icon, { className: clsx(current\n                                    ? 'bg-sidebar-accent text-sidebar-accent-foreground'\n                                    : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'size-4 shrink-0'), \"aria-hidden\": \"true\" }), children, tools && _jsx(\"div\", { className: 'flex items-center ml-auto', children: tools })] }) }) }) }));\n}\n//# sourceMappingURL=Sidebar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react';\nimport { X } from 'lucide-react';\nimport clsx from 'clsx';\nimport { Fragment, useEffect, useState } from 'react';\n// import { FullHeightLayout } from './FullHeightLayout.js'\nimport { Navbar } from './Navbar.js';\nimport { Sidebar } from './Sidebar.js';\nimport { SidebarContext } from './SidebarContext.js';\nexport function AppLayout({ sidebarClassName, className, title, children, logo, navbar, sidebar, mainNav }) {\n    if (localStorage.getItem('desktopSidebarOpen') === null) {\n        localStorage.setItem('desktopSidebarOpen', 'true');\n    }\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n    const [desktopSidebarOpen, setDesktopSidebarOpen] = useState(localStorage.getItem('desktopSidebarOpen') === 'true');\n    const [isLargeScreen, setIsLargeScreen] = useState(window.innerWidth >= 1024);\n    useEffect(() => {\n        const handleResize = () => {\n            setIsLargeScreen(window.innerWidth >= 1024);\n        };\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n    const sidebarContextValue = {\n        isOpen: isLargeScreen ? desktopSidebarOpen : sidebarOpen,\n        toggleDesktop: (value) => {\n            if (value === undefined) {\n                setDesktopSidebarOpen(!desktopSidebarOpen);\n            }\n            else {\n                setDesktopSidebarOpen(value);\n            }\n            localStorage.setItem('desktopSidebarOpen', JSON.stringify(!desktopSidebarOpen));\n        },\n        toggleMobile: (value) => {\n            if (value === undefined) {\n                setSidebarOpen(!sidebarOpen);\n            }\n            else {\n                setSidebarOpen(value);\n            }\n        },\n    };\n    return (_jsx(_Fragment, { children: _jsx(\"div\", { className: 'flex flex-col h-screen overflow-y-hidden', children: _jsxs(SidebarContext.Provider, { value: sidebarContextValue, children: [_jsx(\"div\", { className: 'w-full', children: mainNav }), _jsxs(\"div\", { className: 'flex h-full overflow-y-auto w-full', children: [_jsx(Transition, { show: sidebarOpen, as: Fragment, children: _jsxs(Dialog, { as: \"div\", className: \"relative z-50 lg:hidden\", onClose: setSidebarOpen, children: [_jsx(TransitionChild, { as: Fragment, enter: \"transition-opacity ease-linear duration-300\", enterFrom: \"opacity-0\", enterTo: \"opacity-100\", leave: \"transition-opacity ease-linear duration-300\", leaveFrom: \"opacity-100\", leaveTo: \"opacity-0\", children: _jsx(\"div\", { className: \"fixed inset-0 bg-gray-900/80\" }) }), _jsx(\"div\", { className: \"fixed inset-0 flex\", children: _jsx(TransitionChild, { as: Fragment, enter: \"transition ease-in-out duration-300 transform\", enterFrom: \"-translate-x-full\", enterTo: \"translate-x-0\", leave: \"transition ease-in-out duration-300 transform\", leaveFrom: \"translate-x-0\", leaveTo: \"-translate-x-full\", children: _jsxs(DialogPanel, { className: \"relative flex w-full max-w-xs flex-1\", children: [_jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }), _jsx(\"div\", { className: \"flex w-16 justify-center pt-5 items-start\", children: _jsxs(\"button\", { type: \"button\", className: \"-m-2.5 p-2.5\", onClick: () => setSidebarOpen(false), children: [_jsx(\"span\", { className: \"sr-only\", children: \"Close sidebar\" }), _jsx(X, { className: \"size-6 text-white\", \"aria-hidden\": \"true\" })] }) })] }) }) })] }) }), _jsx(\"div\", { className: `hidden lg:block relative transition-all duration-300 ${desktopSidebarOpen ? 'w-72' : 'w-12'}`, children: _jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }) }), _jsxs(\"div\", { className: \"w-full h-full overflow-y-hidden\", children: [navbar ? (_jsx(Navbar, { title: title, logo: logo, children: navbar })) : null, _jsx(\"main\", { className: clsx(\"flex-1 h-full w-full relative flex flex-col\", className), children: children })] })] })] }) }) }));\n}\n//# sourceMappingURL=AppLayout.js.map"],"names":["FullHeightLayout","className","children","_jsx","clsx","Fixed","heightClass","Body","VR","HR","SidebarContext","createContext","isOpen","toggleMobile","toggleDesktop","useSidebarToggle","useContext","TitleBar","title","Navbar","logo","onSearch","_jsxs","HamburgerButton","NavbarSeparator","visible","SearchBox","action","method","htmlFor","Search","id","placeholder","type","name","_Fragment","Button","variant","size","onClick","window","innerWidth","Menu","visibility","NavbarIconButton","icon","Icon","NavbarButton","NavbarLink","href","Sidebar","role","SidebarSection","isFooter","header","Dot","SidebarTooltip","text","TooltipProvider","Tooltip","TooltipTrigger","asChild","TooltipContent","side","SidebarItem","tools","current","Nav","setTimeout","AppLayout","sidebarClassName","navbar","sidebar","mainNav","localStorage","getItem","setItem","sidebarOpen","setSidebarOpen","useState","desktopSidebarOpen","setDesktopSidebarOpen","isLargeScreen","setIsLargeScreen","useEffect","handleResize","addEventListener","removeEventListener","sidebarContextValue","value","undefined","JSON","stringify","Provider","Transition","show","as","Fragment","Dialog","onClose","TransitionChild","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","DialogPanel","X"],"mappings":"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"}

package/lib/vertesia-ui-router.js

@@ -1,2 +1,2 @@
-function o(){console.log("xxx")}console.log("router impl");export{o as xxx};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRef as n,useEffect as a,createContext as r,useContext as i,useState as s,useMemo as o}from"react";import{useSafeLayoutEffect as h}from"@vertesia/ui/core";function c(t){return"/"===t||""===t}function l(t,e){return e=t.endsWith("/")&&e.startsWith("/")?t+e.substring(1):t.endsWith("/")||e.startsWith("/")?t+e:t+"/"+e}function u(t){if(""===t||"/"===t)return[];let e=0,n=t.length;return t.startsWith("./")?e=2:t.startsWith("/")&&(e=1),t.endsWith("/")&&(n=t.length-1),(e>0||n<t.length?t.substring(e,n):t).split("/")}function d(t){if("string"==typeof t)return u(t);if(Array.isArray(t))return t;throw new Error(`Unsupported path object: ${t}`)}var m=Object.freeze({__proto__:null,getPathSegments:u,isRootPath:c,joinPath:l,toSegments:d});class p{path;params;hash;constructor(t){let e=t.lastIndexOf("#");e>-1?(this.hash=t.substring(e),t=t.substring(0,e)):this.hash="",e=t.indexOf("?"),e>-1?(this.path=t.substring(0,e),this.params=new URLSearchParams(t.substring(e+1))):(this.path=t,this.params=new URLSearchParams)}add(t){for(const[e,n]of Object.entries(t))this.params.set(e,n);return this}toString(){return this.path+"?"+this.params.toString()+this.hash}}const f=Symbol("BASE_PATH");class g{name;type;location;state;_canceled=!1;constructor(t,e,n,a){this.name=t,this.type=e,this.location=n,this.state=a}get isPageLoad(){return"initial"===this.type}get isBackForward(){return"popState"===this.type}get isLinkClick(){return"linkClick"===this.type}get isNavigation(){return"navigate"===this.type}get isCancelable(){return"beforeChange"===this.name}cancel(){if("afterChange"===this.name)throw new Error("Cannot cancel afterChange event");this._canceled=!0}}class w extends g{constructor(t,e,n){super("beforeChange",t,e,n)}}class v extends g{constructor(t,e,n){super("afterChange",t,e,n)}}class P{stickyParams;_popStateListener;_linkNavListener;_listeners=[];constructor(){}addListener(t){this._listeners.push(t)}fireLocationChange(t){for(const e of this._listeners)e(t)}firePageLoad(){this.fireLocationChange(new v("initial",new URL(window.location.href)))}addStickyParams(t){return this.stickyParams?new p(t).add(this.stickyParams).toString():t}navigate(t,e={}){if(e.basePath){let n=e.basePath;n.startsWith("/")||(n="/"+n),t=l(n,t)}t=this.addStickyParams(t),this._navigate(new URL(t,window.location.href),"navigate",e)}_navigate(t,e,n){const a=new w(e,t,n.state);this.fireLocationChange(a),a._canceled||(window.history[n.replace?"replaceState":"pushState"]({from:window.location.href,data:n.state||void 0},"",t.href),this.fireLocationChange(new v(e,t,n.state)))}start(){if("undefined"==typeof window)return;const t=t=>{let e=t.state?"popState":"linkClick";const n=new URL(window.location.href);let a;t.state?(e="popState",a=t.state.data):e="linkClick",this.fireLocationChange(new v(e,n,a))};this._popStateListener=t,this._linkNavListener=t=>{const e=function(t){if(t&&"a"===t.tagName.toLowerCase()){const e=t.href;if(null!=e)return new URL(e)}return null}(t.target);if(e&&e.origin===window.location.origin){t.preventDefault();const n=new URL(this.addStickyParams(e.href)),a=t[f]||t.target[f];a&&(n.pathname=l(a,n.pathname)),this._navigate(n,"linkClick",{})}},window.addEventListener("popstate",t),document.body.addEventListener("click",this._linkNavListener)}stop(){this._popStateListener&&window.removeEventListener("popstate",this._popStateListener),this._linkNavListener&&document.body.removeEventListener("click",this._linkNavListener)}}function b({basePath:e,children:r}){const i=n(null);return a((()=>{if(i.current){const t=i.current,n=t=>{"a"===t.target.tagName.toLowerCase()&&(t[f]=e)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}}),[i.current]),t("div",{ref:i,className:"h-full w-full",children:r})}class L{tree=new S;loadMapping(t){for(const[e,n]of Object.entries(t))this.addSegments(u(e),n)}addPath(t,e){this.addSegments(u(t),e)}addSegments(t,e){let n=this.tree;for(let a=0,r=t.length;a<r;a++){const i=t[a];if(":"===i[0]){let e=n.wildcard;if(e){if(!(e instanceof y))throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard ":" segment will overwrite an existing wildcard segment at path: ${"/"+t.slice(0,a).join("/")}`)}else e=new y(i),n.wildcard=e;n=e}else{if("*"===i){if(n.wildcard)throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard "*" segment already exists at path: ${"/"+t.slice(0,a).join("/")}`);if(n.wildcard=new _(i,e),a<r-1)throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard segment must be the last segment`);return}{let t=n.children[i];t||(t=new C(i),n.children[i]=t),n=t}}}if(void 0!==n.value)throw new Error(`Failed to index path segments: ${t.join("/")}. A value already exists at path: ${"/"+t.join("/")}`);n.value=e}match(t){const e=d(t);if(0===e.length)return null;const n={};let a,r,i=this.tree;for(const t of e){const e=i.match(t,n);if(!e)return null;i=e}if(!i.value){if(i instanceof k&&i.wildcard instanceof _&&(i=i.wildcard.match("",n),!i.value))throw new Error("Wildcard segment node `*` must have a value");if(!i.value)return null}return n._&&n._.length>0?(a=e.slice(0,-n._.length),r=n._):a=e,{params:n,matchedSegments:a,remainingSegments:r,value:i.value}}}class k{name;value;children={};wildcard;constructor(t,e){this.name=t,this.value=e}match(t,e){let n=this.children[t];if(n)return n;if(this.wildcard){if(this.wildcard instanceof _)return this.wildcard.match(t,e);if(this.wildcard instanceof y)return e[this.wildcard.paramName]=t,this.wildcard;throw new Error("Unknown wildcard segment node type: "+this.wildcard.constructor.name)}return null}}class S extends k{constructor(){super("#root")}}class C extends k{constructor(t,e){super(t,e)}}class y extends k{paramName;constructor(t,e){super(t,e),this.paramName=t.substring(1)}}class _{name;value;constructor(t,e){this.name=t,this.value=e}match(t,e){return e._?t&&e._.push(t):e._=t?[t]:[],this}}class x{index;matcher=new L;constructor(t,e){this.index=e;for(const e of t)this.matcher.addPath(e.path,e)}match(t){const e=c(t)&&this.index;return this.matcher.match(e?this.index:t)}}class R extends x{prompt;observer;navigator=new P;constructor(t,e){super(t),this.navigator.addListener((t=>{if((!(t.isCancelable&&this.prompt&&this.prompt.when)||window.confirm(this.prompt.message))&&(this.observer&&this.observer(t),"afterChange"===t.name)){const n=this.match(t.location.pathname);n&&n.value?e({...n,state:t.state}):e(null)}}))}getTopRouter(){return this}setStickyParams(t){this.navigator.stickyParams=null!=t?t:void 0}withObserver(t){return this.observer=t,this}start(){this.navigator.start(),this.navigator.firePageLoad()}stop(){this.navigator.stop()}navigate(t,e){this.navigator.navigate(t,e)}}class E extends x{parent;basePath;constructor(t,e,n){super(n),this.parent=t,this.basePath=e}getTopRouter(){return this.parent instanceof R?this.parent:this.parent.getTopRouter()}navigate(t,e){let n;if(e?.isBasePathNested??!0){const t=e?.basePath;n=t?l(this.basePath,t):this.basePath}else n=e?.basePath??this.basePath;this.parent.navigate(t,{...e,basePath:n})}}const j=r(void 0);function N(){const t=i(j);if(!t)throw new Error("useRouter must be used within a RouterProvider");return t}function $(){const{navigate:t}=N();return t}function U(t){const{params:e}=N();return t?e[t]:e}function W(){const{location:t}=N();return t}function A(t){const{router:e}=N();a((()=>(e.getTopRouter().prompt=t,()=>{e.getTopRouter().prompt=void 0})),[]),a((()=>{if(t.when){const e=t.when,n=function(t){e&&(t.preventDefault(),t.returnValue="")};return window.addEventListener("beforeunload",n),()=>{window.removeEventListener("beforeunload",n)}}}),[t.when])}function O({children:e,onClick:n}){const a=$();return t("span",{onClick:t=>{const e=t.target.closest("a");e&&e.href&&(t.stopPropagation(),t.preventDefault(),a(e.href),n?.(t))},children:e})}function T({children:e,href:n,className:a,topLevelNav:r}){const{router:i}=N();return t("a",{href:n,className:a,onClick:t=>{t.stopPropagation(),t.preventDefault();(r?i.getTopRouter():i).navigate(n)},children:e})}function z({spinner:e}){const n=N(),a=n.route;if(a.Component){const e=a.Component;return t(e,{...n.params})}if(a.LazyComponent)return t(F,{route:a,spinner:e});throw new Error(`Invalid route for ${a.path}. Either Component or LazyCOmponent must be specified.`)}function F({route:e,spinner:n}){const[r,i]=s(null);return a((()=>{e.LazyComponent().then((t=>{if(!t.default)throw new Error(`Lazy module for ${e.path} does not have a default export`);i((()=>t.default))}))}),[e]),r?t(r,{}):n||null}function D({basePath:e,fixLinks:n=!1,children:a}){const r=N(),i=n?e=>t(b,{basePath:r.matchedRoutePath,children:e}):t=>t;return t(j.Provider,{value:{...r,navigate:(t,n)=>{const a=n?.basePath?l(e,n.basePath):e;return r.navigate(t,{...n,basePath:a})}},children:i(a||t(z,{}))})}function B(){const t=N();return e("div",{children:["Route not found for path ",t.matchedRoutePath]})}function I(){return{params:{},matchedSegments:[],state:null,value:{path:"virtual:404",Component:()=>t(B,{})}}}function H({routes:e,index:n,children:r,fixLinks:i=!1}){const h=N(),[c,l]=s(void 0),u=o((()=>{if("undefined"==typeof window)return null;const t=h.matchedRoutePath,a=new E(h.router,t,e);return a.index=n,a}),[]);a((()=>{if(u){if(h.matchedRoutePath!==u.basePath)return;const t=u.match(h.remainingPath||"/")||I();l(t)}}),[u,h.remainingPath]);const d=i?e=>t(b,{basePath:h.matchedRoutePath,children:e}):t=>t;return c&&t(j.Provider,{value:{...h,router:u,route:c.value,params:c.params,matchedRoutePath:"/"+c.matchedSegments.join("/"),remainingPath:c.remainingSegments?"/"+c.remainingSegments.join("/"):void 0,navigate:(t,e)=>u.navigate(t,e)},children:d(r||t(z,{}))})}function M({routes:e,index:n,onChange:a,children:r}){const[i,c]=s(void 0),l=o((()=>{if("undefined"==typeof window)return null;const t=new R(e,(e=>{null===e&&(e=I()),c({location:window.location,route:e.value,params:e.params,state:e.state,router:t,matchedRoutePath:"/"+e.matchedSegments.join("/"),remainingPath:e.remainingSegments?"/"+e.remainingSegments.join("/"):void 0,navigate:(e,n)=>t.navigate(e,n)})})).withObserver(a);return t.index=n,t}),[]);return h((()=>(l&&l.start(),()=>{l&&l.stop()})),[]),i&&t(j.Provider,{value:i,children:r||t(z,{})})}export{v as AfterLocationChangeEvent,f as BASE_PATH,x as BaseRouter,w as BeforeLocationChangeEvent,b as FixLinks,P as HistoryNavigator,g as LocationChangeEvent,O as Nav,T as NavLink,D as NestedNavigationContext,E as NestedRouter,H as NestedRouterProvider,m as Path,L as PathMatcher,j as ReactRouterContext,z as RouteComponent,R as Router,M as RouterProvider,W as useLocation,$ as useNavigate,A as useNavigationPrompt,U as useParams,N as useRouterContext};
 //# sourceMappingURL=vertesia-ui-router.js.map

package/lib/vertesia-ui-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertesia-ui-router.js","sources":["../src/router/index.ts"],"sourcesContent":[null],"names":["xxx","console","log"],"mappings":"SAKgBA,IACZC,QAAQC,IAAI,MAChB,CANAD,QAAQC,IAAI"}
+{"version":3,"file":"vertesia-ui-router.js","sources":["esm/router/path.js","esm/router/PathWithParams.js","esm/router/HistoryNavigator.js","esm/router/FixLinks.js","esm/router/PathMatcher.js","esm/router/Router.js","esm/router/Nav.js","esm/router/RouteComponent.js","esm/router/NestedNavigationContext.js","esm/router/Route404.js","esm/router/NestedRouterProvider.js","esm/router/RouterProvider.js"],"sourcesContent":["export function isRootPath(path) {\n    return path === '/' || path === '';\n}\nexport function joinPath(path1, path2) {\n    if (path1.endsWith('/') && path2.startsWith('/')) {\n        path2 = path1 + path2.substring(1);\n    }\n    else if (path1.endsWith('/')) {\n        path2 = path1 + path2;\n    }\n    else if (path2.startsWith('/')) {\n        path2 = path1 + path2;\n    }\n    else {\n        path2 = path1 + '/' + path2;\n    }\n    return path2;\n}\nexport function getPathSegments(path) {\n    if (path === '' || path === '/') {\n        return [];\n    }\n    let s = 0, e = path.length;\n    if (path.startsWith('./')) {\n        s = 2;\n    }\n    else if (path.startsWith('/')) {\n        s = 1;\n    }\n    if (path.endsWith('/')) {\n        e = path.length - 1;\n    }\n    return (s > 0 || e < path.length ? path.substring(s, e) : path).split('/');\n}\nexport function toSegments(path) {\n    if (typeof path === 'string') {\n        return getPathSegments(path);\n    }\n    else if (Array.isArray(path)) {\n        return path;\n    }\n    else {\n        throw new Error(`Unsupported path object: ${path}`);\n    }\n}\n// export class Path {\n//     static parse(path: string, abs = false) {\n//         if (abs !== undefined) {\n//             abs = path.startsWith('/');\n//         }\n//         return new Path(getPathSegments(path), abs);\n//     }\n//     constructor(public segments: string[], public isAbsolute = false) {\n//     }\n//     getParameters() {\n//         const out = [];\n//         for (const segment of this.segments) {\n//             if (segment[0] === ':') {\n//                 out.push(segment.substring(1));\n//             }\n//         }\n//         if (this.segments[this.segments.length - 1] === '*') {\n//             out.push('_');\n//         }\n//         return out;\n//     }\n//     resolveParameters(path: string) {\n//         const params: PathMatchParams = {};\n//         const resolvedSegments = getPathSegments(path);\n//         if (resolvedSegments.length < this.segments.length) {\n//             return null;\n//         }\n//         const segments = this.segments;\n//         for (let i = 0, l = segments.length; i < l; i++) {\n//             const seg = segments[i];\n//             if (seg[0] === ':') {\n//                 params[seg.substring(1)] = resolvedSegments[i];\n//             }\n//         }\n//         if (resolvedSegments.length - this.segments.length) {\n//             params._ = resolvedSegments.slice(this.segments.length);\n//         }\n//         return params;\n//     }\n//     match(path: string | string[] | Path) {\n//         const segments = toSegments(path);\n//         if (segments.length < this.segments.length) {\n//             return false;\n//         }\n//         let params: PathMatchParams | undefined;\n//         const mySegments = this.segments;\n//         for (let i = 0, l = mySegments.length; i < l; i++) {\n//             const segment = mySegments[i];\n//             if (segment === ':') {\n//                 if (!params) params = {};\n//                 params[segment.substring(1)] = segment;\n//             } else if (segment !== segments[i]) {\n//                 if (i === l - 1 && segment === '*') {\n//                     if (!params) params = {};\n//                     params._ = segments.slice(i);\n//                     return params;\n//                 }\n//                 return false;\n//             }\n//         }\n//         return params ? params : false;\n//     }\n//     join(path: Path | string | string[]) {\n//         const segments = toSegments(path);\n//         return new Path(this.segments.concat(segments), this.isAbsolute);\n//     }\n//     getRelativePath(path: Path | string | string[], asAbsolute: boolean = false) {\n//         const segments = toSegments(path);\n//         const extraSegmentsCount = segments.length - this.segments.length;\n//         if (extraSegmentsCount <= 0) {\n//             return null;\n//         }\n//         return new Path(segments.slice(this.segments.length), asAbsolute);\n//     }\n//     prependSegments(segments: string[]) {\n//         this.segments = segments.concat(this.segments);\n//     }\n//     appendSegments(segments: string[]) {\n//         this.segments = this.segments.concat(segments);\n//     }\n//     toAbsolutePath() {\n//         return '/' + this.segments.join('/');\n//     }\n//     toRelativePath() {\n//         return this.segments.join('/');\n//     }\n//     toString() {\n//         const path = this.segments.join('/');\n//         return this.isAbsolute ? '/' + path : path;\n//     }\n// }\n//# sourceMappingURL=path.js.map","export class PathWithParams {\n    path;\n    params;\n    hash;\n    constructor(path) {\n        let i = path.lastIndexOf('#');\n        if (i > -1) {\n            this.hash = path.substring(i);\n            path = path.substring(0, i);\n        }\n        else {\n            this.hash = '';\n        }\n        i = path.indexOf('?');\n        if (i > -1) {\n            this.path = path.substring(0, i);\n            this.params = new URLSearchParams(path.substring(i + 1));\n        }\n        else {\n            this.path = path;\n            this.params = new URLSearchParams();\n        }\n    }\n    add(params) {\n        for (const [key, value] of Object.entries(params)) {\n            this.params.set(key, value);\n        }\n        return this;\n    }\n    toString() {\n        return this.path + '?' + this.params.toString() + this.hash;\n    }\n}\n//# sourceMappingURL=PathWithParams.js.map","import { joinPath } from \"./path\";\nimport { PathWithParams } from \"./PathWithParams\";\nconst BASE_PATH = Symbol('BASE_PATH');\nexport { BASE_PATH };\nexport class LocationChangeEvent {\n    name;\n    type;\n    location;\n    state;\n    _canceled = false;\n    constructor(name, type, location, state) {\n        this.name = name;\n        this.type = type;\n        this.location = location;\n        this.state = state;\n    }\n    get isPageLoad() {\n        return this.type === 'initial';\n    }\n    get isBackForward() {\n        return this.type === 'popState';\n    }\n    get isLinkClick() {\n        return this.type === 'linkClick';\n    }\n    get isNavigation() {\n        return this.type === 'navigate';\n    }\n    get isCancelable() {\n        return this.name === 'beforeChange';\n    }\n    cancel() {\n        if (this.name === 'afterChange') {\n            throw new Error('Cannot cancel afterChange event');\n        }\n        this._canceled = true;\n    }\n}\nexport class BeforeLocationChangeEvent extends LocationChangeEvent {\n    constructor(type, location, state) {\n        super('beforeChange', type, location, state);\n    }\n}\nexport class AfterLocationChangeEvent extends LocationChangeEvent {\n    constructor(type, location, state) {\n        super('afterChange', type, location, state);\n    }\n}\nfunction getElementHrefAsUrl(elem) {\n    if (elem && elem.tagName.toLowerCase() === 'a') {\n        const href = elem.href;\n        if (href != null) {\n            return new URL(href);\n        }\n    }\n    return null;\n}\nexport class HistoryNavigator {\n    // params to preserve in the query string when navigating\n    stickyParams;\n    _popStateListener;\n    _linkNavListener;\n    _listeners = [];\n    constructor() {\n    }\n    addListener(listener) {\n        this._listeners.push(listener);\n    }\n    fireLocationChange(event) {\n        for (const listener of this._listeners) {\n            listener(event);\n        }\n    }\n    /**\n     * Should be called when the page is first loaded.\n     * It will fire a location change event with type `initial` and the current window.location as the location\n     */\n    firePageLoad() {\n        this.fireLocationChange(new AfterLocationChangeEvent('initial', new URL(window.location.href)));\n    }\n    addStickyParams(path) {\n        if (this.stickyParams) {\n            return new PathWithParams(path).add(this.stickyParams).toString();\n        }\n        return path;\n    }\n    navigate(to, options = {}) {\n        if (options.basePath) {\n            let basePath = options.basePath;\n            if (!basePath.startsWith('/')) {\n                basePath = '/' + basePath;\n            }\n            to = joinPath(basePath, to);\n        }\n        to = this.addStickyParams(to);\n        this._navigate(new URL(to, window.location.href), 'navigate', options);\n    }\n    _navigate(to, type, options) {\n        const beforeEvent = new BeforeLocationChangeEvent(type, to, options.state);\n        this.fireLocationChange(beforeEvent);\n        if (beforeEvent._canceled) {\n            return;\n        }\n        window.history[options.replace ? 'replaceState' : 'pushState']({\n            from: window.location.href,\n            data: options.state || undefined\n        }, '', to.href);\n        this.fireLocationChange(new AfterLocationChangeEvent(type, to, options.state));\n    }\n    start() {\n        if (typeof window === \"undefined\") {\n            return;\n        }\n        const _popStateListener = (ev) => {\n            let type = ev.state ? 'popState' : 'linkClick';\n            const to = new URL(window.location.href);\n            let state = undefined;\n            if (ev.state) {\n                type = 'popState';\n                state = ev.state.data;\n            }\n            else {\n                type = 'linkClick';\n            }\n            this.fireLocationChange(new AfterLocationChangeEvent(type, to, state));\n        };\n        const _linkNavListener = (ev) => {\n            const url = getElementHrefAsUrl(ev.target);\n            if (url && url.origin === window.location.origin) {\n                ev.preventDefault();\n                const to = new URL(this.addStickyParams(url.href));\n                const basePath = ev[BASE_PATH] || ev.target[BASE_PATH];\n                if (basePath) {\n                    to.pathname = joinPath(basePath, to.pathname);\n                }\n                this._navigate(to, 'linkClick', {});\n            }\n        };\n        this._popStateListener = _popStateListener;\n        this._linkNavListener = _linkNavListener;\n        window.addEventListener('popstate', _popStateListener);\n        document.body.addEventListener('click', this._linkNavListener);\n    }\n    stop() {\n        this._popStateListener && window.removeEventListener('popstate', this._popStateListener);\n        this._linkNavListener && document.body.removeEventListener('click', this._linkNavListener);\n    }\n}\n//# sourceMappingURL=HistoryNavigator.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useRef } from \"react\";\nimport { BASE_PATH } from \"./HistoryNavigator\";\nexport function FixLinks({ basePath, children }) {\n    const ref = useRef(null);\n    useEffect(() => {\n        if (ref.current) {\n            const divElem = ref.current;\n            const listener = (ev) => {\n                const elem = ev.target;\n                if (elem.tagName.toLowerCase() === 'a') {\n                    ev[BASE_PATH] = basePath;\n                }\n            };\n            divElem.addEventListener('click', listener);\n            return () => {\n                divElem.removeEventListener('click', listener);\n            };\n        }\n    }, [ref.current]);\n    return (_jsx(\"div\", { ref: ref, className: \"h-full w-full\", children: children }));\n}\n//# sourceMappingURL=FixLinks.js.map","import { getPathSegments, toSegments } from \"./path\";\n/**\n * Path matcher which support :param and *wildcard segments.\n * The wildcard segment is only supported as the last segment\n */\nexport class PathMatcher {\n    tree = new RootSegmentNode();\n    loadMapping(mapping) {\n        for (const [key, value] of Object.entries(mapping)) {\n            this.addSegments(getPathSegments(key), value);\n        }\n    }\n    addPath(path, value) {\n        this.addSegments(getPathSegments(path), value);\n    }\n    addSegments(segments, value) {\n        let node = this.tree;\n        for (let i = 0, l = segments.length; i < l; i++) {\n            const segment = segments[i];\n            if (segment[0] === ':') {\n                let childNode = node.wildcard;\n                if (!childNode) {\n                    childNode = new VariableSegmentNode(segment);\n                    node.wildcard = childNode;\n                }\n                else if (!(childNode instanceof VariableSegmentNode)) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard \":\" segment will overwrite an existing wildcard segment at path: ${'/' + segments.slice(0, i).join(\"/\")}`);\n                }\n                node = childNode;\n            }\n            else if (segment === '*') {\n                if (node.wildcard) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard \"*\" segment already exists at path: ${'/' + segments.slice(0, i).join(\"/\")}`);\n                }\n                node.wildcard = new WildcardSegmentNode(segment, value);\n                if (i < l - 1) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard segment must be the last segment`);\n                }\n                return;\n            }\n            else {\n                let childNode = node.children[segment];\n                if (!childNode) {\n                    childNode = new LiteralSegmentNode(segment);\n                    node.children[segment] = childNode;\n                } // else // a literal segment already exists\n                node = childNode;\n            }\n        }\n        if (node.value !== undefined) {\n            throw new Error(`Failed to index path segments: ${segments.join('/')}. A value already exists at path: ${'/' + segments.join(\"/\")}`);\n        }\n        node.value = value;\n    }\n    match(path) {\n        const segments = toSegments(path);\n        if (segments.length === 0) {\n            return null;\n        }\n        const params = {};\n        let node = this.tree;\n        for (const segment of segments) {\n            const match = node.match(segment, params);\n            if (match) {\n                node = match;\n            }\n            else {\n                return null;\n            }\n        }\n        if (!node.value) { // not a leaf node (partial match)\n            if (node instanceof ParentSegmentNode) {\n                if (node.wildcard instanceof WildcardSegmentNode) {\n                    node = node.wildcard.match('', params);\n                    if (!node.value) {\n                        throw new Error(\"Wildcard segment node `*` must have a value\");\n                    }\n                }\n            }\n            if (!node.value)\n                return null; // not a leaf node, neither a trailing wildcard (partial match)\n        }\n        let matchedSegments, remainingSegments;\n        if (params._ && params._.length > 0) {\n            matchedSegments = segments.slice(0, -params._.length);\n            remainingSegments = params._;\n        }\n        else {\n            matchedSegments = segments;\n        }\n        return { params, matchedSegments, remainingSegments, value: node.value };\n    }\n}\nclass ParentSegmentNode {\n    name;\n    value;\n    children = {};\n    wildcard;\n    constructor(name, value) {\n        this.name = name;\n        this.value = value;\n    }\n    match(segment, params) {\n        let node = this.children[segment];\n        if (node) {\n            return node;\n        }\n        else if (this.wildcard) {\n            if (this.wildcard instanceof WildcardSegmentNode) {\n                return this.wildcard.match(segment, params);\n            }\n            else if (this.wildcard instanceof VariableSegmentNode) {\n                params[this.wildcard.paramName] = segment;\n                return this.wildcard;\n            }\n            else {\n                throw new Error(\"Unknown wildcard segment node type: \" + this.wildcard.constructor.name);\n            }\n        }\n        else {\n            return null;\n        }\n    }\n}\nclass RootSegmentNode extends ParentSegmentNode {\n    constructor() {\n        super(\"#root\");\n    }\n}\nclass LiteralSegmentNode extends ParentSegmentNode {\n    constructor(name, value) {\n        super(name, value);\n    }\n}\nclass VariableSegmentNode extends ParentSegmentNode {\n    paramName;\n    constructor(name, value) {\n        super(name, value);\n        this.paramName = name.substring(1);\n    }\n}\nclass WildcardSegmentNode {\n    name;\n    value;\n    constructor(name, value) {\n        this.name = name;\n        this.value = value;\n    }\n    match(segment, params) {\n        if (!params._) {\n            params._ = segment ? [segment] : [];\n        }\n        else {\n            segment && params._.push(segment);\n        }\n        return this;\n    }\n}\n//# sourceMappingURL=PathMatcher.js.map","import { createContext, useContext, useEffect } from \"react\";\nimport { HistoryNavigator } from \"./HistoryNavigator\";\nimport { PathMatcher } from \"./PathMatcher\";\nimport { isRootPath, joinPath } from \"./path\";\nexport class BaseRouter {\n    // the path to use when navigating to the root of the router\n    index;\n    matcher = new PathMatcher();\n    constructor(routes, index) {\n        this.index = index;\n        for (const route of routes) {\n            this.matcher.addPath(route.path, route);\n        }\n    }\n    match(path) {\n        const useIndex = isRootPath(path) && this.index;\n        return this.matcher.match(useIndex ? this.index : path);\n    }\n}\nexport class Router extends BaseRouter {\n    prompt;\n    observer;\n    navigator = new HistoryNavigator();\n    constructor(routes, updateState) {\n        super(routes);\n        this.navigator.addListener((event) => {\n            if (event.isCancelable && this.prompt && !!this.prompt.when) {\n                if (!window.confirm(this.prompt.message))\n                    return;\n            }\n            if (this.observer) {\n                this.observer(event);\n            }\n            // only process afterChange events\n            if (event.name === \"afterChange\") {\n                const match = this.match(event.location.pathname);\n                if (match && match.value) {\n                    updateState({\n                        ...match,\n                        state: event.state,\n                    });\n                }\n                else {\n                    updateState(null);\n                }\n            }\n        });\n    }\n    getTopRouter() {\n        return this;\n    }\n    /**\n     * Subsequent navigations will preserve the given params in the query string.\n     * Use null to clear the sticky params.\n     * @param params\n     */\n    setStickyParams(params) {\n        this.navigator.stickyParams = params != null ? params : undefined;\n    }\n    withObserver(observer) {\n        this.observer = observer;\n        return this;\n    }\n    start() {\n        this.navigator.start();\n        // initialize with the current location\n        this.navigator.firePageLoad();\n    }\n    stop() {\n        this.navigator.stop();\n    }\n    navigate(path, options) {\n        this.navigator.navigate(path, options);\n    }\n}\nexport class NestedRouter extends BaseRouter {\n    parent;\n    basePath;\n    constructor(parent, basePath, routes) {\n        super(routes);\n        this.parent = parent;\n        this.basePath = basePath;\n    }\n    getTopRouter() {\n        if (this.parent instanceof Router) {\n            return this.parent;\n        }\n        else {\n            return this.parent.getTopRouter();\n        }\n    }\n    navigate(path, options) {\n        // base path is nested by default in a NestedRouter unless explicitly set to false by caller\n        const isBasePathNested = options?.isBasePathNested ?? true;\n        let basePath;\n        if (isBasePathNested) {\n            const childBasePath = options?.basePath;\n            // e.g. \"/store\" + \"/objects/123\" => \"/store/objects/123\"\n            basePath = childBasePath ? joinPath(this.basePath, childBasePath) : this.basePath;\n        }\n        else {\n            // e.g. \"/store\" + \"/studio\" => \"/studio\"\n            basePath = options?.basePath ?? this.basePath;\n        }\n        this.parent.navigate(path, {\n            ...options,\n            basePath,\n        });\n    }\n}\nconst ReactRouterContext = createContext(undefined);\nexport { ReactRouterContext };\nexport function useRouterContext() {\n    const ctx = useContext(ReactRouterContext);\n    if (!ctx) {\n        throw new Error(\"useRouter must be used within a RouterProvider\");\n    }\n    return ctx;\n}\nexport function useNavigate() {\n    const { navigate } = useRouterContext();\n    return navigate;\n}\nexport function useParams(arg) {\n    const { params } = useRouterContext();\n    if (arg) {\n        return params[arg];\n    }\n    else {\n        return params;\n    }\n}\nexport function useLocation() {\n    const { location } = useRouterContext();\n    return location;\n}\nexport function useNavigationPrompt(prompt) {\n    const { router } = useRouterContext();\n    useEffect(() => {\n        router.getTopRouter().prompt = prompt;\n        return () => {\n            router.getTopRouter().prompt = undefined;\n        };\n    }, []);\n    useEffect(() => {\n        if (prompt.when) {\n            const doBlock = prompt.when;\n            const listener = function (ev) {\n                if (doBlock) {\n                    ev.preventDefault();\n                    ev.returnValue = \"\";\n                }\n            };\n            window.addEventListener(\"beforeunload\", listener);\n            return () => {\n                window.removeEventListener(\"beforeunload\", listener);\n            };\n        }\n    }, [prompt.when]);\n}\n//# sourceMappingURL=Router.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useNavigate, useRouterContext } from \"./Router\";\nexport function Nav({ children, onClick }) {\n    const navigate = useNavigate();\n    const _onClick = (ev) => {\n        const link = ev.target.closest('a');\n        if (link && link.href) {\n            ev.stopPropagation();\n            ev.preventDefault();\n            navigate(link.href);\n            onClick?.(ev);\n        }\n    };\n    return (_jsx(\"span\", { onClick: _onClick, children: children }));\n}\nexport function NavLink({ children, href, className, topLevelNav }) {\n    const { router } = useRouterContext();\n    const _onClick = (ev) => {\n        ev.stopPropagation();\n        ev.preventDefault();\n        const actualRouter = topLevelNav ? router.getTopRouter() : router;\n        actualRouter.navigate(href);\n    };\n    return (_jsx(\"a\", { href: href, className: className, onClick: _onClick, children: children }));\n}\n//# sourceMappingURL=Nav.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { useRouterContext } from \"./Router\";\nexport function RouteComponent({ spinner }) {\n    const ctx = useRouterContext();\n    const route = ctx.route;\n    if (route.Component) {\n        const Component = route.Component;\n        return _jsx(Component, { ...ctx.params });\n    }\n    else if (route.LazyComponent) {\n        return _jsx(LazyRouteComponent, { route: route, spinner: spinner });\n    }\n    else {\n        throw new Error(`Invalid route for ${route.path}. Either Component or LazyCOmponent must be specified.`);\n    }\n}\nfunction LazyRouteComponent({ route, spinner }) {\n    const [Component, setComponent] = useState(null);\n    useEffect(() => {\n        route.LazyComponent().then(module => {\n            if (!module.default) {\n                throw new Error(`Lazy module for ${route.path} does not have a default export`);\n            }\n            // we need to wrap the component type in an arrow function\n            // otherwise the setState function will execute the function as a state update function\n            setComponent(() => module.default);\n        });\n    }, [route]);\n    return Component ? (_jsx(Component, {})) : spinner || null;\n}\n//# sourceMappingURL=RouteComponent.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FixLinks } from \"./FixLinks\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { ReactRouterContext, useRouterContext } from \"./Router\";\nimport { joinPath } from \"./path\";\nexport function NestedNavigationContext({ basePath, fixLinks = false, children }) {\n    const ctx = useRouterContext();\n    const wrapWithFixLinks = fixLinks ?\n        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })\n        : (elem) => elem;\n    return (_jsx(ReactRouterContext.Provider, { value: {\n            ...ctx,\n            navigate: (to, options) => {\n                const actualBasePath = options?.basePath ? joinPath(basePath, options.basePath) : basePath;\n                return ctx.navigate(to, { ...options, basePath: actualBasePath });\n            }\n        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));\n}\n//# sourceMappingURL=NestedNavigationContext.js.map","import { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRouterContext } from \"./Router\";\nexport function Route404Component() {\n    const ctx = useRouterContext();\n    return _jsxs(\"div\", { children: [\"Route not found for path \", ctx.matchedRoutePath] });\n}\nexport function createRoute404() {\n    return {\n        params: {},\n        matchedSegments: [],\n        state: null,\n        value: {\n            path: 'virtual:404',\n            Component: () => _jsx(Route404Component, {})\n        }\n    };\n}\n//# sourceMappingURL=Route404.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { FixLinks } from \"./FixLinks\";\nimport { createRoute404 } from \"./Route404\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { NestedRouter, ReactRouterContext, useRouterContext } from \"./Router\";\nexport function NestedRouterProvider({ routes, index, children, fixLinks = false }) {\n    const ctx = useRouterContext();\n    const [nestedRouteMatch, setNestedRouteMatch] = useState(undefined);\n    const nestedRouter = useMemo(() => {\n        if (typeof window === 'undefined')\n            return null;\n        const basePath = ctx.matchedRoutePath;\n        const nestedRouter = new NestedRouter(ctx.router, basePath, routes);\n        nestedRouter.index = index;\n        return nestedRouter;\n    }, []);\n    useEffect(() => {\n        if (nestedRouter) {\n            if (ctx.matchedRoutePath !== nestedRouter.basePath) {\n                // the change doesn't belong to this nested router\n                // it should be handled by the top level router which will change the page or the nested router\n                return;\n            }\n            const route = nestedRouter.match(ctx.remainingPath || '/') || createRoute404();\n            setNestedRouteMatch(route);\n        }\n    }, [nestedRouter, ctx.remainingPath]);\n    const wrapWithFixLinks = fixLinks ?\n        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })\n        : (elem) => elem;\n    return nestedRouteMatch && (_jsx(ReactRouterContext.Provider, { value: {\n            ...ctx,\n            router: nestedRouter,\n            route: nestedRouteMatch.value,\n            params: nestedRouteMatch.params,\n            matchedRoutePath: '/' + nestedRouteMatch.matchedSegments.join('/'),\n            remainingPath: nestedRouteMatch.remainingSegments ? '/' + nestedRouteMatch.remainingSegments.join('/') : undefined,\n            navigate: (to, options) => {\n                return nestedRouter.navigate(to, options);\n            }\n        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));\n}\n//# sourceMappingURL=NestedRouterProvider.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useSafeLayoutEffect } from \"@vertesia/ui/core\";\n//import { useSafeLayoutEffect } from \"../core\";\nimport { useMemo, useState } from \"react\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { ReactRouterContext, Router } from \"./Router\";\nimport { createRoute404 } from \"./Route404\";\nexport function RouterProvider({ routes, index, onChange, children }) {\n    const [state, setState] = useState(undefined);\n    const router = useMemo(() => {\n        if (typeof window === 'undefined')\n            return null;\n        const router = new Router(routes, (match) => {\n            if (match === null) {\n                match = createRoute404();\n            }\n            setState({\n                location: window.location,\n                route: match.value,\n                params: match.params,\n                state: match.state,\n                router: router,\n                matchedRoutePath: '/' + match.matchedSegments.join('/'),\n                remainingPath: match.remainingSegments ? '/' + match.remainingSegments.join('/') : undefined,\n                navigate: (to, options) => {\n                    return router.navigate(to, options);\n                }\n            });\n        }).withObserver(onChange);\n        router.index = index;\n        return router;\n    }, []);\n    useSafeLayoutEffect(() => {\n        router && router.start();\n        return () => {\n            router && router.stop();\n        };\n    }, []);\n    return state && (_jsx(ReactRouterContext.Provider, { value: state, children: children ? children : _jsx(RouteComponent, {}) }));\n}\n//# sourceMappingURL=RouterProvider.js.map"],"names":["isRootPath","path","joinPath","path1","path2","endsWith","startsWith","substring","getPathSegments","s","e","length","split","toSegments","Array","isArray","Error","PathWithParams","params","hash","constructor","i","lastIndexOf","this","indexOf","URLSearchParams","add","key","value","Object","entries","set","toString","BASE_PATH","Symbol","LocationChangeEvent","name","type","location","state","_canceled","isPageLoad","isBackForward","isLinkClick","isNavigation","isCancelable","cancel","BeforeLocationChangeEvent","super","AfterLocationChangeEvent","HistoryNavigator","stickyParams","_popStateListener","_linkNavListener","_listeners","addListener","listener","push","fireLocationChange","event","firePageLoad","URL","window","href","addStickyParams","navigate","to","options","basePath","_navigate","beforeEvent","history","replace","from","data","undefined","start","ev","url","elem","tagName","toLowerCase","getElementHrefAsUrl","target","origin","preventDefault","pathname","addEventListener","document","body","stop","removeEventListener","FixLinks","children","ref","useRef","useEffect","current","divElem","_jsx","className","PathMatcher","tree","RootSegmentNode","loadMapping","mapping","addSegments","addPath","segments","node","l","segment","childNode","wildcard","VariableSegmentNode","join","slice","WildcardSegmentNode","LiteralSegmentNode","match","matchedSegments","remainingSegments","ParentSegmentNode","_","paramName","BaseRouter","index","matcher","routes","route","useIndex","Router","prompt","observer","navigator","updateState","when","confirm","message","getTopRouter","setStickyParams","withObserver","NestedRouter","parent","isBasePathNested","childBasePath","ReactRouterContext","createContext","useRouterContext","ctx","useContext","useNavigate","useParams","arg","useLocation","useNavigationPrompt","router","doBlock","returnValue","Nav","onClick","link","closest","stopPropagation","NavLink","topLevelNav","RouteComponent","spinner","Component","LazyComponent","LazyRouteComponent","setComponent","useState","then","module","default","NestedNavigationContext","fixLinks","wrapWithFixLinks","matchedRoutePath","Provider","actualBasePath","Route404Component","_jsxs","createRoute404","NestedRouterProvider","nestedRouteMatch","setNestedRouteMatch","nestedRouter","useMemo","remainingPath","RouterProvider","onChange","setState","useSafeLayoutEffect"],"mappings":"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"}

package/lib/vertesia-ui-session.js

@@ -1,2 +1,2 @@
-
+import{jwtDecode as e}from"jwt-decode";import{Env as t}from"@vertesia/ui/env";import{createContext as o,useContext as r,useCallback as n,useState as i,useEffect as s}from"react";import{VertesiaClient as a}from"@vertesia/client";import{getAnalytics as c,logEvent as l}from"firebase/analytics";import{initializeApp as u}from"firebase/app";import{getAuth as h,onAuthStateChanged as d}from"firebase/auth";import{jsx as g}from"react/jsx-runtime";let m=null,p=null,f=null;function w(){if(!m)try{m=u(t.firebase)}catch(e){throw console.error("Failed to initialize Firebase app:",e),new Error("Firebase initialization failed - environment may not be properly initialized")}return m}function v(){return p||(p=c(w())),p}function k(){return f||(f=h(w())),f}async function b(e){if(e)try{e&&console.log(`Resolving tenant ID from email: ${e}`);let o=3,r=250;for(;o>0;)try{const o=await fetch("/api/resolve-tenant",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({tenantEmail:e}),signal:AbortSignal.timeout(5e3)});if(!o)throw new Error("No response received from tenant API");if(!o.ok){try{const e=await o.json();console.error("Failed to resolve tenant ID:",e.error)}catch(e){console.error(`Failed to resolve tenant ID: HTTP ${o.status}`)}if(404===o.status)return void console.warn(`Tenant not found for ${e}`);throw new Error(`HTTP error ${o.status}`)}const r=await o.json();if(r&&r.firebaseTenantId){const e=k();return e.tenantId=r.firebaseTenantId,t.firebase.providerType=r.provider??"oidc",console.log(`Tenant ID set to ${e.tenantId}`),r}return void console.error(`Invalid response format, missing tenantId for ${e}`)}catch(e){if(!(o>1))throw e;console.warn(`Tenant resolution failed, retrying in ${r}ms...`,e),await new Promise((e=>setTimeout(e,r))),r*=2,o--}}catch(e){console.error("Error setting Firebase tenant:",e instanceof Error?e.message:"Unknown error")}else console.log("No tenant name or email specified, skipping tenant setup")}async function S(e){const o=k().currentUser;return o?o.getIdToken(e).then((r=>(t.logger.info("Got Firebase token",{vertesia:{user_email:o.email,user_name:o.displayName,user_id:o.uid,refresh:e}}),r))).catch((r=>(t.logger.error("Failed to get Firebase token",{vertesia:{user_email:o.email,user_name:o.displayName,user_id:o.uid,refresh:e,error:r}}),console.error("Failed to get access token",r),null))):(t.logger.warn("No user found"),Promise.resolve(null))}class y{types;map={};constructor(e){this.types=e,e.sort(((e,t)=>e.name.localeCompare(t.name)));for(const t of e)this.map[t.id]=t}getType(e){return this.map[e]}getTypeLayout(e){const t=this.map[e];return t?t.table_layout:void 0}getTypeName(e){const t=this.map[e];return t?t.name:void 0}}const T="composableai.lastSelectedAccountId",_="composableai.lastSelectedProjectId";class I{isLoading=!0;client;authError;authToken;typeRegistry;setSession;lastSelectedAccount;lastSelectedProject;onboardingComplete;constructor(e,o){this.client=e||new a({serverUrl:t.endpoints.studio,storeUrl:t.endpoints.zeno}),o&&(this.setSession=o),this.logout=this.logout.bind(this)}get store(){return this.client.store}get user(){return this.authToken}get account(){return this.authToken?.account}get project(){return this.authToken?.project}get accounts(){return this.authToken?.accounts}get authCallback(){return this.rawAuthToken.then((e=>`Bearer ${e}`))}get rawAuthToken(){return U().then((t=>{const o=t?.rawToken;if(!o)throw new Error("No token available");return this.authToken=e(o),o}))}signOut(){this.logout()}getAccount(){return this.authToken?.account}async login(o){return this.authError=void 0,this.isLoading=!1,this.client.withAuthCallback((()=>this.authCallback)),this.authToken=e(o),console.log(`Logging in as ${this.authToken?.name} with account ${this.authToken?.account.name} (${this.authToken?.account.id}, and project ${this.authToken?.project?.name} (${this.authToken?.project?.id})`),localStorage.setItem(T,this.authToken.account.id),localStorage.setItem(_+"-"+this.authToken.account.id,this.authToken.project?.id??""),t.onLogin?.(this.authToken),await Promise.all([this._loadTypes(),this.fetchOnboardingStatus()]),Promise.resolve()}isLoggedIn(){return!!this.authToken}logout(){console.log("Logging out"),this.authToken&&k().signOut(),this.authError=void 0,this.isLoading=!1,this.authToken=void 0,this.typeRegistry=void 0,this.setSession=void 0,this.client.withAuthCallback(void 0)}async switchAccount(e){localStorage.setItem(T,e),this&&(this.account&&this.project?localStorage.setItem(_+"-"+this.account.id,this.project.id):this.account&&localStorage.removeItem(_+"-"+this.account.id)),window.location.replace("/?a="+e)}async switchProject(e){this.account&&localStorage.setItem(_+"-"+this.account.id,e),window.location.replace("/?a="+this.account?.id+"&p="+e)}async _loadTypes(){if(this.project)return this.store.types.list({},{layout:!0}).then((e=>this.typeRegistry=new y(e))).catch((e=>{throw console.error("Failed to fetch object types",e),e}));console.log("No project selected")}async reloadTypes(){return this._loadTypes().then((()=>{this.setSession?.(this.clone())}))}async fetchAccounts(){return this.client.accounts.list().then((e=>{if(!this.authToken)throw new Error("No token available");this.authToken.accounts=e,this.setSession?.(this.clone())})).catch((e=>{throw console.error("Failed to fetch accounts",e),e}))}async fetchOnboardingStatus(){if(this.onboardingComplete)return console.log("Onboarding already completed"),!1;const e=this.onboardingComplete;try{const t=await this.client.account.onboardingProgress();if(this.onboardingComplete=Object.values(t).every((e=>!0===e)),e!==this.onboardingComplete)return!0;this.setSession?.(this.clone())}catch(e){console.error("Error fetching onboarding status:",e),this.onboardingComplete=!1,this.setSession?.(this.clone())}return!1}clone(){const e=new I(this.client);return e.isLoading=this.isLoading,e.authError=this.authError,e.authToken=this.authToken,e.setSession=this.setSession,e.lastSelectedAccount=this.lastSelectedAccount,e.switchAccount=this.switchAccount,e.typeRegistry=this.typeRegistry,e.onboardingComplete=this.onboardingComplete,e}}const j=o(void 0);function F(){const e=r(j);if(!e)throw new Error("useUserSession must be used within a UserSessionProvider");return e}let A,E;async function P(o,r,n,i){console.log(`Getting/refreshing composable token for account ${r} and project ${n} `),t.logger.info("Getting/refreshing composable token",{vertesia:{account_id:r,project_id:n}});const s=await o();if(!s)throw console.log("No id token found - using cookie auth"),new Error("No id token found");console.log("Fetching composable token from "+t.endpoints.studio),t.logger.info("Fetching composable token from"+t.endpoints.studio,{vertesia:{account_id:r,project_id:n}});const a=new URL(t.endpoints.studio+"/auth/token");r&&a.searchParams.set("accountId",r),n&&a.searchParams.set("projectId",n),i&&a.searchParams.set("ttl",String(i)),console.log(`Getting composable token for account ${r} and project ${n}`),t.logger.info("Getting composable token",{vertesia:{account_id:r,project_id:n}});const c=await fetch(a,{method:"GET",headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`}}).catch((e=>{throw localStorage.removeItem(T),localStorage.removeItem(_),console.error("Failed to get composable token",e),t.logger.error("Failed to get composable token",{vertesia:{account_id:r,project_id:n,error:e}}),new Error("Failed to get composable token")}));if(s&&412===c?.status){console.log("412: auth succeeded but user doesn't exist - signup required",c?.status),t.logger.error("412: auth succeeded but user doesn't exist - signup required",{vertesia:{account_id:r,project_id:n,status:c?.status}});const o=e(s);if(!o?.email)throw t.logger.error("No email found in id token"),new Error("No email found in id token");throw t.logger.error("User not found",{vertesia:{account_id:r,project_id:n,email:o.email}}),new C("User not found",o.email)}if(!c||!c.ok)throw console.error("Failed to get composable token",c),t.logger.error("Failed to get composable token",{vertesia:{account_id:r,project_id:n,status:c?.status}}),new Error("Failed to get composable token");const{token:l}=await c.json().catch((e=>{t.logger.error("Failed to parse composable token",{vertesia:{account_id:r,project_id:n,error:e}}),console.error("Failed to parse composable token",e)}));return l}async function $(e,t,o){return P(S,e,t,o)}async function U(o,r,n,i=!1){const s=o??localStorage.getItem(T)??void 0,a=r??localStorage.getItem(_+"-"+s)??void 0;if(!i&&A&&E&&E.exp>Date.now()/1e3+300)return{rawToken:A,token:E,error:!1};if(k().currentUser?A=await $(s,a):(n||A)&&(A=await P((()=>Promise.resolve(n??A)),s,a)),!A)throw t.logger.error("Cannot acquire a composable token",{vertesia:{account_id:s,project_id:a}}),new Error("Cannot acquire a composable token");if(E=e(A),!E||!E.exp||!A)throw console.error("Invalid composable token",E),t.logger.error("Invalid composable token",{vertesia:{account_id:s,project_id:a}}),new Error("Invalid composable token");return{rawToken:A,token:E,error:!1}}class C extends Error{email;constructor(e,t){super(e),this.name="UserNotFoundError",this.email=t}}const N="auth_state",L="auth_state_expiry";const R=[".composable.sh",".vertesia.dev","vertesia.app"];function D({children:e}){const o=new URLSearchParams(location.hash.substring(1)),r=o.get("token"),a=o.get("state"),[c,l]=i(new I),{generateState:u,verifyState:h}={generateState:n((()=>{const e=crypto.randomUUID(),t=Date.now()+3e5;return sessionStorage.setItem(N,e),sessionStorage.setItem(L,t.toString()),e}),[]),verifyState:n((e=>{if(!e)return"Missing state";const t=sessionStorage.getItem(N),o=parseInt(sessionStorage.getItem(L)||"0");let r;return r=t!==e?`State mismatched (${t} !== ${e})`:Date.now()>o?"State expired":void 0,sessionStorage.removeItem(N),sessionStorage.removeItem(L),r}),[]),clearState:n((()=>{sessionStorage.removeItem(N),sessionStorage.removeItem(L)}),[])},m=(e,t)=>{const o=new URL("https://internal-auth.vertesia.app/"),r=new URL(window.location.href);r.hash="",o.searchParams.set("redirect_uri",r.toString()),o.searchParams.set("state",u()),location.replace(o.toString())};return s((()=>{console.log("Auth: starting auth flow"),t.logger.info("Starting auth flow");const e=new URL(window.location.href),o=e.searchParams.get("a")??localStorage.getItem(T)??void 0,n=e.searchParams.get("p")??localStorage.getItem(_+"-"+o)??void 0;if(console.log("Auth: selected account",o),console.log("Auth: selected project",n),t.logger.info("Selected account and project",{vertesia:{account_id:o,project_id:n}}),r&&a){const e=h(a);return e&&(console.error(`Auth: invalid state: ${e}`),t.logger.error(`Invalid state: ${e}`,{vertesia:{state:a}}),m()),void U(o,n,r).then((e=>{c.login(e.rawToken).then((()=>{l(c.clone()),window.location.hash=""}))})).catch((e=>{console.error("Failed to fetch user token from studio, redirecting to central auth",e),t.logger.error("Failed to fetch user token from studio, redirecting to central auth",{vertesia:{error:e}}),m()}))}return c.isLoggedIn()||(console.log("Auth: not logged in & no token/state"),t.logger.info("Not logged in & no token/state",{vertesia:{account_id:o,project_id:n}}),t.isDocker||R.some((e=>window.location.hostname.endsWith(e)))?(console.log("Auth: on dev domain, redirecting to central auth with selection",o,n),t.logger.info("Redirecting to central auth with selection",{vertesia:{account_id:o,project_id:n}}),m()):(console.log("Auth: not on dev domain"),t.logger.info("Not on dev domain",{vertesia:{account_id:o,project_id:n}}))),d(k(),(async e=>{e?(console.log("Auth: successful login with firebase"),t.logger.info("Successful login with firebase",{vertesia:{account_id:o,project_id:n}}),c.setSession=l,await U(o,n).then((e=>{c.login(e.rawToken).then((()=>l(c.clone())))})).catch((e=>{console.error("Failed to fetch user token from studio",e),t.logger.error("Failed to fetch user token from studio",{vertesia:{account_id:o,project_id:n,error:e}}),e instanceof C||c.logout(),c.isLoading=!1,c.authError=e,l(c.clone())}))):(console.log("Auth: using anonymous user"),t.logger.info("Using anonymous user",{vertesia:{account_id:o,project_id:n}}),c.client.withAuthCallback(void 0),c.logout(),l(c.clone()))}))}),[]),g(j.Provider,{value:c,children:e})}function x(){return{tagUserSession:async e=>{const t=window.localStorage.getItem("composableSignupData");e?t&&window.localStorage.removeItem("composableSignupData"):console.error("No user found -- skipping tagging")},trackEvent:(e,o)=>{t.isProd||console.debug("track event",e,o),l(v(),e,{...o,debug_mode:!t.isProd})}}}export{T as LastSelectedAccountId_KEY,_ as LastSelectedProjectId_KEY,y as TypeRegistry,C as UserNotFoundError,I as UserSession,j as UserSessionContext,D as UserSessionProvider,P as fetchComposableToken,$ as fetchComposableTokenFromFirebaseToken,U as getComposableToken,v as getFirebaseAnalytics,w as getFirebaseApp,k as getFirebaseAuth,S as getFirebaseAuthToken,b as setFirebaseTenant,x as useUXTracking,F as useUserSession};
 //# sourceMappingURL=vertesia-ui-session.js.map

package/lib/vertesia-ui-session.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertesia-ui-session.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"vertesia-ui-session.js","sources":["esm/session/auth/firebase.js","esm/session/TypeRegistry.js","esm/session/UserSession.js","esm/session/auth/composable.js","esm/session/auth/useAuthState.js","esm/session/UserSessionProvider.js","esm/session/useUXTracking.js"],"sourcesContent":["import { Env } from \"@vertesia/ui/env\";\nimport { getAnalytics } from \"firebase/analytics\";\nimport { initializeApp } from \"firebase/app\";\nimport { getAuth } from \"firebase/auth\";\n// Use lazy initialization to avoid accessing Env before it's initialized\nlet _firebaseApp = null;\nlet _analytics = null;\nlet _firebaseAuth = null;\n// Getters that lazily initialize Firebase components when first accessed\nexport function getFirebaseApp() {\n    if (!_firebaseApp) {\n        try {\n            _firebaseApp = initializeApp(Env.firebase);\n        }\n        catch (error) {\n            console.error(\"Failed to initialize Firebase app:\", error);\n            throw new Error(\"Firebase initialization failed - environment may not be properly initialized\");\n        }\n    }\n    return _firebaseApp;\n}\nexport function getFirebaseAnalytics() {\n    if (!_analytics) {\n        _analytics = getAnalytics(getFirebaseApp());\n    }\n    return _analytics;\n}\nexport function getFirebaseAuth() {\n    if (!_firebaseAuth) {\n        _firebaseAuth = getAuth(getFirebaseApp());\n    }\n    return _firebaseAuth;\n}\nexport async function setFirebaseTenant(tenantEmail) {\n    if (!tenantEmail) {\n        console.log(\"No tenant name or email specified, skipping tenant setup\");\n        return;\n    }\n    try {\n        if (tenantEmail)\n            console.log(`Resolving tenant ID from email: ${tenantEmail}`);\n        // Add retry logic with exponential backoff\n        let retries = 3;\n        let retryDelay = 250; // Start with 250ms delay\n        while (retries > 0) {\n            try {\n                // Call the API endpoint to resolve the tenant ID\n                const response = await fetch(\"/api/resolve-tenant\", {\n                    method: \"POST\",\n                    headers: {\n                        \"Content-Type\": \"application/json\",\n                    },\n                    body: JSON.stringify({\n                        tenantEmail: tenantEmail,\n                    }),\n                    // Add timeout to prevent hanging requests\n                    signal: AbortSignal.timeout(5000),\n                });\n                // Check for network errors\n                if (!response) {\n                    throw new Error(\"No response received from tenant API\");\n                }\n                // Handle HTTP error responses\n                if (!response.ok) {\n                    // Try to parse the error response\n                    try {\n                        const errorData = await response.json();\n                        console.error(\"Failed to resolve tenant ID:\", errorData.error);\n                    }\n                    catch (parseError) {\n                        console.error(`Failed to resolve tenant ID: HTTP ${response.status}`);\n                    }\n                    // If the error is 404 Not Found, no need to retry\n                    if (response.status === 404) {\n                        console.warn(`Tenant not found for ${tenantEmail}`);\n                        return;\n                    }\n                    throw new Error(`HTTP error ${response.status}`);\n                }\n                // Successfully got a response, parse it\n                const data = (await response.json());\n                if (data && data.firebaseTenantId) {\n                    const auth = getFirebaseAuth();\n                    auth.tenantId = data.firebaseTenantId;\n                    Env.firebase.providerType = data.provider ?? \"oidc\";\n                    console.log(`Tenant ID set to ${auth.tenantId}`);\n                    return data;\n                }\n                else {\n                    console.error(`Invalid response format, missing tenantId for ${tenantEmail}`);\n                    return; // No need to retry for invalid response format\n                }\n            }\n            catch (fetchError) {\n                // Only retry for network-related errors\n                if (retries > 1) {\n                    console.warn(`Tenant resolution failed, retrying in ${retryDelay}ms...`, fetchError);\n                    await new Promise((resolve) => setTimeout(resolve, retryDelay));\n                    retryDelay *= 2; // Exponential backoff\n                    retries--;\n                }\n                else {\n                    throw fetchError; // Last retry failed, propagate error\n                }\n            }\n        }\n    }\n    catch (error) {\n        // Final error handler\n        console.error(\"Error setting Firebase tenant:\", error instanceof Error ? error.message : \"Unknown error\");\n        // Continue without tenant ID - authentication will work without multi-tenancy\n        // but the user will access the default tenant\n    }\n}\nexport async function getFirebaseAuthToken(refresh) {\n    const auth = getFirebaseAuth();\n    const user = auth.currentUser;\n    if (user) {\n        return user\n            .getIdToken(refresh)\n            .then((token) => {\n            Env.logger.info(\"Got Firebase token\", {\n                vertesia: {\n                    user_email: user.email,\n                    user_name: user.displayName,\n                    user_id: user.uid,\n                    refresh: refresh,\n                },\n            });\n            return token;\n        })\n            .catch((err) => {\n            Env.logger.error(\"Failed to get Firebase token\", {\n                vertesia: {\n                    user_email: user.email,\n                    user_name: user.displayName,\n                    user_id: user.uid,\n                    refresh: refresh,\n                    error: err,\n                },\n            });\n            console.error(\"Failed to get access token\", err);\n            return null;\n        });\n    }\n    else {\n        Env.logger.warn(\"No user found\");\n        return Promise.resolve(null);\n    }\n}\n//# sourceMappingURL=firebase.js.map","export class TypeRegistry {\n    types;\n    map = {};\n    constructor(types) {\n        this.types = types;\n        //sort types\n        types.sort((a, b) => a.name.localeCompare(b.name));\n        for (const type of types) {\n            this.map[type.id] = type;\n        }\n    }\n    getType(id) {\n        return this.map[id];\n    }\n    getTypeLayout(id) {\n        const type = this.map[id];\n        return type ? type.table_layout : undefined;\n    }\n    getTypeName(id) {\n        const type = this.map[id];\n        return type ? type.name : undefined;\n    }\n}\n//# sourceMappingURL=TypeRegistry.js.map","import { jwtDecode } from 'jwt-decode';\nimport { createContext, useContext } from 'react';\nimport { VertesiaClient } from '@vertesia/client';\nimport { Env } from '@vertesia/ui/env';\nimport { getComposableToken } from './auth/composable';\nimport { getFirebaseAuth } from './auth/firebase';\nimport { TypeRegistry } from './TypeRegistry';\nexport const LastSelectedAccountId_KEY = 'composableai.lastSelectedAccountId';\nexport const LastSelectedProjectId_KEY = 'composableai.lastSelectedProjectId';\nclass UserSession {\n    isLoading = true;\n    client;\n    authError;\n    authToken;\n    typeRegistry;\n    setSession;\n    lastSelectedAccount;\n    lastSelectedProject;\n    onboardingComplete;\n    constructor(client, setSession) {\n        if (client) {\n            this.client = client;\n        }\n        else {\n            this.client = new VertesiaClient({\n                serverUrl: Env.endpoints.studio,\n                storeUrl: Env.endpoints.zeno,\n            });\n        }\n        if (setSession) {\n            this.setSession = setSession;\n        }\n        this.logout = this.logout.bind(this);\n    }\n    get store() {\n        return this.client.store;\n    }\n    get user() {\n        return this.authToken;\n    }\n    get account() {\n        return this.authToken?.account;\n    }\n    get project() {\n        return this.authToken?.project;\n    }\n    get accounts() {\n        return this.authToken?.accounts;\n    }\n    get authCallback() {\n        return this.rawAuthToken.then(token => `Bearer ${token}`);\n    }\n    get rawAuthToken() {\n        return getComposableToken().then(res => {\n            const token = res?.rawToken;\n            if (!token) {\n                throw new Error('No token available');\n            }\n            this.authToken = jwtDecode(token);\n            return token;\n        });\n    }\n    signOut() {\n        this.logout();\n    }\n    getAccount() {\n        return this.authToken?.account;\n    }\n    async login(token) {\n        this.authError = undefined;\n        this.isLoading = false;\n        this.client.withAuthCallback(() => this.authCallback);\n        this.authToken = jwtDecode(token);\n        console.log(`Logging in as ${this.authToken?.name} with account ${this.authToken?.account.name} (${this.authToken?.account.id}, and project ${this.authToken?.project?.name} (${this.authToken?.project?.id})`);\n        //store selected account in local storage\n        localStorage.setItem(LastSelectedAccountId_KEY, this.authToken.account.id);\n        localStorage.setItem(LastSelectedProjectId_KEY + '-' + this.authToken.account.id, this.authToken.project?.id ?? '');\n        // notify the host app of the login\n        Env.onLogin?.(this.authToken);\n        // Independent async calls\n        await Promise.all([\n            this._loadTypes(),\n            this.fetchOnboardingStatus(),\n        ]);\n        return Promise.resolve();\n    }\n    isLoggedIn() {\n        return !!this.authToken;\n    }\n    logout() {\n        console.log('Logging out');\n        if (this.authToken) {\n            getFirebaseAuth().signOut();\n        }\n        this.authError = undefined;\n        this.isLoading = false;\n        this.authToken = undefined;\n        this.typeRegistry = undefined;\n        this.setSession = undefined;\n        this.client.withAuthCallback(undefined);\n    }\n    async switchAccount(targetAccountId) {\n        localStorage.setItem(LastSelectedAccountId_KEY, targetAccountId);\n        if (this) {\n            if (this.account && this.project) {\n                localStorage.setItem(LastSelectedProjectId_KEY + '-' + this.account.id, this.project.id);\n            }\n            else if (this.account) {\n                localStorage.removeItem(LastSelectedProjectId_KEY + '-' + this.account.id);\n            }\n        }\n        window.location.replace('/?a=' + targetAccountId);\n    }\n    async switchProject(targetProjectId) {\n        if (this.account) {\n            localStorage.setItem(LastSelectedProjectId_KEY + '-' + this.account.id, targetProjectId);\n        }\n        window.location.replace('/?a=' + this.account?.id + '&p=' + targetProjectId);\n    }\n    async _loadTypes() {\n        if (this.project) {\n            return this.store.types.list({}, { layout: true }).then(types => this.typeRegistry = new TypeRegistry(types)).catch(err => {\n                console.error('Failed to fetch object types', err);\n                throw err;\n            });\n        }\n        else {\n            console.log('No project selected');\n        }\n    }\n    async reloadTypes() {\n        return this._loadTypes().then(() => {\n            this.setSession?.(this.clone());\n        });\n    }\n    async fetchAccounts() {\n        return this.client.accounts.list().then(accounts => {\n            if (!this.authToken) {\n                throw new Error('No token available');\n            }\n            this.authToken.accounts = accounts;\n            this.setSession?.(this.clone());\n        }).catch(err => {\n            console.error('Failed to fetch accounts', err);\n            throw err;\n        });\n    }\n    async fetchOnboardingStatus() {\n        if (this.onboardingComplete) {\n            console.log('Onboarding already completed');\n            return false;\n        }\n        const previousStatus = this.onboardingComplete;\n        try {\n            const onboarding = await this.client.account.onboardingProgress();\n            this.onboardingComplete = Object.values(onboarding).every(value => value === true);\n            if (previousStatus !== this.onboardingComplete) {\n                return true;\n            }\n            this.setSession?.(this.clone());\n        }\n        catch (error) {\n            console.error('Error fetching onboarding status:', error);\n            this.onboardingComplete = false;\n            this.setSession?.(this.clone());\n        }\n        return false;\n    }\n    clone() {\n        const session = new UserSession(this.client);\n        session.isLoading = this.isLoading;\n        session.authError = this.authError;\n        session.authToken = this.authToken;\n        session.setSession = this.setSession;\n        session.lastSelectedAccount = this.lastSelectedAccount;\n        session.switchAccount = this.switchAccount;\n        session.typeRegistry = this.typeRegistry;\n        session.onboardingComplete = this.onboardingComplete;\n        return session;\n    }\n}\nconst UserSessionContext = createContext(undefined);\nexport function useUserSession() {\n    const session = useContext(UserSessionContext);\n    if (!session) {\n        throw new Error('useUserSession must be used within a UserSessionProvider');\n    }\n    return session;\n}\nexport { UserSession, UserSessionContext };\n//# sourceMappingURL=UserSession.js.map","import { jwtDecode } from \"jwt-decode\";\nimport { Env } from '@vertesia/ui/env';\nimport { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY } from '../UserSession';\nimport { getFirebaseAuth, getFirebaseAuthToken } from './firebase';\nlet AUTH_TOKEN_RAW;\nlet AUTH_TOKEN;\nexport async function fetchComposableToken(getIdToken, accountId, projectId, ttl) {\n    console.log(`Getting/refreshing composable token for account ${accountId} and project ${projectId} `);\n    Env.logger.info('Getting/refreshing composable token', {\n        vertesia: {\n            account_id: accountId,\n            project_id: projectId,\n        },\n    });\n    const idToken = await getIdToken(); //get from firebase\n    if (!idToken) {\n        console.log('No id token found - using cookie auth');\n        throw new Error('No id token found');\n    }\n    console.log('Fetching composable token from ' + Env.endpoints.studio);\n    Env.logger.info('Fetching composable token from' + Env.endpoints.studio, {\n        vertesia: {\n            account_id: accountId,\n            project_id: projectId,\n        },\n    });\n    const url = new URL(Env.endpoints.studio + '/auth/token');\n    if (accountId)\n        url.searchParams.set('accountId', accountId);\n    if (projectId)\n        url.searchParams.set('projectId', projectId);\n    if (ttl)\n        url.searchParams.set('ttl', String(ttl));\n    console.log(`Getting composable token for account ${accountId} and project ${projectId}`);\n    Env.logger.info('Getting composable token', {\n        vertesia: {\n            account_id: accountId,\n            project_id: projectId,\n        },\n    });\n    const res = await fetch(url, {\n        method: 'GET',\n        headers: {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${idToken}`\n        }\n    }).catch(err => {\n        localStorage.removeItem(LastSelectedAccountId_KEY);\n        localStorage.removeItem(LastSelectedProjectId_KEY);\n        console.error('Failed to get composable token', err);\n        Env.logger.error('Failed to get composable token', {\n            vertesia: {\n                account_id: accountId,\n                project_id: projectId,\n                error: err,\n            },\n        });\n        throw new Error('Failed to get composable token');\n    });\n    if (idToken && res?.status === 412) {\n        console.log(\"412: auth succeeded but user doesn't exist - signup required\", res?.status);\n        Env.logger.error(\"412: auth succeeded but user doesn't exist - signup required\", {\n            vertesia: {\n                account_id: accountId,\n                project_id: projectId,\n                status: res?.status\n            },\n        });\n        const idTokenDecoded = jwtDecode(idToken);\n        if (!idTokenDecoded?.email) {\n            Env.logger.error('No email found in id token');\n            throw new Error('No email found in id token');\n        }\n        Env.logger.error('User not found', {\n            vertesia: {\n                account_id: accountId,\n                project_id: projectId,\n                email: idTokenDecoded.email\n            }\n        });\n        throw new UserNotFoundError('User not found', idTokenDecoded.email);\n    }\n    if (!res || !res.ok) {\n        console.error('Failed to get composable token', res);\n        Env.logger.error('Failed to get composable token', {\n            vertesia: {\n                account_id: accountId,\n                project_id: projectId,\n                status: res?.status,\n            },\n        });\n        throw new Error('Failed to get composable token');\n    }\n    const { token } = await res.json().catch(err => {\n        Env.logger.error('Failed to parse composable token', {\n            vertesia: {\n                account_id: accountId,\n                project_id: projectId,\n                error: err,\n            },\n        });\n        console.error('Failed to parse composable token', err);\n    });\n    return token;\n}\n/**\n *\n * @param accountId\n * @param projectId\n * @param ttl time to live for the token in seconds\n * @returns\n */\nexport async function fetchComposableTokenFromFirebaseToken(accountId, projectId, ttl) {\n    return fetchComposableToken(getFirebaseAuthToken, accountId, projectId, ttl);\n}\nexport async function getComposableToken(accountId, projectId, initToken, forceRefresh = false) {\n    const selectedAccount = accountId ?? localStorage.getItem(LastSelectedAccountId_KEY) ?? undefined;\n    const selectedProject = projectId ?? localStorage.getItem(LastSelectedProjectId_KEY + '-' + selectedAccount) ?? undefined;\n    //token is still valid for more than 5 minutes\n    if (!forceRefresh && AUTH_TOKEN_RAW && AUTH_TOKEN && AUTH_TOKEN.exp > (Date.now() / 1000 + 300)) {\n        return { rawToken: AUTH_TOKEN_RAW, token: AUTH_TOKEN, error: false };\n    }\n    //token is close to expire, refresh it\n    if (getFirebaseAuth().currentUser) {\n        //we have a firebase user, get the token from there\n        AUTH_TOKEN_RAW = await fetchComposableTokenFromFirebaseToken(selectedAccount, selectedProject);\n    }\n    else if (initToken || AUTH_TOKEN_RAW) {\n        //we have a token already and no firebase user, refresh it\n        AUTH_TOKEN_RAW = await fetchComposableToken(() => Promise.resolve(initToken ?? AUTH_TOKEN_RAW), selectedAccount, selectedProject);\n    }\n    if (!AUTH_TOKEN_RAW) {\n        Env.logger.error('Cannot acquire a composable token', {\n            vertesia: {\n                account_id: selectedAccount,\n                project_id: selectedProject,\n            },\n        });\n        throw new Error('Cannot acquire a composable token');\n    }\n    AUTH_TOKEN = jwtDecode(AUTH_TOKEN_RAW);\n    if (!AUTH_TOKEN || !AUTH_TOKEN.exp || !AUTH_TOKEN_RAW) {\n        console.error('Invalid composable token', AUTH_TOKEN);\n        Env.logger.error('Invalid composable token', {\n            vertesia: {\n                account_id: selectedAccount,\n                project_id: selectedProject,\n            },\n        });\n        throw new Error('Invalid composable token');\n    }\n    return { rawToken: AUTH_TOKEN_RAW, token: AUTH_TOKEN, error: false };\n}\nexport class UserNotFoundError extends Error {\n    email;\n    constructor(message, email) {\n        super(message);\n        this.name = 'UserNotFoundError';\n        this.email = email;\n    }\n}\n//# sourceMappingURL=composable.js.map","/**\n * This hook is used to generate and verify state for OAuth2 authorization requests.\n * @returns\n */\nimport { useCallback } from \"react\";\nconst AUTH_STATE_KEY = 'auth_state';\nconst STATE_EXPIRY_KEY = 'auth_state_expiry';\nconst STATE_TTL = 5 * 60 * 1000; // 5 min\nexport function useAuthState() {\n    // Generate new state\n    const generateState = useCallback(() => {\n        const state = crypto.randomUUID();\n        const expiryTime = Date.now() + STATE_TTL;\n        // Store state and expiry\n        sessionStorage.setItem(AUTH_STATE_KEY, state);\n        sessionStorage.setItem(STATE_EXPIRY_KEY, expiryTime.toString());\n        return state;\n    }, []);\n    // Verify returned state\n    const verifyState = useCallback((returnedState) => {\n        if (!returnedState) {\n            return 'Missing state';\n        }\n        const savedState = sessionStorage.getItem(AUTH_STATE_KEY);\n        const expiryTime = parseInt(sessionStorage.getItem(STATE_EXPIRY_KEY) || '0');\n        let reason;\n        // Verify state matches and hasn't expired\n        if (savedState !== returnedState) {\n            reason = `State mismatched (${savedState} !== ${returnedState})`;\n        }\n        else if (Date.now() > expiryTime) {\n            reason = 'State expired';\n        }\n        else {\n            reason = undefined; // No errors\n        }\n        // Clear stored state regardless of outcome\n        sessionStorage.removeItem(AUTH_STATE_KEY);\n        sessionStorage.removeItem(STATE_EXPIRY_KEY);\n        return reason;\n    }, []);\n    // Clear state (useful for cleanup)\n    const clearState = useCallback(() => {\n        sessionStorage.removeItem(AUTH_STATE_KEY);\n        sessionStorage.removeItem(STATE_EXPIRY_KEY);\n    }, []);\n    return { generateState, verifyState, clearState };\n}\n//# sourceMappingURL=useAuthState.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { onAuthStateChanged } from \"firebase/auth\";\nimport { useEffect, useState } from \"react\";\nimport { UserNotFoundError, getComposableToken } from \"./auth/composable\";\nimport { getFirebaseAuth } from \"./auth/firebase\";\nimport { useAuthState } from \"./auth/useAuthState\";\nimport { Env } from \"@vertesia/ui/env\";\nimport { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY, UserSession, UserSessionContext } from \"./UserSession\";\nconst devDomains = [\".composable.sh\", \".vertesia.dev\", \"vertesia.app\"];\nconst CENTRAL_AUTH_REDIRECT = \"https://internal-auth.vertesia.app/\";\nfunction shouldRedirectToCentralAuth() {\n    // Authentication is not supported in Docker environment.\n    // See https://github.com/vertesia/studio/wiki/Composable-UI-Hosting-Options\n    if (Env.isDocker) {\n        return true;\n    }\n    return devDomains.some((domain) => window.location.hostname.endsWith(domain));\n}\nexport function UserSessionProvider({ children }) {\n    const hashParams = new URLSearchParams(location.hash.substring(1));\n    const token = hashParams.get(\"token\");\n    const state = hashParams.get(\"state\");\n    const [session, setSession] = useState(new UserSession());\n    const { generateState, verifyState } = useAuthState();\n    const redirectToCentralAuth = (projectId, accountId) => {\n        const url = new URL(CENTRAL_AUTH_REDIRECT);\n        const currentUrl = new URL(window.location.href);\n        currentUrl.hash = \"\";\n        if (projectId)\n            currentUrl.searchParams.set(\"p\", projectId);\n        if (accountId)\n            currentUrl.searchParams.set(\"a\", accountId);\n        url.searchParams.set(\"redirect_uri\", currentUrl.toString());\n        url.searchParams.set(\"state\", generateState());\n        location.replace(url.toString());\n    };\n    useEffect(() => {\n        console.log(\"Auth: starting auth flow\");\n        Env.logger.info(\"Starting auth flow\");\n        const currentUrl = new URL(window.location.href);\n        const selectedAccount = currentUrl.searchParams.get(\"a\") ?? localStorage.getItem(LastSelectedAccountId_KEY) ?? undefined;\n        const selectedProject = currentUrl.searchParams.get(\"p\") ??\n            localStorage.getItem(LastSelectedProjectId_KEY + \"-\" + selectedAccount) ??\n            undefined;\n        console.log(\"Auth: selected account\", selectedAccount);\n        console.log(\"Auth: selected project\", selectedProject);\n        Env.logger.info(\"Selected account and project\", {\n            vertesia: {\n                account_id: selectedAccount,\n                project_id: selectedProject,\n            },\n        });\n        if (token && state) {\n            const validationError = verifyState(state);\n            if (validationError) {\n                console.error(`Auth: invalid state: ${validationError}`);\n                Env.logger.error(`Invalid state: ${validationError}`, {\n                    vertesia: {\n                        state: state,\n                    },\n                });\n                redirectToCentralAuth();\n            }\n            getComposableToken(selectedAccount, selectedProject, token)\n                .then((res) => {\n                session.login(res.rawToken).then(() => {\n                    setSession(session.clone());\n                    //cleanup the hash\n                    window.location.hash = \"\";\n                });\n            })\n                .catch((err) => {\n                console.error(\"Failed to fetch user token from studio, redirecting to central auth\", err);\n                Env.logger.error(\"Failed to fetch user token from studio, redirecting to central auth\", {\n                    vertesia: {\n                        error: err,\n                    },\n                });\n                redirectToCentralAuth();\n            });\n            return;\n        }\n        else {\n            //if on a dev domain and not logged in, redirect to central auth\n            if (!session.isLoggedIn()) {\n                console.log(\"Auth: not logged in & no token/state\");\n                Env.logger.info(\"Not logged in & no token/state\", {\n                    vertesia: {\n                        account_id: selectedAccount,\n                        project_id: selectedProject,\n                    },\n                });\n                if (shouldRedirectToCentralAuth()) {\n                    console.log(\"Auth: on dev domain, redirecting to central auth with selection\", selectedAccount, selectedProject);\n                    Env.logger.info(\"Redirecting to central auth with selection\", {\n                        vertesia: {\n                            account_id: selectedAccount,\n                            project_id: selectedProject,\n                        },\n                    });\n                    redirectToCentralAuth();\n                }\n                else {\n                    console.log(\"Auth: not on dev domain\");\n                    Env.logger.info(\"Not on dev domain\", {\n                        vertesia: {\n                            account_id: selectedAccount,\n                            project_id: selectedProject,\n                        },\n                    });\n                }\n            }\n        }\n        return onAuthStateChanged(getFirebaseAuth(), async (firebaseUser) => {\n            if (firebaseUser) {\n                console.log(\"Auth: successful login with firebase\");\n                Env.logger.info(\"Successful login with firebase\", {\n                    vertesia: {\n                        account_id: selectedAccount,\n                        project_id: selectedProject,\n                    },\n                });\n                session.setSession = setSession;\n                await getComposableToken(selectedAccount, selectedProject)\n                    .then((res) => {\n                    session.login(res.rawToken).then(() => setSession(session.clone()));\n                })\n                    .catch((err) => {\n                    console.error(\"Failed to fetch user token from studio\", err);\n                    Env.logger.error(\"Failed to fetch user token from studio\", {\n                        vertesia: {\n                            account_id: selectedAccount,\n                            project_id: selectedProject,\n                            error: err,\n                        },\n                    });\n                    if (!(err instanceof UserNotFoundError))\n                        session.logout();\n                    session.isLoading = false;\n                    session.authError = err;\n                    setSession(session.clone());\n                });\n            }\n            else {\n                // anonymous user\n                console.log(\"Auth: using anonymous user\");\n                Env.logger.info(\"Using anonymous user\", {\n                    vertesia: {\n                        account_id: selectedAccount,\n                        project_id: selectedProject,\n                    },\n                });\n                session.client.withAuthCallback(undefined);\n                session.logout();\n                setSession(session.clone());\n            }\n        });\n    }, []);\n    return _jsx(UserSessionContext.Provider, { value: session, children: children });\n}\n//# sourceMappingURL=UserSessionProvider.js.map","import { Env } from '@vertesia/ui/env';\nimport { logEvent } from \"firebase/analytics\";\nimport { getFirebaseAnalytics } from \"./auth/firebase\";\nexport function useUXTracking() {\n    //identify user in monitoring and UX systems\n    const tagUserSession = async (user) => {\n        const signupData = window.localStorage.getItem(\"composableSignupData\");\n        if (!user) {\n            console.error('No user found -- skipping tagging');\n            return;\n        }\n        if (signupData) {\n            window.localStorage.removeItem(\"composableSignupData\");\n        }\n    };\n    //send event to analytics and UX systems\n    const trackEvent = (eventName, eventProperties) => {\n        if (!Env.isProd) {\n            console.debug('track event', eventName, eventProperties);\n        }\n        //GA via firebase\n        logEvent(getFirebaseAnalytics(), eventName, { ...eventProperties, debug_mode: !Env.isProd });\n    };\n    return {\n        tagUserSession,\n        trackEvent\n    };\n}\n//# sourceMappingURL=useUXTracking.js.map"],"names":["_firebaseApp","_analytics","_firebaseAuth","getFirebaseApp","initializeApp","Env","firebase","error","console","Error","getFirebaseAnalytics","getAnalytics","getFirebaseAuth","getAuth","async","setFirebaseTenant","tenantEmail","log","retries","retryDelay","response","fetch","method","headers","body","JSON","stringify","signal","AbortSignal","timeout","ok","errorData","json","parseError","status","warn","data","firebaseTenantId","auth","tenantId","providerType","provider","fetchError","Promise","resolve","setTimeout","message","getFirebaseAuthToken","refresh","user","currentUser","getIdToken","then","token","logger","info","vertesia","user_email","email","user_name","displayName","user_id","uid","catch","err","TypeRegistry","types","map","constructor","this","sort","a","b","name","localeCompare","type","id","getType","getTypeLayout","table_layout","undefined","getTypeName","LastSelectedAccountId_KEY","LastSelectedProjectId_KEY","UserSession","isLoading","client","authError","authToken","typeRegistry","setSession","lastSelectedAccount","lastSelectedProject","onboardingComplete","VertesiaClient","serverUrl","endpoints","studio","storeUrl","zeno","logout","bind","store","account","project","accounts","authCallback","rawAuthToken","getComposableToken","res","rawToken","jwtDecode","signOut","getAccount","login","withAuthCallback","localStorage","setItem","onLogin","all","_loadTypes","fetchOnboardingStatus","isLoggedIn","switchAccount","targetAccountId","removeItem","window","location","replace","switchProject","targetProjectId","list","layout","reloadTypes","clone","fetchAccounts","previousStatus","onboarding","onboardingProgress","Object","values","every","value","session","UserSessionContext","createContext","useUserSession","useContext","AUTH_TOKEN_RAW","AUTH_TOKEN","fetchComposableToken","accountId","projectId","ttl","account_id","project_id","idToken","url","URL","searchParams","set","String","Authorization","idTokenDecoded","UserNotFoundError","fetchComposableTokenFromFirebaseToken","initToken","forceRefresh","selectedAccount","getItem","selectedProject","exp","Date","now","super","AUTH_STATE_KEY","STATE_EXPIRY_KEY","devDomains","UserSessionProvider","children","hashParams","URLSearchParams","hash","substring","get","state","useState","generateState","verifyState","useCallback","crypto","randomUUID","expiryTime","sessionStorage","toString","returnedState","savedState","parseInt","reason","clearState","redirectToCentralAuth","currentUrl","href","useEffect","validationError","isDocker","some","domain","hostname","endsWith","onAuthStateChanged","firebaseUser","_jsx","Provider","useUXTracking","tagUserSession","signupData","trackEvent","eventName","eventProperties","isProd","debug","logEvent","debug_mode"],"mappings":"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"}

package/lib/vertesia-ui-widgets.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{isNil as n,omit as s,isEqual as i}from"lodash-es";import a,{createContext as o,useContext as l,useMemo as c,useState as h,useEffect as u,useRef as d}from"react";import{XMLParser as p,XMLValidator as m}from"fast-xml-parser";import{ObjectWalker as y}from"@vertesia/json";import{DotBadge as g,useSafeLayoutEffect as v,useToast as f,VModal as b,VModalTitle as x,VModalBody as w,VModalFooter as C,Button as N,Styles as k,VSelectBox as j,ModalBody as S,ModalFooter as O,useFlag as A,useClickOutside as P}from"@vertesia/ui/core";import $ from"clsx";import I from"ajv";import{json as q}from"@codemirror/lang-json";import E from"debounce";import{EditorView as T}from"@codemirror/view";import{Text as M,EditorState as V}from"@codemirror/state";import{basicSetup as L}from"codemirror";import{AlignLeft as F,Trash2 as R,Pencil as _,Plus as D,ChevronDown as z,ChevronRight as K}from"lucide-react";const U="#text",B="#comment",W="#cdata",H="DECLARATION_TAG",J={tagColor:"#d43900",textColor:"#333",attributeKeyColor:"#2a7ab0",attributeValueColor:"#008000",separatorColor:"#333",commentColor:"#aaa",cdataColor:"#1d781d",fontFamily:"monospace"},X=o({theme:J,collapsible:!1,indentSize:2}),Z=()=>l(X),G=new p({preserveOrder:!0,ignoreAttributes:!1,attributeNamePrefix:"",allowBooleanAttributes:!0,commentPropName:B,cdataPropName:W,parseTagValue:!1});function Y(r){const{indentation:n,children:s,isInline:i}=r,{theme:a}=Z();return e("div",{style:{color:a.cdataColor},children:[t("span",{children:`${n}<![CDATA[`}),s,t("span",{children:`${i?"":n}]]>`})]})}function Q(e){const{collapsible:r,theme:n}=Z(),{collapsed:s}=e;return r?t("span",{style:{position:"relative"},children:t("span",{style:{position:"absolute",right:"0",border:0,padding:0,background:"none"},children:t(ee,{fill:n.separatorColor,style:{transform:`rotate(${s?0:90}deg)`,transition:"transform 0.2s"}})})}):null}function ee({...e}){return t("svg",{width:"16px",height:"16px",viewBox:"0 0 24 24",...e,children:t("path",{d:"M9 17.898C9 18.972 10.2649 19.546 11.0731 18.8388L17.3838 13.3169C18.1806 12.6197 18.1806 11.3801 17.3838 10.6829L11.0731 5.16108C10.2649 4.45388 9 5.02785 9 6.1018V17.898Z"})})}function te(e){const{collapsible:t,initialCollapsedDepth:r}=Z(),[s,i]=h((()=>!(n(r)||!t)&&e>=r));return u((()=>{i(!(n(r)||!t)&&e>=r)}),[r,e,t]),{collapsed:s,buttonProps:t?{onClick:()=>i((e=>!e)),role:"button",style:{cursor:"pointer"}}:{}}}function re(r){const{indentation:n,children:s,isInline:i,level:a}=r,{theme:o}=Z(),{collapsed:l,buttonProps:c}=te(a);return e("div",{style:{color:o.commentColor},children:[e("span",{...c,children:[t("span",{children:n}),t(Q,{collapsed:l}),t("span",{children:"\x3c!-- "})]}),!l&&s,l&&"...",t("span",{children:`${i||l?" ":n}--\x3e`})]})}function ne(r){const{attributes:n}=r,{theme:s}=Z();return n?t("span",{children:Object.entries(n).map((([r,n])=>e("span",{children:[t("span",{style:{color:s.attributeKeyColor},children:` ${r}`}),t("span",{style:{color:s.separatorColor},children:"="}),t("span",{style:{color:s.attributeValueColor},children:`"${n}"`})]},`attribute-${r}`)))}):null}function se(r){const{indentation:n,tagKey:s,attributes:i}=r,{theme:a}=Z();return e("div",{children:[t("span",{style:{color:a.separatorColor},children:`${n}<?`}),t("span",{style:{color:a.tagColor},children:`${s.slice(1)}`}),t(ne,{attributes:i}),t("span",{style:{color:a.separatorColor},children:"?>"})]})}function ie(e){return"string"==typeof e&&e.includes("\n")}function ae(e){const t=e[":@"],r=s(e,":@"),[[n,i]]=Object.entries(r),a=function(e){switch(e){case U:case W:case B:return e;default:return e.startsWith("?")?H:"TAG"}}(n);return{attributes:t,tagKey:n,subElements:i,type:a}}function oe(e){return!!e&&Object.keys(e).length>0}function le(n){const{indentation:s,tagKey:i,attributes:a,children:o,isInline:l,hasChildren:c,level:h}=n,{collapsed:u,buttonProps:d}=te(h),{theme:p}=Z();return e("div",{children:[e("span",{...d,children:[t("span",{children:s}),t(Q,{collapsed:u}),t("span",{style:{color:p.separatorColor},children:"<"}),t("span",{style:{color:p.tagColor},children:`${i}`}),!u&&t(ne,{attributes:a}),u&&oe(a)&&" ...",t("span",{style:{color:p.separatorColor},children:c?">":" />"})]}),c&&e(r,{children:[!u&&o,u&&"...",t("span",{style:{color:p.separatorColor},children:`${l||u?"":s}</`}),t("span",{style:{color:p.tagColor},children:`${i}`}),t("span",{style:{color:p.separatorColor},children:">"})]})]})}function ce(e){const{hasSiblings:r,text:n,indentation:s,isText:i}=e,{theme:a}=Z(),o=i?{color:a.textColor}:void 0;return ie(n)||r?t("div",{style:o,children:n.split("\n").filter((e=>!!e.trim())).map(((e,r)=>t("div",{children:`${s}${e.trim()}`},`${r}`)))}):t("span",{style:o,children:n})}function he(e){const{elements:n,level:s=0,isText:i=!0}=e,{indentSize:a}=Z();return Array.isArray(n)&&0!==n.length?t(r,{children:n.map(((e,r)=>{const{tagKey:o,attributes:l,subElements:c,type:h}=ae(e),u=n.length>1,d=function(e,t){return new Array(t*e+1).join(" ")}(a,s),p=`${s}-${r}`,m=function(e){return"string"!=typeof e&&1===e.length&&U in e[0]&&!ie(e[0][U])}(c);switch(h){case U:return t(ce,{text:c,indentation:d,hasSiblings:u,isText:i},p);case B:return t(re,{isInline:m,indentation:d,level:s,children:t(he,{elements:c,level:s+1,isText:!1})},p);case W:return t(Y,{indentation:d,isInline:m,children:t(he,{elements:c,level:s+1,isText:!1})},p);case H:return t(se,{indentation:d,tagKey:o,attributes:l},p);default:return t(le,{indentation:d,tagKey:o,attributes:l,isInline:m,hasChildren:c.length>0,level:s,children:t(he,{elements:c,level:s+1})},p)}}))}):null}function ue(){return t("div",{children:"Invalid XML!"})}function de(e){const{theme:r,xml:n,collapsible:s=!1,indentSize:a=2,invalidXml:o,initalCollapsedDepth:l,initialCollapsedDepth:d}=e,[p,y]=h((()=>({...J,...r}))),{json:g,valid:v}=function(e){return c((()=>{try{if(!m.validate(e))throw new Error("Invalid XML!");const t=G.parse(e);if("string"==typeof e&&e.trim().length>0&&0===t.length)throw new Error("Invalid XML!");return{json:t,valid:!0}}catch(e){return{json:null,valid:!1,errorMessage:`Fail to parse: ${e.message}`}}}),[e])}(n),f=c((()=>({theme:p,collapsible:s,indentSize:a,initialCollapsedDepth:d??l})),[p,s,a,l,d]);return u((()=>{y((e=>{const t={...J,...r};return i(t,e)?e:t}))}),[r]),v?t(X.Provider,{value:f,children:t("div",{className:"rxv-container",style:{whiteSpace:"pre-wrap",fontFamily:p.fontFamily,overflowWrap:"break-word"},children:t(he,{elements:g})})}):o||t(ue,{})}const pe="text-pink-500 dark:text-pink-400",me="text-purple-500 dark:text-purple-400",ye="text-blue-500 dark:text-blue-400",ge={code:"bg-gray-100 dark:bg-slate-800 whitespace-pre-wrap p-4 rounded-lg font-mono",comma:pe,assign:pe,startObject:pe,endObject:pe,startArray:pe,endArray:pe,boolean:me,null:me,key:ye,index:ye,string:"text-orange-500 dark:text-orange-400",number:"text-green-500 dark:text-green-400"};class ve{renderer;parent;key;indent;result=[];constructor(e,t,r,n){this.renderer=e,this.parent=t,this.key=r,this.indent=n}get classMap(){return this.renderer.classMap}writeKey(e){const t=typeof e;"string"===t?(this.result.length>0&&this.result.push(`<span class='${this.classMap.comma}'>,\n</span>`),this.indent&&this.result.push(this.indent),this.result.push(`<span class="${this.classMap.key}">"${e}"</span><span class='${this.classMap.assign}'>: </span>`)):"number"===t&&(this.result.length>0&&this.result.push(`<span class='${this.classMap.comma}'>,\n</span>`),this.indent&&this.result.push(this.indent))}pushValue(e,t){if(this.writeKey(e),null===t)this.result.push(`<span class='${this.classMap.null}'>null</span>`);else if(t instanceof ve)this.result.push(t.renderStart()+t.renderValue()+t.renderEnd());else{let e;const r=typeof t;"string"===r?(t=(t=`"${t}"`).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),e=this.classMap.string):"number"===r?e=this.classMap.number:"boolean"===r&&(e=this.classMap.boolean),this.result.push(`<span class='${e}'>${t}</span>`)}}renderValue(){return this.result.join("")}}class fe extends ve{constructor(e,t,r,n){super(e,t,r,n)}renderStart(){return`<span class='${this.classMap.startObject}'>{\n</span>`}renderEnd(){const e=this.result.length>0?"\n":"";return`<span class='${this.classMap.endObject}'>${e}${this.parent?.indent||""}}</span>`}}class be extends ve{constructor(e,t,r,n){super(e,t,r,n)}renderStart(){return`<span class='${this.classMap.startArray}'>[\n</span>`}renderEnd(){const e=this.result.length>0?"\n":"";return`<span class='${this.classMap.endArray}'>${e}${this.parent?.indent||""}]</span>`}}class xe{classMap;tab;stack=[];block=new fe(this,void 0,"","");constructor(e=ge,t="  "){this.classMap=e,this.tab=t}onStartObject(e){const t=new fe(this,this.block,e,this.block.indent+this.tab);this.stack.push(this.block),this.block=t}onEndObject(){const e=this.block;this.block=this.stack.pop(),this.block.pushValue(e.key,e)}onStartIteration(e){const t=new be(this,this.block,e,this.block.indent+this.tab);this.stack.push(this.block),this.block=t}onEndIteration(){const e=this.block;this.block=this.stack.pop(),this.block.pushValue(e.key,e)}onValue(e,t){this.block.pushValue(e,t)}}function we({data:e,className:r,classMap:n}){const[s,i]=h();return u((()=>{i(function(e,r,n){const s=new xe(r);(new y).walk(e,s);const i=s.block.renderValue();return t("div",{className:n,dangerouslySetInnerHTML:{__html:`<div class='${s.classMap.code}' style='overflow-x: scroll'>${i}</div>`}})}(e,n,r))}),[e]),s}class Ce{schema;properties={};validator;constructor(e){this.schema=e||{type:"object",properties:{}},this.validator=new I({strict:!1}).compile(this.schema),this.load()}load(){if(this.schema.properties){const e=this.schema.properties;Object.keys(e).forEach((t=>{this.loadProperty(t,e[t])}))}}hasProperties(){return Object.keys(this.properties).length>0}get title(){return this.schema.title||this.schema.name}get description(){return this.schema.description}loadProperty(e,t){let r;return r="array"===t.type?new ke(this,e,t):new Ne(this,e,t),this.properties[e]=r,r}get type(){return this.schema.type}validate(e){return!!this.validator(e)||(this.validator.errors||[])}addProperty(e,t,r=!1){"object"!==this.schema.type&&(this.schema.type="object"),this.schema.properties||(this.schema.properties={});const n="string"==typeof t?"object"===(s=t)?{type:"object",properties:{}}:"array"===s?{type:"array",items:{type:"any"}}:{type:s}:t;var s;const i=this.loadProperty(e,n);return this.schema.properties[i.name]=i.schema,r&&(i.isRequired=!0),i}removeProperty(e){this.schema.properties&&(delete this.schema.properties[e],Array.isArray(this.schema.required)&&(this.schema.required=this.schema.required.filter((t=>t!==e)))),delete this.properties[e]}getProperty(e){return this.properties[e]}get editor(){return this.schema.editor}}class Ne extends Ce{parent;name;constructor(e,t,r){if(super(r),this.parent=e,this.name=t,"array"===r.type)throw new Error("Array property must be instantiated using ArrayPropertySchema");"object"!==r.type||r.properties||(r.properties={})}get isMulti(){return!1}get isReadOnly(){return!!this.schema.readOnly}set isReadOnly(e){this.schema.readOnly=e}get defaultValue(){return this.schema.default}set defaultValue(e){this.schema.default=e}get enum(){return this.schema.enum}set enum(e){this.schema.enum=e}get isRequired(){const e=this.parent.schema.required;return!!e&&e.includes(this.name)}set isRequired(e){let t=Array.isArray(this.parent.schema.required)?this.parent.schema.required:[];t=e?t.concat(this.name):t.filter((e=>e!==this.name)),this.parent.schema.required=t}get type(){return this.schema.type}set type(e){this.schema.type!==e&&(this.schema.type=e,"object"!==e&&(this.properties={},this.schema.properties=void 0))}remove(){this.parent.removeProperty(this.name)}get isBoolean(){return"boolean"===this.type}get isString(){return"string"===this.type}get isNumber(){return"number"===this.type||"integer"===this.type}get isObject(){return"object"===this.type}}class ke extends Ne{arraySchema;constructor(e,t,r){super(e,t,function(e){if("array"!==e.type)throw new Error("Expecting an array schema");if(e.items){if(Array.isArray(e.items))throw new Error("Tuple arrays are not supported")}else e.items={type:"any"};return e.items}(r)),this.arraySchema=r}get isMulti(){return!0}}function je(e){return(e=e.replace(/_/g," ").replace(/([a-z0-9])&([A-Z])/g,"$1 $2"))[0].toUpperCase()+e.slice(1)}function Se(e,t){if(t.editor)return t.editor;switch(t.type){case"number":case"integer":return"number";case"boolean":return"checkbox";default:return"text"}}class Oe{parent;schema;name;observer;constructor(e,t,r){this.parent=e,this.schema=t,this.name=r}get isRoot(){return!this.parent}get root(){return this.parent?this.parent.root:this}get path(){return this.parent?this.parent.path.concat(this.name):[]}get isScalar(){return!1}get isListItem(){return!1}get isObject(){return!1}get isList(){return!1}get title(){return this.schema.title||je(this.name)}onChange(e){this.observer&&!1===this.observer(this)||this.parent&&this.parent.onChange(e)}}class Ae extends Oe{constructor(e,t,r){super(e,t,r)}get isObject(){return!0}getProperty(e){const t=this.schema.properties[e];return t.isMulti?new qe(this,t,this.getOrInitArrayProperty(e)):t.isObject?new $e(this,t,t.name,this.getOrInitObjectProperty(e)):new Ie(this,t)}getOrInitObjectProperty(e){let t=this.value[e];return t||(this.value[e]=t={}),t}getOrInitArrayProperty(e){let t=this.value[e];return t||(this.value[e]=t=[]),t}setPropertyValue(e,t){return this.value[e]!==t&&(this.value[e]=t,!0)}getPropertyValue(e){return this.value[e]}get properties(){const e=[];for(const t of Object.values(this.schema.properties))t.isMulti?e.push(new qe(this,t,this.getOrInitArrayProperty(t.name))):t.isObject?e.push(new $e(this,t,t.name,this.getOrInitObjectProperty(t.name))):e.push(new Ie(this,t));return e}[Symbol.iterator](){return this.properties[Symbol.iterator]()}}class Pe extends Ae{value;constructor(e,t={}){super(null,e instanceof Ce?e:new Ce(e),"#root"),this.value=t}}class $e extends Ae{value;constructor(e,t,r,n){super(e,t,r),this.value=n}}class Ie extends Oe{constructor(e,t){super(e,t,t.name),void 0===e.value[this.name]&&void 0!==t.defaultValue&&(e.value[this.name]=t.defaultValue)}get isScalar(){return!0}set value(e){this.parent.setPropertyValue(this.name,e)&&this.onChange(this)}get value(){return this.parent.getPropertyValue(this.name)}getInputType(){return Se(this.name,this.schema)}}class qe extends Oe{value;items=[];constructor(e,t,r){super(e,t,t.name),this.value=r;for(const e of this.value)this.add()}get isList(){return!0}newItem(e){return this.schema.isObject?new Ee(this,e):new Te(this,e)}add(){const e=this.newItem(this.items.length);return this.items.push(e),e}remove(e){const t=this.value;if(e>=0&&e<this.items.length){this.items.splice(e,1);for(let e=0,t=this.items.length;e<t;e++){const t=this.items[e];t.index=e,t.name=String(e)}}Array.isArray(t)&&e>=0&&e<t.length&&(t.splice(e,1),this.onChange(this))}[Symbol.iterator](){return this.items[Symbol.iterator]()}item(e){if(e<0||e>=this.value.length)return;const t=this.value[e];return this.schema.isObject?new $e(this,this.schema,String(e),t):new Te(this,e)}trim(){for(;void 0===this.items[this.items.length-1];)this.items.pop()}}class Ee extends Ae{index;key;constructor(e,t){super(e,e.schema,String(t)),this.index=t,void 0===e.value[t]&&(e.value[t]={}),this.key=this.name+"@"+Date.now()}get isListItem(){return!0}set value(e){this.parent.value[this.index]=e}get value(){return this.parent.value[this.index]}}class Te extends Oe{index;key;constructor(e,t){super(e,e.schema,String(t)),this.index=t,void 0===e.value[t]&&void 0!==e.schema.defaultValue&&(e.value[t]=e.schema.defaultValue),this.key=this.name+"@"+Date.now()}get isScalar(){return!0}get isListItem(){return!0}set value(e){this.parent.value[this.index]=e}get value(){return this.parent.value[this.index]}getInputType(){return Se(this.name,this.schema)}}function Me({value:e}){return t("div",{className:"flex flex-col gap-4",children:Object.entries(e).map((([e,r])=>t(Fe,{name:e,value:r},e)))})}function Ve({name:e}){return t("div",{className:"text-md font-semibold",children:je(e)})}function Le({children:e,className:r}){return t("div",{className:$("flex flex-col gap-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 dark:border-l-slate-600",r),children:e})}function Fe({name:r,value:n}){const s=ze(n);switch(s.type){case De.Inline:return e("div",{className:"w-full flex gap-2",children:[t(Ve,{name:r+":"}),t("p",{children:s.value})]});case De.Paragraph:return e("div",{children:[t(Ve,{name:r}),t("p",{children:s.value})]});case De.Prose:return e("div",{className:"prose dark:prose-invert",children:[t(Ve,{name:r}),t("div",{className:"vprose dark:prose-invert",children:s.value})]});case De.Array:return t(Re,{name:r,value:n});case De.Object:return e("div",{children:[t(Ve,{name:r}),t(Le,{className:"mt-2",children:Object.entries(n).map((([e,r])=>t(Fe,{name:e,value:r},e)))})]})}}function Re({name:r,value:n}){const s=n.join(" ").length,i=s/n.length,a="string"==typeof n[0]&&(s<80||s<400&&i<32),o=n.length>9;return e("div",a?{className:"flex gap-2 flex-wrap",children:[r&&t(Ve,{name:r+":"}),n.map(((e,r)=>t(g,{children:String(e)},r)))]}:{children:[r&&t(Ve,{name:r}),t("div",{className:"flex flex-col gap-2",children:n.map(((e,r)=>t(_e,{index:r,value:e,useBullet:o},r)))})]})}function _e({index:r,value:n,useBullet:s}){const i=s?t("span",{className:"text-xl",children:"•"}):e("span",{children:[r+1,"."]}),a=ze(n);let o;switch(a.type){case De.Object:o=t(Le,{children:Object.entries(n).map((([e,r])=>t(Fe,{name:e,value:r},e)))});break;case De.Array:o=t(Re,{value:n});break;case De.Prose:o=t("div",{className:"prose dark:prose-invert",children:a.value});break;default:o=t("div",{children:a.value})}return e("div",{className:"flex gap-4 hover:bg-slate-50 dark:hover:bg-slate-800 py-2 pr-2 pl-4",children:[t("div",{className:"font-semibold text-gray-600 dark:text-gray-400",children:i}),t("div",{children:o})]})}var De;function ze(e){if(null==e)return{value:"-",type:De.Inline};if(Array.isArray(e))return{value:e,type:De.Array};const t=typeof e;if("string"===t){const t=e.length;let r;return t<80?r=De.Inline:t>400?r=De.Prose:(r=De.Paragraph,e=e.replace(/(?:\n\n)+/g,"\n\n")),{type:r,value:e}}return"number"===t||"boolean"===t?{value:String(e),type:De.Inline}:{value:e,type:De.Object}}function Ke({value:e,viewCode:r=!1}){return e?t("div",{className:"relative w-full",children:r?t(we,{data:e}):t(Me,{value:e})}):t("pre",{className:"whitespace-pre-wrap",children:"No Data to display"})}!function(e){e[e.Inline=0]="Inline",e[e.Paragraph=1]="Paragraph",e[e.Prose=2]="Prose",e[e.Array=3]="Array",e[e.Object=4]="Object"}(De||(De={}));let Ue=null;class Be{editor;constructor(e){this.editor=e}setValue(e){this.editor.dispatch({changes:{from:0,to:this.editor.state.doc.length,insert:e||""}})}getValue(){return this.editor.state.doc.toString()}}const We=[T.theme({"&":{fontSize:"16px",fontFamily:"Sans-Serif"},".cm-content":{fontFamily:"inherit"},".cm-scroller":{fontFamily:"inherit"},".cm-gutters":{backgroundColor:"transparent",color:"#ddd"},".cm-focused":{outline:"none"},".cm-cursor":{borderLeft:"2px solid #000",borderLeftColor:"#000",animation:"blink 1.2s step-start infinite"},"@keyframes blink":{"50%":{opacity:0}}}),T.lineWrapping];function He({onChange:e,value:r,className:n,editorRef:s,extensions:i,debounceTimeout:a=0}){const o=d(null),l=d(void 0);u((()=>{if(e)return l.current=a>0?E(e,a):e,()=>{l.current=void 0}}),[e,a]);const h=c((()=>t("div",{ref:o,className:n})),[n]);return v((()=>{if(o.current){let t=[...We,(e=e=>{l.current?.(e)},T.updateListener.of((t=>{t.docChanged&&e(t)})))];Array.isArray(i)?t=t.concat(i):i&&t.push(i);const n=((e="",t=[])=>{const r="string"==typeof e?M.of(e.split("\n")):e;return Ue?Ue.doc.toString()!==r.toString()&&(Ue=V.create({doc:r,extensions:t})):Ue=V.create({doc:r,extensions:t}),Ue})(r,t),a=new T({state:n,parent:o.current}),c=new Be(a);return s&&(s.current=c),()=>{a.destroy(),s&&(s.current=void 0)}}var e}),[h,i]),h}const Je=[L,q()];function Xe({schema:r,isOpen:n,onClose:s,readonly:i=!1}){const a=d(void 0),o=f(),l=c((()=>function(e){return e?JSON.stringify(e,null,2):""}(r.schema)),[r]);return e(b,{onClose:s,isOpen:!!n,className:"min-w-[60vw]",children:[t(x,{children:"JSON Schema Editor"}),t(w,{children:i?t(we,{data:r.schema||{}}):t(He,{value:l,extensions:Je,editorRef:a})}),t(C,{children:i?null:t(N,{onClick:()=>{if(a.current){const e=a.current.getValue();try{const t=function(e){if(e&&(e=e.trim()))return JSON.parse(e)}(e);r.replaceSchema(t),s()}catch(e){o({status:"error",title:"Invalid JSON Schema",description:e.message,duration:5e3})}}},children:"Save changes"})})]})}var Ze;function Ge(e,t){let r="any"===t.name?void 0:t.isNullable?[t.name,"null"]:t.name;if(t.isArray)if(e.type="array",e.properties=void 0,!e.items||Array.isArray(e.items))e.items={type:r,properties:t.isObject?{}:void 0};else{const n=e.items;n.type=r,t.isObject&&!n.properties&&(n.properties={})}else e.type=r,e.items=void 0,t.isObject?e.properties||(e.properties={}):e.properties=void 0}function Ye(e){let t,r=!1,n=!1;const s=e.type;if(Array.isArray(s))for(const e of s)"null"===e?r=!0:t||(t=e);else t=s;t||(t="any"),"array"===t&&(n=!0,t=function(e){if(!e)return"any";let t;t=Array.isArray(e)?Qe(e[0].type):Qe(e.type);"array"!==t&&"null"!==t||(t="any");return t}(e.items));let i=t;switch(e.editor||e.format){case"textarea":i="text";break;case"media":i="media";break;case"document":i="document"}return{isNullable:r,isArray:n,isObject:"object"===t,name:i}}function Qe(e){return e?Array.isArray(e)?e.find((e=>"null"!==e))||"any":e:"any"}!function(e){e.string="string",e.number="number",e.integer="integer",e.boolean="boolean",e.object="object",e.any="any",e.text="text",e.media="media",e.document="document"}(Ze||(Ze={}));let et=0;class tt{source;onChange=()=>{};schema;root;constructor(e,t){this.schema=e?"string"==typeof e?JSON.parse(e):e:{title:t,type:"object",properties:{}},this.schema.properties||(this.schema.properties={}),this.root=new rt("",this.schema,this),this.root.loadChildren()}get isEmpty(){return!this.root.children||0===this.root.children.length}get children(){return this.root.children}reload(){return this.root=new rt("",this.schema,this),this.root.loadChildren(),this.onChange?.(this),this}withSource(e,t){return this.source={uri:t,name:e},this}withChangeListener(e){return this.onChange=e,this}replaceSchema(e){this.schema=e||{title:this.schema.title,type:"object",properties:{}},this.reload()}clone(){const e=new tt(this.schema);return e.source=this.source,this.onChange&&e.withChangeListener(this.onChange),e}}class rt{schema;loader;parent;name;isRequired=!1;type;children;constructor(e,t,r,n){if(this.schema=t,this.loader=r,this.parent=n,this.name=e,this.type=Ye(t),this.parent){let t=this.parent._getPropertiesSchema().required;this.isRequired=!(!t||!Array.isArray(t))&&t.includes(e)}}get title(){return this.schema.title}set title(e){this.schema.title=e}get description(){return this.schema.description}set description(e){this.schema.description=e}get isParent(){return this.type.isObject}get isNew(){return!!this.schema.isNew}set isNew(e){e?this.schema.isNew=!0:delete this.schema.isNew}resetIsNew(){const e=this.isNew;return this.isNew=!1,e}getNameSignature(){return`${this.name}${this.isRequired?"":"?"}`}getTypeSignature(){return`${this.type.name}${this.type.isArray?"[]":""}${this.type.isNullable?"?":""}`}getSignature(){return`${this.getNameSignature()}: ${this.getTypeSignature()}`}reloadTree(){this.loader.reload()}loadChildren(){this.children=[],this.schema.items&&this.schema.items.properties?this._loadChildren(this.schema.items.properties):this.schema.properties&&this._loadChildren(this.schema.properties)}_loadChildren(e){for(const t of Object.keys(e)){const r=e[t],n=new rt(t,r,this.loader,this);this.children.push(n),n.isParent&&n.loadChildren()}}_getPropertiesSchema(){return this.type.isArray&&this.type.isObject?this.schema.items:this.schema}findAvailableChildName(e){const t=this._getPropertiesSchema().properties||{};let r;do{r=e+ ++et}while(t[r]);return r}addChild(e,t,r=!1){if(!this.type.isObject)throw new Error("Cannot add child to a non object node");this.children||(this.children=[]);const n=function(e,t,r,n=!1){if("object"!==e.type)throw new Error("Cannot add property to a non-object schema");e.properties||(e.properties={});const s={};return Ge(s,r),e.properties[t]=s,n&&(Array.isArray(e.required)?function(e,t){e.includes(t)||e.push(t)}(e.required,t):e.required=[t]),s}(this._getPropertiesSchema(),e,t,r),s=new rt(e,n,this.loader,this);return this.children.push(s),s}remove(){if(this.parent&&this.parent.type.isObject){return function(e,t){e.properties&&(delete e.properties[t],Array.isArray(e.required)&&(e.required=e.required.filter((e=>e!==t))))}(this.parent._getPropertiesSchema(),this.name),this.parent.children&&(this.parent.children=this.parent.children.filter((e=>e.name!==this.name))),!0}return!1}update(e){let t=!1;null!=e.name&&this.name!==e.name&&(this.parent&&function(e,t,r){if(e.properties){const n=e.properties,s={};for(const e of Object.keys(n)){const i=n[e];e===t?s[r]=i:s[e]=i}e.properties=s}e.required&&(e.required=e.required.map((e=>e===t?r:e)))}(this.parent._getPropertiesSchema(),this.name,e.name),this.name=e.name,t=!0),null!=e.isRequired&&this.isRequired!==e.isRequired&&(this.parent&&function(e,t,r){if(Array.isArray(e.required)){const n=e.required.indexOf(t);r?n<0&&e.required.push(t):n>-1&&e.required.splice(n,1)}else r&&(e.required=[t])}(this.parent._getPropertiesSchema(),this.name,e.isRequired),this.isRequired=e.isRequired,t=!0);let r=e.type?.name;"any"===r&&(r=void 0);const n=r!==this.schema.type;return e.type&&(Ge(this.schema,e.type),this.type=e.type,this.type.isObject?this.children||(this.children=[]):this.children=void 0,t=!0),this.schema.editor&&null===e.editor?(this.schema.editor=void 0,this.schema.format=void 0,t=!0):e.editor?(this.schema.editor=e.editor,this.schema.format=e.editor,t=!0):n&&(this.schema.editor=void 0,this.schema.format=void 0,t=!0),e.description!==this.description&&(this.description=e.description,t=!0),t}getUpdateFromNameAndTypeSignature(e,t){let r=e.trim(),n=!0;r.endsWith("?")&&(r=r.substring(0,r.length-1).trim(),n=!1);const s=function(e){let t=!1,r=!1;(e=e.trim()).endsWith("?")&&(r=!0,e=e.substring(0,e.length-1).trim()),e.endsWith("[]")&&(t=!0,e=e.substring(0,e.length-2).trim());const n=Ze[e];if(!n)throw new Error(`Unknown type "${e}"`);return{name:n,isArray:t,isNullable:r,isObject:n===Ze.object}}(t);let i;return"text"===s.name?(s.name=Ze.string,i="textarea"):"media"===s.name?(s.name=Ze.any,i="media"):"document"===s.name?(s.name=Ze.any,i="document"):i=null,{name:r,type:s,isRequired:n,editor:i}}updateFromNameAndTypeSignature(e,t){return this.update(this.getUpdateFromNameAndTypeSignature(e,t))}updateFromSignature(e){const t=(e=e.trim()).indexOf(":");if(t<0)throw new Error("Expecting a name and a type separated by a colon");const r=e.substring(0,t),n=e.substring(t+1);return this.updateFromNameAndTypeSignature(r,n)}}function nt(e){return{name:e.getNameSignature(),type:e.getTypeSignature(),description:e.description}}const st=function(){const e=Object.values(Ze),t=[...e];for(const r of e)t.push(r+"[]");return e.sort(),t}();function it({value:r,onChange:n,onCancel:s,onSave:i}){const[a,o]=h(!1);if(!r)return null;return e("div",{className:"flex items-center",children:[t("div",{className:"flex-1",children:t(at,{value:r.name,onChange:e=>{n({...r,name:e})},onCancel:s,onSave:i})}),t("div",{className:"px-1 font-semibold",children:":"}),t("div",{className:"flex-1",children:t(ot,{value:r.type,onChange:e=>{n({...r,type:e})},onCancel:s,onSave:i})}),e("div",{children:[t(N,{variant:"ghost",size:"xs",onClick:()=>o(!0),title:"Edit description",children:t(F,{className:"size-4"})}),t(lt,{value:r.description,isOpen:a,onClose:e=>{void 0!==e&&"string"==typeof e&&n({...r,description:e},!0),o(!1)}})]})]})}function at({value:e,onChange:r,onCancel:n,onSave:s}){const i=d(null);u((()=>{i.current?.focus()}),[]);return t("input",{onKeyUp:e=>{switch(e.key){case"Enter":s?.();break;case"Escape":n?.()}},ref:i,value:e,onChange:e=>{r(e.target.value)},className:k.INPUT_UNSTYLED,style:{fontSize:"inherit",width:"",display:"inline"}})}function ot({value:e,onChange:r,onCancel:n,onSave:s}){return t(j,{className:k.INPUT_UNSTYLED,options:st,value:e||"",onBlur:()=>{s?.()},onChange:r,onKeyDown:(e,t)=>{t||("Enter"===e.key?s?.():"Escape"===e.key&&n?.())},popupClass:"schema-type-suggest-popup z-90"})}function lt({value:r,isOpen:n,onClose:s}){return e(b,{isOpen:n,onClose:s,children:[t(x,{children:"Edit description"}),t(ct,{value:r,onSave:s})]})}function ct({value:n,onSave:s}){const i=d(null),[a,o]=h(n||"");return u((()=>{i.current&&i.current.focus()}),[i.current]),e(r,{children:[t(S,{className:"h-max",children:t("textarea",{ref:i,className:"dark:bg-gray-800 w-full h-full dark:text-white",value:a,onChange:e=>o(e.target.value)})}),t(O,{children:t(N,{onClick:()=>s(a),children:"Save Changes"})})]})}function ht({value:r}){return r?e("div",{className:"w-full flex items-baseline",children:[t("div",{children:r.name||""}),t("div",{className:"ml-2 text-sm text-gray-400",children:r.type||""})]}):null}function ut(e){const[t,r]=h(new tt(e||{type:"object",properties:{}}).withChangeListener((e=>{r(e.clone())})));return t}const dt="block sm:text-sm sm:leading-6 rounded-md border-0 py-1.5 px-2 text-gray-900 dark:text-slate-50",pt=`${dt} hover:shadow-xs hover:ring-1 hover:ring-inset hover:ring-gray-300 dark:hover:ring-slate-600`,mt=`${dt} shadow-xs ring-1 ring-inset ring-gray-300 dark:ring-slate-600`;function yt({value:r,onChange:n,onDelete:s,outlineOnHover:i=!1,editOnClick:a=!0,placeholder:o,viewer:l,editor:c,skipClickOutside:u,isEditing:d=!1,readonly:p=!1,onValidate:m}){const{on:y,off:g,isOn:v}=A(d),[f,b]=h();return e("div",{children:[v&&!p?t(vt,{value:r,onSave:e=>{if(m){const t=m(e);if(t)return void b(t);b(void 0)}n(e)&&g()},onCancel:g,editor:c,skipClickOutside:e=>!!u&&u(e)}):t(gt,{value:r,onEdit:y,viewer:l,placeholder:o,outlineOnHover:i,editOnClick:a,onDelete:s,readonly:p}),f&&t("div",{className:"text-red-500 text-sm",children:f})]})}function gt({viewer:r,value:n,onEdit:s,editOnClick:i,outlineOnHover:a,placeholder:o,onDelete:l,readonly:c}){const h="hidden group-hover:block text-gray-400 hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400";return e("div",{tabIndex:0,onKeyUp:e=>{"Enter"===e.key&&s()},onClick:()=>{i&&s()},className:$("flex justify-start items-center group",a?pt:dt,{"cursor-pointer":i}),children:[t(r,{value:n,placeholder:o}),e("div",{className:"ml-auto flex space-x-2",children:[!c&&l&&t("button",{className:h,onClick:l,children:t(R,{className:"size-4"})}),c?null:t("button",{className:h,onClick:s,children:t(_,{className:"size-4"})})]})]})}function vt({editor:e,value:r,onSave:n,onCancel:s,skipClickOutside:i}){const[a,o]=h(r),l=d(r),[c,u]=h(null),p=()=>{n(l.current)},m=P(p,i);return t("div",{ref:m,children:t("div",{className:mt,children:t("div",{className:"w-full",onClick:e=>e.stopPropagation(),children:t(e,{value:a,onChange:(e,t=!1)=>{o(e),l.current=e,t&&(c&&clearTimeout(c),u(setTimeout((()=>{n(e)}),500)))},onSave:p,onCancel:s})})})})}function ft(e){const t=e.target;return!(!t.closest||!t.closest(".schema-type-suggest-popup"))}function bt({schema:r,readonly:n=!1}){return e("ul",{className:"",children:[r.children.map((e=>xt(e,n))),n?null:t(jt,{parent:r.root})]})}function xt(e,r){return e.isParent?t(Ct,{property:e,readonly:r},e.name):t(wt,{node:e,readonly:r},e.name)}function wt({node:e,readonly:r}){return t("li",{children:t(kt,{property:e,readonly:r})})}function Ct({property:r,readonly:n}){const[s,i]=h(!0);return e("li",{children:[e("div",{className:"flex items-center w-full",children:[t("button",{onClick:()=>i(!s),children:t(s?z:K,{className:"size-4"})}),t("div",{className:"flex-1",children:t(kt,{property:r,readonly:n})})]}),s&&e("ul",{className:"ml-4 border-l border-gray-400 border-dashed",children:[(r.children||[]).map((e=>xt(e,n))),n?null:t(jt,{parent:r})]})]})}function Nt(e){return e?/^[a-zA-Z0-9_]+[?]?$/.test(e)?void 0:"Only letters, numbers, underscores or question mark are allowed (a-zA-Z0-9_?)":"Name is required"}function kt({property:e,readonly:r}){const n=f(),s=e.resetIsNew(),i=nt(e);return t(yt,{value:i,onChange:t=>{try{t.description&&"string"!=typeof t.description&&(t.description=void 0);const r=e.getUpdateFromNameAndTypeSignature(t.name,t.type);e.update({...r,description:t.description})&&e.reloadTree()}catch(e){return n({status:"error",title:"Invalid property declaration",description:e.message,duration:9e3}),!1}return!0},onDelete:()=>{e.remove(),e.reloadTree()},editor:it,viewer:ht,outlineOnHover:!0,isEditing:s,skipClickOutside:ft,readonly:r,onValidate:e=>Nt(e.name)})}function jt({parent:r}){return e("button",{className:"ml-1 py-2 flex items-center text-gray-400 hover:text-indigo-600",onClick:()=>{const e=r.findAvailableChildName("new_property_");r.addChild(e,{isObject:!1,isArray:!1,isNullable:!1,name:Ze.string},!0).isNew=!0,r.reloadTree()},children:[t(D,{className:"size-5"}),t("div",{className:"ml-2",children:"Add property"})]})}const St=o(void 0),Ot=St.Provider;function At(){const e=l(St);if(!e)throw new Error("useFieldSet must be used within a Form or FieldSet element");return e}const Pt=o(void 0);function $t(){const e=l(Pt);if(!e)throw new Error("useForm must be used within a Form element");return e}const It=Pt.Provider;function qt({htmlFor:r,required:n,children:s}){return e("label",{htmlFor:r,className:"block text-sm font-medium leading-6 text-gray-900 dark:text-gray-200",children:[s,n&&t("sup",{className:"text-red-600",children:"*"})]})}function Et({children:e}){return t("p",{className:"mt-2 text-sm text-gray-500",children:e})}function Tt({children:e}){return t("p",{className:"mt-2 text-sm text-red-600",children:e})}const Mt=a.forwardRef((({object:e,type:r="text",onChange:n,...s},i)=>{const[a,o]=h(null!=e.value?String(e.value):""),[l,c]=h(e.schema.isBoolean&&!0===e.value);s.className?s.className=$(k.INPUT,s.className):s.className=k.INPUT;const u=t=>{o(t.target.value),e.schema.isBoolean?(e.value=t.target.checked,c(e.value)):e.value=t.target.value,n&&n(t)};return"textarea"===r?t("textarea",{ref:i,...s,value:a,onChange:u}):t("input","checkbox"===r?{ref:i,...s,type:"checkbox",checked:l,onChange:u,className:"form-check-input"}:{ref:i,...s,type:r,value:a,onChange:u})}));function Vt({object:e,components:r,onSubmit:n,children:s,onChange:i}){return e.observer=i,t(It,{value:{object:e,components:r||{}},children:t("form",{className:"w-full",onSubmit:t=>{t.stopPropagation(),t.preventDefault(),n&&n(e.value)},children:s})})}function Lt(){const e=$t();return t("div",{className:"flex flex-col gap-4 w-full",children:e.object.properties.map(Rt)})}function Ft({children:r,...n}){return e(Vt,{...n,children:[t(Lt,{}),r]})}function Rt(e){return e.isList?t(zt,{object:e},e.name):e.isObject?t(Dt,{object:e},e.name):t(_t,{object:e},e.name)}function _t({object:r,editor:n,inline:s=!1}){n||(n=r.schema.editor);const{components:i}=$t(),a=n&&i[n]||Mt,o=r.getInputType();"checkbox"===o&&(s=!0);return e("div",{className:"",children:[e("div",{className:$("flex gap-2",s?"flex-row items-center":"flex-col"),children:[!r.isListItem&&t(qt,{required:r.schema.isRequired,children:r.title}),t(a,{object:r,type:o,onChange:e=>{const{value:t}=e.target;r.value=r.schema.isNumber?parseFloat(t):t}})]}),r.schema.description&&t(Et,{children:r.schema.description})]})}function Dt({object:r}){return e("div",{className:"flex flex-col gap-4 my-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 dark:border-l-slate-600",children:[!r.isListItem&&t("div",{className:"text-gray-900 dark:text-gray-200 font-semibold",children:r.title}),r.properties.map(Rt)]})}function zt({object:r}){const[n,s]=h(r.value||[]);return e("div",{className:"flex flex-col gap-4 my-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 darK:border-l-slate-600",children:[!r.isListItem&&t("div",{className:"text-gray-900 dark:text-gray-200 font-semibold",children:r.title}),r.items.map(((e,i)=>t(Kt,{object:e,list:r,onDelete:()=>(e=>{r.remove(e),s([...r.value])})(i)},`${i}-${n[i]??""}`))),t("div",{children:e(N,{variant:"soft",onClick:()=>{r.add(),s([...r.value])},children:[t(D,{className:"size-6"})," Add"]})})]})}function Kt({list:r,object:n,onDelete:s}){return e("div",{className:"flex gap-2 w-full",children:[t("div",{className:"flex-1",children:(i=n,a=r.schema.arraySchema.editor,i.isList?t(zt,{object:i}):i.isObject?t(Dt,{object:i}):t(_t,{object:i,editor:a}))}),t(N,{variant:"soft",onClick:s,children:t(R,{className:"size-4"})})]});var i,a}export{ke as ArrayPropertySchema,He as CodeMirrorEditor,Be as EditorApi,Ot as FieldSetContextProvider,Vt as Form,It as FormContextProvider,Tt as FormError,Et as FormHelper,qt as FormLabel,Ft as GeneratedForm,Mt as Input,we as JSONCode,Ke as JSONDisplay,Xe as JSONSchemaEditorModal,Me as JSONView,Ee as ManageObjectEntry,qe as ManagedListProperty,Pe as ManagedObject,Ae as ManagedObjectBase,$e as ManagedObjectProperty,Ie as ManagedProperty,Te as ManagedScalarEntry,tt as ManagedSchema,Oe as Node,it as PropertyEditor,at as PropertyNameEditor,Ne as PropertySchema,ht as PropertyViewer,_t as ScalarField,Ce as Schema,bt as SchemaEditor,rt as SchemaNode,de as XMLViewer,je as computeTitleFromName,nt as getEditableSchemaProperty,At as useFieldSet,$t as useForm,ut as useSchema,Nt as validatePropertyName};
+//# sourceMappingURL=vertesia-ui-widgets.js.map