@xyd-js/framework 0.1.0-xyd.11 → 0.1.0-xyd.115

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/react/components/index.tsx","../packages/react/components/Surfaces.tsx","../packages/react/contexts/framework.tsx","../packages/react/components/Sidebar/Sidebar.tsx","../packages/react/components/Sidebar/SidebarGroup.tsx","../packages/react/hooks/useMatchedNav.tsx"],"sourcesContent":["import React, { isValidElement, useState } from \"react\";\nimport { Link, type To, useLocation, useMatches } from \"react-router\";\n\nimport { Header } from \"@xyd-js/core\";\nimport type { ITOC } from \"@xyd-js/ui\";\nimport { Nav, SubNav, Toc, UISidebar } from \"@xyd-js/ui\"\nimport { Anchor, Breadcrumbs, Button, ColorSchemeButton, Icon, NavLinks, useColorScheme } from \"@xyd-js/components/writer\";\n\nimport { Surface } from \"./Surfaces\";\nimport { SurfaceTarget } from \"../../../src\";\n\nimport { useBreadcrumbs, useMetadata, useNavLinks, useRawPage, useSettings, useSidebarGroups, useToC } from \"../contexts\";\nimport { FwSidebarGroupContext, FwSidebarItemGroup, FwSidebarItemProps } from \"./Sidebar\";\n\nimport { useMatchedSubNav } from \"../hooks\";\n\nfunction FwNavLogo() {\n    const settings = useSettings()\n\n    const logo = typeof settings?.theme?.logo\n\n    if (!logo) {\n        return null\n    }\n\n    return <a href=\"/\">\n        <FwLogo />\n    </a>\n}\n\nexport function FwNav({ kind }: { kind?: \"middle\" }) {\n    const matches = useMatches()\n    const matchedSubnav = useMatchedSubNav()\n    const settings = useSettings()\n\n    const lastMatch = matches[matches.length - 1]\n\n    const header = settings?.navigation?.header || []\n\n    const active = header.find(item => {\n        if (matchedSubnav) {\n            return pageLink(item.page || \"\") === pageLink(matchedSubnav?.route)\n        }\n\n        return pageLink(item.page || \"\") === lastMatch?.id\n    })\n\n    function createHeader(item: Header) {\n        return <Nav.Item\n            key={(item.page || \"\") + item.page}\n            href={pageLink(item?.page || \"\")}\n            value={item.page || \"\"}\n            as={$Link}\n        >\n            {item.title}\n        </Nav.Item>\n    }\n\n    const headerMap = header.reduce<Record<string, React.ReactNode[]>>((acc, item) => {\n        const float = item.float || \"default\";\n        return {\n            ...acc,\n            [float]: [...(acc[float] || []), createHeader(item)]\n        };\n    }, {});\n\n    const rightHeaderExists = headerMap[\"right\"]?.length > 0\n\n    // TODO: in the future better floating system - just pure css?\n    return <Nav\n        value={active?.page || \"\"}\n        kind={kind}\n        logo={<FwNavLogo />}\n        rightSurface={<>\n            {\n                rightHeaderExists\n                    ? <Nav.Tab\n                        value={active?.page || \"\"}\n                    >\n                        {headerMap[\"right\"]}\n                    </Nav.Tab>\n                    : null\n            }\n\n            <Surface target={SurfaceTarget.NavRight} />\n\n            <ColorSchemeButton />\n        </>}\n    >\n        {headerMap[\"default\"]}\n    </Nav>\n}\n\nexport function FwSubNav() {\n    const matchedSubnav = useMatchedSubNav()\n    const location = useLocation()\n    const pathname = trailingSlash(location.pathname)\n\n    if (!matchedSubnav) {\n        return null\n    }\n\n    // TODO: in the future routing props from settings like {match: \"/docs/api/browser\"}\n    const active = matchedSubnav?.pages.findLast(item => {\n        return pathname.startsWith(pageLink(item.page || \"\"))\n    })\n\n    // TODO: value\n    return <SubNav\n        title={matchedSubnav?.title || \"\"}\n        value={active?.page || \"\"}\n        onChange={() => {\n        }}\n    >\n        {matchedSubnav?.pages.map((item, index) => {\n            return <SubNav.Item\n                value={item.page || \"\"}\n                href={pageLink(item.page || \"\")}\n                as={$Link}\n\n            >\n                {item.title}\n            </SubNav.Item>\n        })}\n    </SubNav>\n}\n\nexport interface FwSidebarGroupsProps {\n}\n\nexport function FwSidebarGroups(props: FwSidebarGroupsProps) {\n    const location = useLocation()\n    const pathname = trailingSlash(location.pathname)\n    const groups = useSidebarGroups()\n    const settings = useSettings()\n\n    const footerItems = settings.navigation?.anchors?.bottom?.map(anchor => {\n        return <UISidebar.FooterItem href={anchor.url} icon={<Icon name={anchor.icon || \"\"} />}>\n            {anchor.name}\n        </UISidebar.FooterItem>\n    })\n\n    const initialActiveItems: any[] = []\n    groups.forEach((group, groupIndex) => {\n        const activeLevels = recursiveSearch(group.items, pathname) || []\n\n        activeLevels.reduce((acc, index, level) => {\n            initialActiveItems.push({\n                ...acc[index],\n                groupIndex: groupIndex,\n                level: level,\n                itemIndex: index,\n            })\n            acc[index].active = true\n            return acc[index].items\n        }, group.items)\n\n        return group\n    })\n\n\n    // TODO: better API for elements like logo search\n    return <FwSidebarGroupContext\n        initialActiveItems={initialActiveItems}\n    >\n        <UISidebar footerItems={footerItems && footerItems}>\n            <Surface target={SurfaceTarget.SidebarTop} />\n\n            {\n                groups?.map((group, index) => <FwSidebarItemGroup\n                    key={index + group.group}\n                    {...group}\n                    groupIndex={index}\n                />)\n            }\n        </UISidebar>\n    </FwSidebarGroupContext>\n}\n\nexport function FwToc() {\n    const metadata = useMetadata()\n    const settings = useSettings()\n    const toc = useToC()\n\n    if (!toc) {\n        return null\n    }\n\n    const maxDepth = metadata?.maxTocDepth || settings?.theme?.maxTocDepth || 2\n\n    const renderTocItems = (items: Readonly<ITOC[]>, uiDepth = 0) => {\n        return items.map((item) => (\n            <React.Fragment key={item.id}>\n                <Toc.Item\n                    id={item.id}\n                    depth={uiDepth}\n                >\n                    {item.value}\n                </Toc.Item>\n                {item.children && item.children.length > 0 && renderTocItems(item.children, uiDepth + 1)}\n            </React.Fragment>\n        ))\n    }\n\n    // TODO: maxDepth for specific `#heading`\n    return <Toc maxDepth={maxDepth}>\n        {renderTocItems(toc)}\n    </Toc>\n}\n\nexport function FwBreadcrumbs() {\n    const fwBreadcrumbs = useBreadcrumbs()\n\n    const breadcrumbs = fwBreadcrumbs?.map(item => ({\n        title: item.title,\n        href: item.href\n    }))\n\n    return <Breadcrumbs\n        items={breadcrumbs || []}\n    />\n}\n\nexport function FwNavLinks() {\n    const navlinks = useNavLinks()\n\n    if (navlinks?.prev || navlinks?.next) {\n        return <NavLinks\n            prev={navlinks.prev}\n            next={navlinks.next}\n            as={$Link}\n        />\n    }\n\n    return null\n}\n\nexport function FwLogo() {\n    const settings = useSettings()\n    const [colorScheme] = useColorScheme()\n\n    if (typeof settings?.theme?.logo === \"string\") {\n        return <img src={settings?.theme?.logo} />\n    }\n\n    if (isValidElement(settings?.theme?.logo)) {\n        return <a href=\"/\">\n            {settings?.theme?.logo}\n        </a>\n    }\n\n    if (typeof settings?.theme?.logo === \"object\" && colorScheme) {\n        return <img src={settings?.theme?.logo[colorScheme as \"light\" | \"dark\"]} />\n    }\n\n    return null\n}\n\nexport function FwLink({ children, ...rest }) {\n    return <Anchor {...rest} as={$Link}>\n        {children}\n    </Anchor>\n}\n\nexport function FwCopyPage() {\n    const [isCopied, setIsCopied] = useState(false)\n\n    const rawPage = useRawPage()\n    // const events = useEvents()\n\n    const handleCopy = () => {\n        navigator.clipboard.writeText(rawPage || \"\")\n        setIsCopied(true)\n        // events.CopyPage({}) TODO: finish this\n\n        setTimeout(() => setIsCopied(false), 2000)\n    }\n\n    // TODO: `xyd` icons must be always loaded\n    return <Button icon={isCopied ? <Icon name=\"check\" size={12} /> : <Icon name=\"copy\" size={12} />} onClick={handleCopy}>\n        Copy page\n    </Button>\n}\n\nfunction $Link({ children, ...rest }) {\n    let to: To = \"\"\n\n    if (rest.href) {\n        try {\n            new URL(rest.href)\n            to = rest.href\n        } catch (error) {\n            if (rest.href.startsWith(\"/\")) {\n                const url = new URL(`https://example.com${rest.href}`)\n                to = {\n                    pathname: url.pathname,\n                    search: url.search,\n                    hash: url.hash,\n                }\n            } else {\n                return <Anchor as=\"button\" onClick={() => { // TODO: !!! in the future we should use react-router but it rerenders tha page !!!\n                    const url = new URL(window.location.href)\n                    const currentParams = url.searchParams\n\n                    // Update parameters from the new params\n                    new URLSearchParams(rest.href).forEach((value, key) => {\n                        currentParams.set(key, value)\n                    })\n\n                    url.search = currentParams.toString()\n                    history.replaceState(null, '', url)\n                }}>\n                    {children}\n                </Anchor>\n            }\n        }\n    }\n\n    return <Link {...rest} to={to}>\n        {children}\n    </Link>\n}\n\nfunction recursiveSearch(items: FwSidebarItemProps[], href: string, levels: any[] = []) {\n    for (let i = 0; i < items.length; i++) {\n        const item = items[i]\n\n        if (item.href === href) {\n            return [...levels, i]\n        }\n\n        if (item.items) {\n            const result = recursiveSearch(item.items, href, [...levels, i])\n            if (result) {\n                return result\n            }\n        }\n    }\n    return null\n}\n\n\nfunction trailingSlash(path: string) {\n    return path.endsWith(\"/\") ? path.slice(0, -1) : path\n}\n\nfunction pageLink(page: string) {\n    return page.startsWith(\"/\") ? page : `/${page}`\n}\n","import React, { createContext, useContext, ComponentType } from 'react'\n\nimport { ROSurface, SurfaceTargetType } from '../../../src'\n\n\ninterface SurfaceContext {\n    surfaces?: ROSurface\n}\n\nexport const SurfaceContext = createContext<SurfaceContext>({\n    surfaces: undefined,\n})\n\ninterface SurfaceProps {\n    target: SurfaceTargetType\n    props?: any // TODO: fix any\n}\n\nexport function Surface(props: SurfaceProps): React.JSX.Element | null {\n    const { target } = props\n\n    const registry = useContext(SurfaceContext)\n\n    if (!registry.surfaces) {\n        return null\n    }\n\n    const components = registry.surfaces.get(target)\n\n    if (!components) {\n        return null\n    }\n\n    if (!Array.isArray(components)) {\n        if (typeof components === 'function') {\n            const Component = components as ComponentType<any>\n            return <Component {...props.props} />\n        }\n\n        return <React.Fragment>{components}</React.Fragment>\n    }\n\n    if (!components.length) {\n        return null\n    }\n\n    return <>\n        {components.map((Component, index) => {\n            if (typeof Component === 'function') {\n                const Comp = Component as ComponentType<any>\n                return <Comp key={index} {...props.props} />\n            }\n            return <React.Fragment key={index}>{Component}</React.Fragment>\n        })}\n    </>\n}","import React, { createContext, useContext, useEffect, useState } from \"react\";\nimport { useNavigation } from \"react-router\";\n\nimport { Metadata, Settings } from \"@xyd-js/core\";\nimport { type ITOC, type IBreadcrumb, type INavLinks, ProgressBar } from \"@xyd-js/ui\";\nimport { Banner, Button } from \"@xyd-js/components/writer\";\n\nimport { FwSidebarGroupProps } from \"../components/Sidebar\";\nimport { SurfaceContext } from \"../components/Surfaces\";\nimport {Surfaces} from \"../../../src\"\n\nexport interface IFramework {\n    settings: Readonly<Settings>\n\n    sidebarGroups: Readonly<FwSidebarGroupProps[]>\n    metadata: Readonly<Metadata>\n    setMetadata: (metadata: Metadata) => void\n    components?: Readonly<{[componentName: string]: React.ComponentType<any>}>\n}\n\nconst framework: IFramework = {\n    settings: {},\n    metadata: {\n        title: \"\",\n    },\n    sidebarGroups: [],\n    setMetadata: () => { },\n    components: {}\n}\nconst FrameworkContext = createContext<IFramework>(framework)\n\nexport interface FrameworkProps {\n    children: React.ReactNode\n\n    settings: Settings,\n    metadata: Metadata,\n    sidebarGroups: FwSidebarGroupProps[],\n    surfaces: Surfaces,\n    components?: {[componentName: string]: React.ComponentType<any>},\n    BannerContent: React.ComponentType<any>\n}\n\nexport function Framework(props: FrameworkProps) {\n    const navigation = useNavigation()\n\n    const [metadata, setMetadata] = useState<Metadata | undefined>(props.metadata)\n\n    const BannerContent = props.BannerContent || null\n    const BannerComponent = props?.settings?.theme?.banner?.kind === \"secondary\" ? Banner.Secondary : Banner\n    return <>\n        <FrameworkContext value={{\n            settings: Object.freeze({ ...props.settings }),\n            sidebarGroups: Object.freeze([...props.sidebarGroups]),\n            metadata: Object.freeze({ ...metadata, title: metadata?.title || \"\" }),\n            setMetadata: setMetadata,\n            components: Object.freeze(props.components || {})\n        }}>\n            <SurfaceContext value={{\n                surfaces: props.surfaces\n            }}>\n                <ProgressBar isActive={navigation.state === 'loading'} />\n                {BannerContent ? <BannerComponent\n                    label={props.settings?.theme?.banner?.label}\n                    icon={props.settings?.theme?.banner?.icon}\n                >\n                    <BannerContent />\n                </BannerComponent> : null}\n                {props.children}\n            </SurfaceContext>\n        </FrameworkContext>\n    </>\n}\n\ninterface FrameworkPageProps {\n    children: React.ReactNode\n\n    ContentComponent?: (props: { components: any, children: React.ReactNode }) => React.JSX.Element\n\n    metadata: Metadata\n    breadcrumbs?: IBreadcrumb[],\n    rawPage?: string\n    toc?: ITOC[],\n    navlinks?: INavLinks\n}\n\ninterface IFrameworkPageContext {\n    ContentComponent: (props: { components: any, children: React.ReactNode }) => React.JSX.Element\n    metadata: Readonly<Metadata>\n    breadcrumbs?: Readonly<IBreadcrumb[]>\n    rawPage?: Readonly<string>\n    toc?: Readonly<ITOC[]>\n    navlinks?: Readonly<INavLinks>\n}\n\nconst FrameworkPageContext = createContext<IFrameworkPageContext>({\n    ContentComponent: () => <></>,\n    metadata: {\n        title: \"\",\n    }\n})\n\nexport function FrameworkPage(props: FrameworkPageProps) {\n    const { setMetadata } = useContext(FrameworkContext)\n\n    useEffect(() => {\n        setMetadata(props.metadata)\n    }, [])\n\n    return <FrameworkPageContext value={{\n        ContentComponent: props.ContentComponent || (() => <></>),\n        metadata: Object.freeze(props.metadata),\n        breadcrumbs: Object.freeze(props.breadcrumbs),\n        rawPage: Object.freeze(props.rawPage),\n        toc: Object.freeze(props.toc || []),\n        navlinks: Object.freeze(props.navlinks),\n    }}>\n        {props.children}\n    </FrameworkPageContext>\n}\n\nexport function useSidebarGroups() {\n    const ctx = useContext(FrameworkContext)\n\n    return ctx.sidebarGroups\n}\n\nexport function useSettings() {\n    const ctx = useContext(FrameworkContext)\n\n    return ctx.settings\n}\n\nexport function useMetadata() {\n    const ctx = useContext(FrameworkContext)\n\n    return ctx.metadata\n}\n\nexport function useComponents() {\n    const ctx = useContext(FrameworkContext)\n\n    return ctx.components\n}\n\nexport function useToC() {\n    const ctx = useContext(FrameworkPageContext)\n    const toc = ctx.toc || [] // TODO: !!! `|| []` IS NEEDED CUZ ISSUES WITH HYDRATION !!!\n\n    return toc\n}\n\nexport function useBreadcrumbs() {\n    const ctx = useContext(FrameworkPageContext)\n\n    return ctx.breadcrumbs\n}\n\nexport function useNavLinks() {\n    const ctx = useContext(FrameworkPageContext)\n\n    return ctx.navlinks\n}\n\n\nexport function useRawPage() {\n    const ctx = useContext(FrameworkPageContext)\n\n    return ctx.rawPage\n}\n\nexport function useContentComponent() {\n    const ctx = useContext(FrameworkPageContext)\n\n    return ctx.ContentComponent\n}\n","import React, { } from \"react\"\n\nimport { UISidebar } from \"@xyd-js/ui\";\n\nimport { Icon } from \"@xyd-js/components/writer\";\nimport { Metadata } from \"@xyd-js/core\";\n\nimport { useGroup } from \"./SidebarGroup\";\nimport { Surface } from \"../Surfaces\";\n\n// TODO: custom hooks for active onclick handler etc?\n\nexport interface FwSidebarGroupProps {\n    group: string\n\n    groupIndex: number\n\n    items: FwSidebarItemProps[]\n\n    icon?: string\n}\n\nexport function FwSidebarItemGroup(props: FwSidebarGroupProps) {\n    const icon = props.icon ? <Icon name={props.icon || \"\"} size={16} /> : null\n\n    return <>\n        <UISidebar.ItemHeader icon={icon}>\n            {props.group}\n        </UISidebar.ItemHeader>\n\n        {props.items.map((item, index) => <FwSidebarItem\n            uniqIndex={item.uniqIndex}\n            groupIndex={props.groupIndex}\n            level={0}\n            itemIndex={index}\n            key={index + item.href}\n            title={item.title}\n            sidebarTitle={item.sidebarTitle}\n            pageMeta={item.pageMeta}\n            href={item.href}\n            items={item.items}\n            active={item.active}\n            icon={item.icon}\n        />)}\n    </>\n}\n\nexport interface FwSidebarItemProps {\n    title: string\n\n    href: string\n\n    uniqIndex: number\n\n    icon?: string\n\n    sidebarTitle?: string\n\n    items?: FwSidebarItemProps[]\n\n    active?: boolean\n\n    // internal\n    readonly level?: number\n    readonly groupIndex?: number\n    readonly itemIndex?: number\n    readonly pageMeta?: Metadata\n    // internal\n}\n\nfunction FwSidebarItem(props: FwSidebarItemProps) {\n    const { active } = useGroup()\n    const [isActive, setActive] = active(props)\n\n    const title = props.sidebarTitle || props.title || \"\"\n    const nested = !!props.items?.length\n\n    function handleClick() {\n        if (!nested) {\n            return\n        }\n\n        setActive()\n    }\n\n    // Determine if this is a parent of the active item with href\n    const hasActiveChild = props.items?.some(item => {\n        const [itemActive] = active(item)\n        return (itemActive && item.href) || item.items?.some(subItem => {\n            const [subItemActive] = active(subItem)\n            return subItemActive && subItem.href\n        })\n    })\n\n    // An item should only be considered active if it's the final target (has href)\n    const isActiveItem = !!(isActive && props.href)\n    // Only mark as parent active if it's a parent of an active item with href\n    const isParentActive = hasActiveChild\n\n    const icon = <Icon name={props.icon || \"\"} size={16} />\n\n    return <UISidebar.Item\n        button={nested}\n        href={props.href}\n        active={isActiveItem}\n        isParentActive={isParentActive}\n        onClick={handleClick}\n        icon={icon}\n    >\n        <div part=\"item-title-container\">\n            <Surface\n                target=\"sidebar.item.left\"\n                props={{\n                    active: isActiveItem,\n                    pageMeta: props.pageMeta,\n                }}\n            />\n            <div part=\"item-title\">\n                {title}\n            </div>\n            <Surface\n                target=\"sidebar.item.right\"\n                props={{\n                    active: isActiveItem,\n                    pageMeta: props.pageMeta,\n                }}\n            />\n        </div>\n\n        {\n            props.items?.length && <UISidebar.SubTree isOpen={isActive}>\n                <>\n                    {\n                        props.items?.map((item, index) => <FwSidebarItem\n                            uniqIndex={item.uniqIndex}\n                            groupIndex={props.groupIndex}\n                            level={(props.level || 0) + 1}\n                            itemIndex={index}\n                            key={index + item.href}\n                            title={item.title}\n                            href={item.href}\n                            items={item.items}\n                            active={active(item)[0]}\n                            icon={item.icon}\n                            pageMeta={item.pageMeta}\n                        />)\n                    }\n                </>\n            </UISidebar.SubTree>\n        }\n    </UISidebar.Item>\n}\n","import React, { createContext, useContext, useState, useEffect } from \"react\";\n\nimport { FwSidebarItemProps } from \"./Sidebar\";\nimport { useLocation, useNavigation } from \"react-router\";\n\nexport interface FwGroupContext {\n    active: (item: FwSidebarItemProps) => [boolean, () => void],\n}\n\nconst GroupContext = createContext<FwGroupContext>({\n    active: () => [false, () => {\n    }],\n})\n\ninterface FwSidebarGroupContextProps {\n    children: React.ReactNode,\n    initialActiveItems: any[]\n}\n\nexport function FwSidebarGroupContext(props: FwSidebarGroupContextProps) {\n    const { children, initialActiveItems } = props\n\n    const groupBehaviour = useDefaultBehaviour(initialActiveItems) // TODO: support different behaviours?\n\n    return <GroupContext value={{\n        active: groupBehaviour,\n    }}>\n        {children}\n    </GroupContext>\n}\n\nexport function useGroup() {\n    return useContext(GroupContext)\n}\n\n// TOOD: issues if same page url on initialitems\n// TODO: the time of chaning is not perfectly the same with react-router \n// TODO: better data structure + algorithm\n// TODO: !!!! REFACTOR !!! !!! nagivation loaders !!!\nfunction useDefaultBehaviour(initialActiveItems: any[]) {\n    const navigation = useNavigation();\n    const [activeItems, setActiveItems] = useState(() => createItemsMap(initialActiveItems));\n\n    const [, setForceUpdate] = useState(0);\n    const forceUpdate = () => setForceUpdate((prev) => prev + 1);\n\n    useEffect(() => {\n        if (navigation.state !== 'loading') {\n            setActiveItems(createItemsMap(initialActiveItems));\n            forceUpdate();\n        }\n    }, [initialActiveItems, navigation.state]);\n\n    function addItem(item: FwSidebarItemProps) {\n        const key = itemId(item);\n\n        setActiveItems(prev => {\n            const newMap = new Map(prev);\n            newMap.set(key, true);\n            return newMap;\n        });\n        forceUpdate();\n    }\n\n    function deleteItem(item: FwSidebarItemProps) {\n        const key = itemId(item);\n\n        setActiveItems(prev => {\n            const newMap = new Map(prev);\n            newMap.delete(key);\n            return newMap;\n        });\n        forceUpdate();\n    }\n\n    function hasItem(item: FwSidebarItemProps) {\n        const key = itemId(item);\n\n        return activeItems.get(key) || false;\n    }\n\n    return (item: FwSidebarItemProps): [boolean, () => void] => {\n        return [\n            hasItem(item) || false,\n            () => {\n                if (!hasItem(item)) {\n                    addItem(item);\n                    return;\n                }\n                deleteItem(item);\n            }\n        ]\n    }\n}\n\nfunction itemId(item: FwSidebarItemProps) {\n    const id = `${item.uniqIndex}:${item.groupIndex}-${item.level}-${item.itemIndex}`\n    \n    return id;\n}\n\nfunction createItemsMap(items: any[]): Map<string, boolean> {\n    const map = new Map<string, boolean>();\n    items.forEach(item => {\n        const key = itemId(item);\n        map.set(key, true);\n    });\n    return map;\n}","import { useMatches } from \"react-router\";\n\nimport { useSettings } from \"../contexts\";\n\n// TODO: better data structures\nexport function useMatchedSubNav() {\n    const settings = useSettings()\n    const matches = useMatches()\n\n    const lastMatchId = matches[matches.length - 1]?.id\n\n    let matchedSubnav = settings.navigation?.segments\n        ?.find(item => item.pages?.find(page => {\n            return sanitizeUrl(page.page || \"\") === sanitizeUrl(lastMatchId)\n        }))\n\n    if (!matchedSubnav) {\n        return null\n    }\n\n    return matchedSubnav || null\n}\n\n\nfunction sanitizeUrl(url: string) {\n    if (url.startsWith(\"/\")) {\n        return url\n    }\n\n    return `/${url}`\n}"],"mappings":"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","names":["React","useState","useLocation","useMatches","UISidebar","Button","Icon","React","createContext","useContext","createContext","React","useContext","React","React","createContext","useContext","useState","useEffect","useNavigation","React","_a","_a","React","useMatches","useLocation","UISidebar","Icon","useState","Button"]}

package/package.json

@@ -1,38 +1,41 @@
 {
   "name": "@xyd-js/framework",
-  "version": "0.1.0-xyd.11",
+  "version": "0.1.0-xyd.115",
   "description": "",
+  "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     "./index.css": "./dist/index.css",
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.js"
     },
     "./hydration": {
-      "require": "./dist/hydration.js",
-      "import": "./dist/hydration.mjs"
+      "import": "./dist/hydration.js"
     },
     "./react": {
-      "require": "./dist/react.js",
-      "import": "./dist/react.mjs"
+      "import": "./dist/react.js"
     }
   },
+  "files": [
+    "package.json",
+    "dist"
+  ],
   "author": "",
   "dependencies": {},
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router": "^7.1.1",
-    "@xyd-js/ui": "0.1.0-xyd.4",
-    "@xyd-js/core": "0.1.0-xyd.2",
-    "@xyd-js/components": "0.1.0-xyd.1",
-    "@xyd-js/content": "0.1.0-xyd.4"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router": "^7.6.2",
+    "@xyd-js/ui": "0.1.0-xyd.99",
+    "@xyd-js/components": "0.1.0-xyd.94",
+    "@xyd-js/core": "0.1.0-xyd.96",
+    "@xyd-js/content": "0.1.0-xyd.97"
   },
   "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
     "@babel/preset-react": "^7.24.7",
     "@mdx-js/rollup": "^3.0.1",
     "@types/node": "22.5.5",
@@ -43,7 +46,7 @@
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.0.0",
     "typescript": "5.6.2",
-    "vite": "^5.4.5",
+    "vite": "^7.0.0",
     "tsup": "^8.3.0"
   },
   "scripts": {

package/packages/hydration/README.md

@@ -1,3 +0,0 @@
-# @xyd-js/framework/hydration
-
-Hydration is a process of converting xyd core structures like settings into @xyd-js/ui via server-side.

package/packages/hydration/index.ts

@@ -1,3 +0,0 @@
-export {
-    mapSettingsToProps
-} from "./settings-to-props"

package/packages/hydration/settings-to-props.ts

@@ -1,325 +0,0 @@
-// server-only
-
-import {Sidebar, PageFrontMatter, Settings, SidebarMulti} from "@xyd-js/core";
-import {filterNavigationByLevels, pageFrontMatters} from "@xyd-js/content/navigation";
-import {IBreadcrumb, INavLinks} from "@xyd-js/ui";
-
-import {FwSidebarGroupProps} from "../react";
-
-// TODO: framework vs content responsibility
-
-function filterNavigation(settings: Settings, slug: string): Sidebar[] {
-    const sidebarItems: Sidebar[] = []
-
-    let multiSidebarMatch: SidebarMulti | null = null
-
-    settings?.structure?.sidebar.filter(sidebar => {
-        if ("match" in sidebar) {
-            const sideMatch = normalizeHref(sidebar.match)
-            const normalizeSlug = normalizeHref(slug)
-
-            // TODO: startWith is not enough e.g `/docs/apps/buildISSUE` if `/docs/apps/build`
-            if (normalizeSlug.startsWith(sideMatch)) {
-                if (multiSidebarMatch) {
-                    const findByMatchLvl = multiSidebarMatch.match.split("/").length
-                    const urlMatchLvl = sideMatch.split("/").length
-
-                    if (urlMatchLvl > findByMatchLvl) {
-                        multiSidebarMatch = sidebar
-                    }
-                } else {
-                    multiSidebarMatch = sidebar
-                }
-            }
-
-            return
-        }
-
-        // TODO: better algorithm
-        const ok = filterNavigationByLevels(settings?.structure?.header || [], slug)(sidebar)
-
-        if (ok) {
-            sidebarItems.push(sidebar)
-        }
-    })
-
-    if (multiSidebarMatch != null) {
-        const side = multiSidebarMatch as SidebarMulti
-        sidebarItems.push(...side.items)
-    }
-
-    return sidebarItems
-}
-
-// TODO: rename this because it's no longer 'navigation' because it returns breadcrumbs, sidebar and nextlinks props
-// TODO: breadcrumbs and frontmatters as content plugins?
-// TODO: idea - calculate breadcrumbs and navlinks near server-side component?
-
-function normalizeHrefCheck(first: string, second: string) {
-    if (first.startsWith("/")) {
-        first = first.slice(1)
-    }
-
-    if (second.startsWith("/")) {
-        second = second.slice(1)
-    }
-
-    return first === second
-}
-
-function normalizeHref(href: string) {
-    if (href.startsWith("/")) {
-        return href
-    }
-
-    return `/${href}`
-}
-
-function safePageLink(page: string): string {
-    return page?.startsWith("/") ? page : `/${page}`
-}
-
-// mapNavigationToProps maps @xyd-js/core navigation into @xyd-js/ui props
-export async function mapSettingsToProps(
-    settings: Settings,
-    slug: string
-): Promise<{
-    groups: FwSidebarGroupProps[],
-    breadcrumbs: IBreadcrumb[]
-    navlinks?: INavLinks
-}> {
-    const filteredNav = filterNavigation(settings, slug)
-    const frontmatters = await pageFrontMatters(filteredNav)
-
-    const slugFrontmatter = frontmatters[slug] || null
-    const breadcrumbs: IBreadcrumb[] = []
-    let navlinks: INavLinks | undefined = undefined
-
-    function mapItems(
-        page: string | Sidebar,
-        currentNav: Sidebar,
-        nav: Sidebar[]
-    ) {
-        if (typeof page !== "string") {
-            const items = page.pages?.map((p) => mapItems(p, page, nav))
-
-            if (items?.find(item => normalizeHrefCheck(item.href, slug))) {
-                breadcrumbs.unshift({
-                    title: page.group || "",
-                    href: "", // TODO:
-                })
-            }
-
-            return {
-                title: page.group,
-                href: "",
-                active: false,
-                items,
-            }
-        }
-
-        const matterTitle = frontmatters && frontmatters[page] && frontmatters[page].title
-
-        let title = ""
-
-        if (typeof matterTitle === "string") {
-            title = matterTitle
-        } else {
-            // @ts-ignore
-            title = matterTitle
-        }
-
-        if (!title) {
-            console.error("Title not found for page", page)
-        }
-
-        // TODO: better data structures - for example flat array of filtered nav
-        if (slugFrontmatter && (slugFrontmatter === frontmatters[page])) {
-            const nlinks = mapNavToLinks(page, currentNav, nav, frontmatters)
-
-            if (nlinks) {
-                navlinks = nlinks
-            }
-
-            if (currentNav.group) {
-                breadcrumbs.push({
-                    title: currentNav.group,
-                    href: "", // TODO:
-                })
-            }
-            breadcrumbs.push({
-                // @ts-ignore
-                title,
-                href: page,
-            })
-        }
-
-        return {
-            // @ts-ignore
-            title,
-            href: safePageLink(page),
-            active: false // TODO:
-        }
-    }
-
-    const groups = filteredNav.map((nav) => {
-        // TODO: finish
-        if ("match" in nav) {
-            return {
-                group: "",
-                items: [],
-            } as FwSidebarGroupProps
-        }
-
-        return {
-            group: nav.group,
-            items: nav.pages?.map((p) => {
-                // @ts-ignore
-                return mapItems(p, nav, filteredNav)
-            }) || [],
-        } as FwSidebarGroupProps
-    }) || []
-
-    return {
-        groups,
-        breadcrumbs,
-        navlinks
-    }
-}
-
-function mapNavToLinks(
-    page: string | Sidebar,
-    currentNav: Sidebar,
-    nav: Sidebar[],
-    frontmatters: PageFrontMatter
-): INavLinks | undefined {
-    if (!currentNav.group) {
-        console.error("current nav need group to calculate navlinks")
-        return
-    }
-
-    const currentPageIndex = currentNav?.pages?.findIndex(p => page === p)
-    const foundPageIndex = currentPageIndex != undefined && currentPageIndex !== -1
-
-    if (!foundPageIndex) {
-        return
-    }
-
-    let prev = currentNav?.pages?.[currentPageIndex - 1]
-    let next = currentNav?.pages?.[currentPageIndex + 1]
-
-    if (prev && next) {
-        if (typeof prev !== "string" || typeof next !== "string") {
-            console.error("currently nested pages for navlinks are not supported (step 1)")
-            return
-        }
-
-        const prevTitle = frontmatters[prev]?.title || ""
-        const nextTitle = frontmatters[next]?.title || ""
-
-        // prev and next found on same nav (pages)
-        return {
-            prev: {
-                // @ts-ignore
-                title: prevTitle,
-                href: safePageLink(prev),
-            },
-            next: {
-                // @ts-ignore
-                title: nextTitle,
-                href: safePageLink(next),
-            }
-        }
-    }
-
-    const currentNavPosition = nav.findIndex(n => n.group === currentNav.group)
-    const foundNavIndex = currentNavPosition != undefined && currentNavPosition !== -1
-
-    if (!foundNavIndex) {
-        return
-    }
-
-    // search prev in previous nav
-    if (!prev) {
-        const prevNav = nav[currentNavPosition - 1]
-
-        if (prevNav) {
-            const prevNavLastPge = prevNav?.pages?.[prevNav.pages.length - 1]
-
-            if (typeof prevNavLastPge != "string") {
-                console.error("currently nested pages for navlinks are not supported (step 2)")
-            } else {
-                prev = prevNavLastPge
-            }
-        }
-    }
-
-    // search next in next nav
-    if (!next) {
-        const nextNav = nav[currentNavPosition + 1]
-
-        if (nextNav) {
-            const nextNavFirstPage = nextNav?.pages?.[0]
-
-            if (typeof nextNavFirstPage != "string") {
-                console.error("currently nested pages for navlinks are not supported (step 3)")
-            } else {
-                next = nextNavFirstPage
-            }
-        }
-    }
-
-
-    if (!prev) {
-        if (typeof next == "string") {
-            const nextTitle = frontmatters[next]?.title || ""
-
-            return {
-                next: {
-                    // @ts-ignore
-                    title: nextTitle,
-                    href: safePageLink(next),
-                },
-            }
-        } else {
-            console.error("currently nested pages for navlinks are not supported (step 4)")
-        }
-    }
-
-    if (!next) {
-        if (typeof prev == "string") {
-            const nextTitle = frontmatters[prev]?.title || ""
-
-            return {
-                prev: {
-                    // @ts-ignore
-                    title: nextTitle,
-                    href: safePageLink(prev),
-                },
-            }
-        } else {
-            console.error("currently nested pages for navlinks are not supported (step 5)")
-        }
-    }
-
-    if (typeof prev !== "string" || typeof next !== "string") {
-        console.error("currently nested pages for navlinks are not supported (step 6)")
-        return
-    }
-
-    const prevTitle = frontmatters[prev]?.title || ""
-    const nextTitle = frontmatters[next]?.title || ""
-
-    return {
-        prev: {
-            // @ts-ignore
-            title: prevTitle,
-            href: safePageLink(prev),
-        },
-        next: {
-            // @ts-ignore
-            title: nextTitle,
-            href: safePageLink(next),
-        }
-    }
-}

package/packages/react/README.md

@@ -1,3 +0,0 @@
-# @xyd-js/framework/react
-
-React components for xyd framework.