jopijs 0.0.1

package/src/@uikit/package.json

@@ -0,0 +1,15 @@
+{
+  "scripts": {
+    "build": "npx tsc",
+    "clean": "rm -rf ./dist; rm -rf .turbo; rm tsconfig.tsbuildinfo"
+  },
+  "devDependencies": {
+    "@types/bun": "latest",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7"
+  },
+  "dependencies": {
+    "@jopijs": "*",
+    "@jopijs/ui": "*"
+  }
+}

package/src/@uikit/reactRouter/hooks/jBundler_ifBrowser.tsx

@@ -0,0 +1,59 @@
+// noinspection JSUnusedGlobalSymbols
+
+import React from "react";
+
+export type NavigateFunction = (to: string) => void;
+
+export function useRouterNavigate(): NavigateFunction {
+    return (to: string) => {
+        window.location.href = to;
+    };
+}
+
+export function useSendRouterLocationUpdateEvent(_eventName?: string) {
+    // Nothing to do if no router enabled.
+}
+
+export function useRouterSearchParams(): URLSearchParams {
+    return new URL(window.location.href).searchParams;
+}
+
+interface Path {
+    pathname: string;
+    search: string;
+    hash: string;
+}
+
+export function useRouterLocation(): Path {
+    const [location] = React.useState<Path>(new URL(window.location.href));
+    return location;
+}
+
+let gPageParams: any|undefined;
+
+export function useParams(): any {
+    if (gPageParams===undefined) {
+        let pathname = new URL(window.location.href).pathname;
+        let route = ((window as any)["__JOPI_ROUTE__"]) as string;
+        if (!route) return gPageParams = {};
+
+        let pRoute = route.split("/");
+        let pPathname = pathname.split("/");
+        gPageParams = {};
+
+        for (let i = 0; i < pRoute.length; i++) {
+            let p = pRoute[i];
+            if (p[0]===":") gPageParams[p.substring(1)] = pPathname[i];
+        }
+    }
+
+    return gPageParams;
+}
+
+export function RouterLink({to, onClick, children, ...p}: React.ComponentProps<"a"> & {
+    to: string|undefined, onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void,
+    children?: React.ReactNode
+})
+{
+    return <a href={to} onClick={onClick} {...p}>{children}</a>;
+}

package/src/@uikit/reactRouter/hooks/jBundler_ifServer.tsx

@@ -0,0 +1,51 @@
+// noinspection JSUnusedGlobalSymbols
+
+import {useServerRequest} from "jopijs/ui";
+import React from "react";
+
+export type NavigateFunction = (to: string) => void;
+
+export function useRouterNavigate(): NavigateFunction {
+    // Server-side can't change the page.
+    return () => {};
+}
+
+export function useRouterSearchParams(): URLSearchParams {
+    let req = useServerRequest();
+    return req.urlInfos!.searchParams;
+}
+
+interface Path {
+    pathname: string;
+    search: string;
+    hash: string;
+}
+
+export function useRouterLocation(): Path {
+    return useServerRequest().urlInfos;
+}
+
+export function useSendRouterLocationUpdateEvent(_eventName?: string) {
+    // Nothing to do on the server-side.
+}
+
+/**
+ * Returns parameters for the page.
+ * This is the part of the url.
+ *
+ * This function works server side and browser side.
+ *
+ * If the url is https://mywebsite/product-name/list
+ * and the route is http://mywebsite/[product]/list
+ * then urlParts contains {product: "product-name"}
+ */
+export function useParams(): any {
+    return useServerRequest().urlParts;
+}
+
+export function RouterLink({to, onClick, children, ...p}: React.ComponentProps<"a"> & {
+    to: string|undefined, onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void,
+    children?: React.ReactNode
+}) {
+    return <a href={to} onClick={onClick} {...p}>{children}</a>;
+}

package/src/@uikit/reactRouter/index.ts

@@ -0,0 +1 @@
+export * from "./hooks/jBundler_ifServer.tsx";

package/src/@uikit/users/hooks.ts

@@ -0,0 +1,50 @@
+import {_usePage, type UiUserInfos} from "jopijs/ui";
+import React from "react";
+
+export function useLogOutUser(): ()=>void {
+    const page = _usePage();
+
+    return () => {
+        page.logOutUser();
+        page.onRequireRefresh();
+    }
+}
+
+export function useUserStateRefresh() {
+    const page = _usePage();
+
+    return () => {
+        page.refreshUserInfos();
+        page.onRequireRefresh();
+    }
+}
+
+export function useUserHasRoles(roles: string[]): boolean {
+    if (roles.length === 0) return true;
+
+    let userInfos = useUserInfos();
+    if (!userInfos) return false;
+
+    let userRoles = userInfos.roles;
+    if (!userRoles) return false;
+
+    return !!roles.every(role => userRoles.includes(role));
+}
+
+export function useUserInfos(): UiUserInfos|undefined {
+    const page = _usePage();
+    return page.getUserInfos();
+}
+
+export function RequireRoles({roles, children}: {
+    roles: string[],
+    children: React.ReactNode
+}) {
+    const hasRoles = useUserHasRoles(roles);
+
+    if (hasRoles) {
+        return children;
+    }
+
+    return null;
+}

package/src/@uikit/users/index.ts

@@ -0,0 +1 @@
+export * from "./hooks.ts";

package/src/@uikit/variants/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export const VariantContext = React.createContext<any>({});
+
+export function VariantProvider({children, variants}: {children: React.ReactNode, variants?: any}) {
+    return <VariantContext.Provider value={variants}>
+        {children}
+    </VariantContext.Provider>
+}
+
+export function useVariant<T extends React.FC>(name: string, defaultValue?: T|undefined) {
+    const variants = React.useContext(VariantContext);
+    return variants[name] ?? (defaultValue ?? variantNotFound(name));
+}
+
+function variantNotFound(variantName: string) {
+    return function () {
+        return <div>Variant not found: {variantName}</div>;
+    }
+}