@xyd-js/framework 0.1.0-xyd.8 → 0.1.0-xyd.85

package/packages/react/contexts/framework.tsx

@@ -1,78 +0,0 @@
-import React, {createContext, useContext} from "react";
-
-import {Settings} from "@xyd-js/core";
-import type {ITOC, IBreadcrumb, INavLinks} from "@xyd-js/ui";
-
-import {FwSidebarGroupProps} from "../components/sidebar";
-
-export interface IFramework {
-    settings: Settings
-
-    sidebarGroups: FwSidebarGroupProps[]
-
-    toc?: ITOC[]
-
-    breadcrumbs?: IBreadcrumb[]
-
-    navlinks?: INavLinks
-}
-
-// TODO: page context + app context?
-const framework: IFramework = {
-    settings: {},
-    sidebarGroups: []
-}
-const FrameworkContext = createContext<IFramework>(framework)
-
-export interface FrameworkProps {
-    children: React.ReactNode
-
-    settings: Settings,
-    sidebarGroups: FwSidebarGroupProps[],
-    toc?: ITOC[],
-    breadcrumbs?: IBreadcrumb[],
-    navlinks?: INavLinks
-}
-
-export function Framework(props: FrameworkProps) {
-    return <FrameworkContext.Provider value={{
-        settings: props.settings,
-        sidebarGroups: props.sidebarGroups,
-        toc: props.toc,
-        breadcrumbs: props.breadcrumbs,
-        navlinks: props.navlinks,
-    }}>
-        {props.children}
-    </FrameworkContext.Provider>
-}
-
-
-export function useSidebarGroups() {
-    const ctx = useContext(FrameworkContext)
-
-    return ctx.sidebarGroups
-}
-
-export function useSettings() {
-    const ctx = useContext(FrameworkContext)
-
-    return ctx.settings
-}
-
-export function useToC() {
-    const ctx = useContext(FrameworkContext)
-
-    return ctx.toc
-}
-
-export function useBreadcrumbs() {
-    const ctx = useContext(FrameworkContext)
-
-    return ctx.breadcrumbs
-}
-
-export function useNavLinks() {
-    const ctx = useContext(FrameworkContext)
-
-    return ctx.navlinks
-}

package/packages/react/contexts/index.ts

@@ -1,2 +0,0 @@
-export * from "./framework"
-

package/packages/react/contexts/ui.tsx

@@ -1,6 +0,0 @@
-import {createContext} from 'react';
-
-export const UIContext = createContext({
-    href: '',
-    setHref: (v: any) => {}
-});

package/packages/react/hooks/index.ts

@@ -1,3 +0,0 @@
-export {
-    useMatchedSubNav
-} from "./useMatchedNav";

package/packages/react/hooks/useMatchedNav.tsx

@@ -1,29 +0,0 @@
-import {useLocation} from "react-router";
-
-import {useSettings} from "../contexts";
-
-import {manualHydration} from "../utils/manualHydration";
-
-function normalizeHref(href: string) {
-    if (href.startsWith("/")) {
-        return href
-    }
-
-    return `/${href}`
-}
-
-// TODO: better data structures
-export function useMatchedSubNav() {
-    const settings = useSettings()
-    const location = useLocation()
-
-    const matchedSubnav = settings.structure?.header
-        ?.filter(item => item.sub)
-        ?.find(item => normalizeHref(location.pathname).startsWith(normalizeHref(item.sub?.match || "")))
-
-    if (!matchedSubnav) {
-        return null
-    }
-
-    return matchedSubnav.sub || null
-}

package/packages/react/index.ts

@@ -1,12 +0,0 @@
-export * from "./components"
-
-export {Framework} from "./contexts"
-export type {FrameworkProps} from "./contexts"
-
-export {
-    useMatchedSubNav
-} from "./hooks"
-
-export type {
-    FwSidebarGroupProps
-} from "./components/sidebar/sidebar"

package/packages/react/utils/manualHydration.ts

@@ -1,25 +0,0 @@
-import React, {ReactElement} from "react";
-
-export function manualHydration(obj: any, key = 0): ReactElement<any, string | React.JSXElementConstructor<any>> {
-    if (typeof obj !== 'object' || obj === null) {
-        return React.createElement(React.Fragment, {key});
-    }
-
-    const {type, props} = obj || {};
-    if (typeof type !== 'string' && typeof type !== 'function') {
-        return React.createElement(React.Fragment, {key});
-    }
-
-    let children: ReactElement<any, string | React.JSXElementConstructor<any>>[] = [];
-    if (props?.children) {
-        if (Array.isArray(props.children)) {
-            children = props.children.map((child: any, i) => manualHydration(child, key + i)) || [];
-        } else {
-            children = [manualHydration(props.children, key)];
-        }
-    }
-
-    const elementProps = {...props, children, key};
-
-    return React.createElement(type, elementProps);
-}

package/packages/theme/context.tsx

@@ -1,19 +0,0 @@
-import {createContext, useContext} from "react";
-
-import type {ITheme} from "@xyd-js/framework";
-
-const theme = createContext<ITheme<any> | null>(null)
-
-const Provider = theme.Provider
-
-// TODO: finish theme context
-
-export function withTheme(Component) {
-    return <Provider value={null}>
-        <Component/>
-    </Provider>
-}
-
-export function useTheme<T>(): ITheme<any> | null {
-    return useContext(theme)
-}

package/postcss.config.cjs

@@ -1,5 +0,0 @@
-module.exports = {
-    plugins: {
-        autoprefixer: {},
-    },
-}

package/src/index.ts

@@ -1 +0,0 @@
-export type * from "./types";

package/src/types.ts

@@ -1,5 +0,0 @@
-export interface ITheme<T> {
-    children: JSX.Element | JSX.Element[]
-
-    themeSettings?: T
-}

package/tsconfig.json

@@ -1,45 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "esnext",
-    "esModuleInterop": true,
-    "moduleResolution": "bundler",
-    "target": "ES6",
-    "compilerOptions": {
-      "baseUrl": ".",
-      "paths": {
-        "@/components/*": ["@/components/*"],
-        "@/lib/utils/*": ["@/lib/utils/*"],
-        "@/components/ui/*": ["@/components/ui/*"],
-        "@/components/magicui/*": ["@/components/magicui/*"]
-      }
-    },
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": false,
-    "noEmit": true,
-    "incremental": false,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "strictNullChecks": true
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}

package/tsup.config.ts

@@ -1,28 +0,0 @@
-import {defineConfig} from 'tsup';
-
-export default defineConfig({
-    entry: {
-        index: 'src/index.ts',
-        react: 'packages/react/index.ts',
-        hydration: 'packages/hydration/index.ts',
-    },
-    format: ['esm', 'cjs'], // Output both ESM and CJS formats
-    target: 'node16', // Ensure compatibility with Node.js 16
-    dts: {
-        entry: {
-            index: 'src/index.ts',
-            react: 'packages/react/index.ts',
-            hydration: 'packages/hydration/index.ts',
-        },
-        resolve: true, // Resolve external types
-    },
-    splitting: false, // Disable code splitting
-    sourcemap: true, // Generate source maps
-    clean: true, // Clean the output directory before each build
-    esbuildOptions: (options) => {
-        options.platform = 'node'; // Ensure the platform is set to Node.js
-        options.external = ['node:fs/promises', 'react-router']; // Mark 'node:fs/promises' as external
-        options.loader = {'.js': 'jsx'}; // Ensure proper handling of .js files
-    },
-    ignoreWatch: ['node_modules', 'dist', '.git', 'build'] // Exclude unnecessary directories
-});