@tulip-systems/core 0.2.1 → 0.3.0

package/src/modules/config/entry.server.ts

@@ -3,12 +3,11 @@
  */
 export * from "./lib/config.server";
 export * from "./lib/resolve.server";
-export * from "./paths/create.server";
 
 /**
  * Router
  */
+export * from "./router/client.server";
 export * from "./router/context.server";
 export * from "./router/error.server";
 export * from "./router/init.server";
-export * from "./router/client.server";

package/src/modules/config/entry.ts

@@ -1,5 +1,8 @@
 export * from "./db/helpers";
 export * from "./db/types";
+
+export * from "./paths/helpers";
 export * from "./paths/types";
+
 export * from "./router/client";
 export * from "./router/validators";

package/src/modules/config/lib/config.server.ts

@@ -3,14 +3,13 @@ import "server-cli-only";
 import { createAccessControl, Role } from "@/modules/auth/lib/permissions";
 import { TDatabaseSchema } from "@/modules/config/db/types";
 import { S3ClientConfig } from "@aws-sdk/client-s3";
-import { PathConfig } from "../paths/types";
 
 export type TulipConfig<TSchema extends TDatabaseSchema> = {
   general: {
     name: string;
     shortName: string;
   };
-  paths: PathConfig<TSchema>;
+  // paths: PathConfig;
   database: {
     schema: TSchema;
     pool: {

package/src/modules/config/lib/router.server.ts

@@ -0,0 +1,64 @@
+// import { initRPC } from "../entry.server";
+
+// export function createBaseRouter() {
+//   const { protectedProcedure } = initRPC();
+
+//   return {
+//     /**
+//      * Get paths
+//      */
+//     getPaths: protectedProcedure.handler(async ({ context }) => {
+//       /**
+//        * Initialise the paths by executing the path functions
+//        */
+//       const resolvedPaths = await Promise.all(
+//         context.paths.map(async (group) => {
+//           /**
+//            * Initialise the path by executing the path function
+//            */
+//           const initialisedPaths = await Promise.all(group.items.map((path) => path()));
+
+//           /**
+//            * Filter out paths that the user doesn't have permission for
+//            */
+//           const validatedPaths = await Promise.all(
+//             initialisedPaths.map(async (path) => {
+//               if (!path.permission) return path;
+
+//               const hasPermission = await context.auth.api.userHasPermission({
+//                 body: {
+//                   permission: path.permission,
+//                   userId: context.session.user?.id,
+//                 },
+//               });
+//               if (!hasPermission.success) return null;
+
+//               return path;
+//             }),
+//           );
+
+//           // /**
+//           //  * Resolve the icon component
+//           //  */
+//           // const resolvedPaths = validatedPaths
+//           //   .filter((path) => !!path)
+//           //   .map((path) => {
+//           //     return {
+//           //       ...path,
+//           //       icon: path.icon ? createElement(path.icon) : undefined,
+//           //     };
+//           //   });
+
+//           const items = validatedPaths.filter((path) => !!path);
+
+//           return { ...group, items };
+//         }),
+//       );
+
+//       /**
+//        * Filter out empty groups
+//        */
+//       return resolvedPaths.filter((group) => group.items.length > 0);
+//     }),
+//   };
+// }

package/src/modules/config/paths/helpers.ts

@@ -0,0 +1,6 @@
+import { Paths } from "./types";
+
+/**
+ * Create the paths object
+ */
+export const createPaths = (paths: Paths) => paths;

package/src/modules/config/paths/types.ts

@@ -1,27 +1,26 @@
 import { type Permission } from "@/modules/auth/lib/permissions";
-import { type LucideIcon } from "lucide-react";
+import { LucideIcon } from "lucide-react";
 import { type Route } from "next";
-import { type TDatabaseSchema } from "../db/types";
 
 /**
- * Path input type
+ * Path types
  */
-export type PathGroupInput<TSchema extends TDatabaseSchema> = {
+export type PathGroup = {
   name?: string;
-  items: ((config: {}) => Promise<PathInput>)[];
+  items: Path[];
 };
 
-export type PathInput = {
+export type Path = {
   name: string;
   href: Route;
   icon?: LucideIcon;
   segment?: string;
   permission?: Permission;
   isActive?: boolean;
-  items?: PathSubItemInput[];
+  items?: PathSubItem[];
 };
 
-export type PathSubItemInput = {
+export type PathSubItem = {
   name: string;
   href: Route;
   segment?: string;
@@ -29,36 +28,25 @@ export type PathSubItemInput = {
   isActive?: boolean;
 };
 
-/**
- * Path output type
- */
-export type PathGroupOutput = {
-  name?: string;
-  items: PathOutput[];
-};
+export type Paths = PathGroup[];
 
-export type PathOutput = {
-  name: string;
-  href: Route;
-  icon?: React.JSX.Element;
-  segment?: string;
-  isActive?: boolean;
-  items?: PathSubItemOutput[];
-};
-
-export type PathSubItemOutput = {
-  name: string;
-  href: Route;
-  segment?: string;
-  isActive?: boolean;
-};
 
 /**
- * Path config type
- */
-export type PathConfig<TSchema extends TDatabaseSchema> = PathGroupInput<TSchema>[];
-
-/**
- * Path result type
- */
-export type PathResult = PathGroupOutput[];
+ * <PathGroup>
+ *  <PathGroupTitle>{name}</PathGroupTitle>
+ * 
+ *  <PathGroupItems>
+      <Path href="/" segment="admin" permission="admin" isActive>
+        <PathIcon><Icon /></PathIcon>
+        <PathTitle>{name}</PathTitle>
+
+        <PathItems>
+          <PathSubItem href="/" segment="admin" permission="admin" isActive>
+            <PathSubItemIcon><Icon /></PathSubItemIcon>
+            <PathSubItemTitle>{name}</PathSubItemTitle>
+          </PathSubItem>
+        </PathItems>
+      </Path>
+ *  </PathGroupItems>
+ * </PathGroup>
+ */

package/src/modules/data-tables/components/filters/combobox.client.tsx

@@ -119,7 +119,7 @@ export function TableFilterCombobox<TValue extends string>({
                       <span>{option.label}</span>
                     </div>
 
-                    {option.total != undefined && (
+                    {option.total !== undefined && (
                       <span className="text-muted-foreground/50 size-4 justify-self-end font-mono text-xs">
                         {option.total}
                       </span>

package/src/modules/data-tables/tables/inline-table/hooks/use-input.client.ts

@@ -2,7 +2,7 @@ import "client-only";
 
 import { useAction } from "@/lib/hooks/use-action";
 import { Permission } from "@/modules/auth/entry";
-import { usePermission } from "@/modules/auth/hooks/use-permission.client";
+import { usePermission } from "@/modules/auth/hooks/use-permission";
 import { InlineEditSchema } from "@/modules/inline-edit/entry";
 import { type CellContext } from "@tanstack/react-table";
 import { useEffect, useState } from "react";

package/src/modules/inline-edit/hooks/use-inline.client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useAction } from "@/lib/hooks/use-action";
-import { usePermission } from "@/modules/auth/hooks/use-permission.client";
+import { usePermission } from "@/modules/auth/hooks/use-permission";
 import { Permission } from "@/modules/auth/lib/permissions";
 import { JSONContent } from "@tiptap/react";
 import { useState } from "react";

package/dist/components/layouts/admin-layout.server.d.ts

@@ -1,14 +0,0 @@
-import { TDatabaseSchema } from "../../modules/config/db/types.js";
-import { GetTulipParams } from "../../modules/config/lib/resolve.server.js";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
-import { PropsWithChildren } from "react";
-import "server-cli-only";
-
-//#region src/components/layouts/admin-layout.server.d.ts
-declare function AdminLayout<TSchema extends TDatabaseSchema>({
-  config,
-  children
-}: PropsWithChildren<GetTulipParams<TSchema>>): Promise<react_jsx_runtime106.JSX.Element>;
-//#endregion
-export { AdminLayout };
-//# sourceMappingURL=admin-layout.server.d.ts.map

package/dist/components/layouts/admin-layout.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-layout.server.d.ts","names":[],"sources":["../../../src/components/layouts/admin-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAWsB,4BAA4B;;;GAG/C,kBAAkB,eAAe,YAAS,QAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/admin-layout.server.js

@@ -1,26 +0,0 @@
-import { getSession } from "../../modules/auth/lib/helpers.server.js";
-import { getTulip } from "../../modules/config/lib/resolve.server.js";
-import { getPaths } from "../../modules/config/paths/get.server.js";
-import { AdminContent } from "./admin-content.client.js";
-import { AdminSidebarProvider } from "./admin-sidebar-context.client.js";
-import { AdminSidebar } from "./admin-sidebar.client.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "server-cli-only";
-
-//#region src/components/layouts/admin-layout.server.tsx
-async function AdminLayout({ config, children }) {
-	const tulip = await getTulip({ config });
-	const session = await getSession(tulip);
-	return /* @__PURE__ */ jsxs(AdminSidebarProvider, {
-		value: {
-			paths: await getPaths(tulip),
-			session
-		},
-		className: "max-h-[100dvh] overflow-hidden border",
-		children: [/* @__PURE__ */ jsx(AdminSidebar, {}), /* @__PURE__ */ jsx(AdminContent, { children })]
-	});
-}
-
-//#endregion
-export { AdminLayout };
-//# sourceMappingURL=admin-layout.server.js.map

package/dist/components/layouts/admin-layout.server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-layout.server.js","names":[],"sources":["../../../src/components/layouts/admin-layout.server.tsx"],"sourcesContent":["import \"server-cli-only\";\n\nimport { getSession } from \"@/modules/auth/lib/helpers.server\";\nimport { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { getTulip, GetTulipParams } from \"@/modules/config/lib/resolve.server\";\nimport { getPaths } from \"@/modules/config/paths/get.server\";\nimport { PropsWithChildren } from \"react\";\nimport { AdminContent } from \"./admin-content.client\";\nimport { AdminSidebarProvider } from \"./admin-sidebar-context.client\";\nimport { AdminSidebar } from \"./admin-sidebar.client\";\n\nexport async function AdminLayout<TSchema extends TDatabaseSchema>({\n  config,\n  children,\n}: PropsWithChildren<GetTulipParams<TSchema>>) {\n  const tulip = await getTulip({ config });\n  const session = await getSession(tulip);\n\n  const paths = await getPaths(tulip);\n\n  return (\n    <AdminSidebarProvider\n      value={{ paths, session }}\n      className=\"max-h-[100dvh] overflow-hidden border\"\n    >\n      <AdminSidebar />\n\n      <AdminContent>{children}</AdminContent>\n    </AdminSidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,eAAsB,YAA6C,EACjE,QACA,YAC6C;CAC7C,MAAM,QAAQ,MAAM,SAAS,EAAE,QAAQ,CAAC;CACxC,MAAM,UAAU,MAAM,WAAW,MAAM;AAIvC,QACE,qBAAC;EACC,OAAO;GAAE,OAJC,MAAM,SAAS,MAAM;GAIf;GAAS;EACzB,WAAU;aAEV,oBAAC,iBAAe,EAEhB,oBAAC,gBAAc,WAAwB;GAClB"}

package/dist/components/layouts/admin-sidebar-context.client.js

@@ -1,28 +0,0 @@
-"use client";
-
-
-import { SidebarProvider } from "../ui/sidebar.client.js";
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-
-//#region src/components/layouts/admin-sidebar-context.client.tsx
-/**
-* AdminSidebarContext
-*/
-const AdminSidebarContext = React.createContext({});
-/**
-* AdminSidebarProvider
-*/
-function AdminSidebarProvider({ value, children,...props }) {
-	return /* @__PURE__ */ jsx(SidebarProvider, {
-		...props,
-		children: /* @__PURE__ */ jsx(AdminSidebarContext.Provider, {
-			value,
-			children
-		})
-	});
-}
-
-//#endregion
-export { AdminSidebarContext, AdminSidebarProvider };
-//# sourceMappingURL=admin-sidebar-context.client.js.map

package/dist/components/layouts/admin-sidebar-context.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-sidebar-context.client.js","names":[],"sources":["../../../src/components/layouts/admin-sidebar-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ClientSession } from \"@/modules/auth/handler/client.client\";\nimport { PathResult } from \"@/modules/config/paths/types\";\nimport React from \"react\";\nimport { SidebarProvider } from \"../entry.client\";\n\n/**\n * AdminSidebarContextValue\n */\ntype AdminSidebarContextValue = {\n  paths: PathResult;\n  session: ClientSession;\n};\n\n/**\n * AdminSidebarContext\n */\nexport const AdminSidebarContext = React.createContext({} as AdminSidebarContextValue);\n\n/**\n * AdminSidebarProvider\n */\nexport function AdminSidebarProvider({\n  value,\n  children,\n  ...props\n}: React.ComponentProps<typeof SidebarProvider> & { value: AdminSidebarContextValue }) {\n  return (\n    <SidebarProvider {...props}>\n      <AdminSidebarContext.Provider value={value}>{children}</AdminSidebarContext.Provider>\n    </SidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,sBAAsB,MAAM,cAAc,EAAE,CAA6B;;;;AAKtF,SAAgB,qBAAqB,EACnC,OACA,SACA,GAAG,SACkF;AACrF,QACE,oBAAC;EAAgB,GAAI;YACnB,oBAAC,oBAAoB;GAAgB;GAAQ;IAAwC;GACrE"}

package/dist/components/layouts/admin-sidebar-header.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-sidebar-header.client.js","names":[],"sources":["../../../src/components/layouts/admin-sidebar-header.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar.client\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { authClient } from \"@/modules/auth/handler/client.client\";\nimport { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SunIcon } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\nimport { useRouter } from \"next/navigation\";\nimport { useContext } from \"react\";\nimport { SidebarHeader, useSidebar } from \"../entry.client\";\nimport { AdminSidebarContext } from \"./admin-sidebar-context.client\";\n\nexport function AdminSidebarHeader() {\n  const router = useRouter();\n  const { theme, setTheme } = useTheme();\n\n  const { setOpenMobile } = useSidebar();\n  const { session } = useContext(AdminSidebarContext);\n\n  return (\n    <SidebarHeader>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" className=\"items-center justify-between py-3.5\">\n            <div className=\"flex items-center gap-4\">\n              <Avatar className=\"h-6 w-6 text-sm\">\n                <AvatarImage src={session.user.image ?? undefined} alt={session.user.name} />\n                <AvatarFallback>{session.user.name?.[0] ?? \"\"}</AvatarFallback>\n              </Avatar>\n              <span className=\"text-md text-muted-foreground font-bold\">{session.user.name}</span>\n            </div>\n\n            <ChevronsUpDownIcon className=\"text-muted-foreground h-4 w-4\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent className=\"w-44\">\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <span>Thema</span>\n            </DropdownMenuSubTrigger>\n\n            <DropdownMenuSubContent>\n              <DropdownMenuItem\n                className={cn(theme === \"light\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"light\")}\n              >\n                <SunIcon className=\"mr-2 h-4 w-4\" />\n                <span>Light</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"dark\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"dark\")}\n              >\n                <MoonIcon className=\"mr-2 h-4 w-4\" />\n                <span>Dark</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"system\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"system\")}\n              >\n                <LaptopIcon className=\"mr-2 h-4 w-4\" />\n                <span>System</span>\n              </DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuSub>\n\n          <DropdownMenuSeparator />\n\n          <DropdownMenuItem\n            onClick={() => {\n              setOpenMobile(false);\n              authClient.signOut({\n                fetchOptions: { onSuccess: () => router.replace(\"/auth/login\") },\n              });\n            }}\n          >\n            <LogOutIcon className=\"mr-2 h-4 w-4\" />\n            <span>Log out</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarHeader>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,qBAAqB;CACnC,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,OAAO,aAAa,UAAU;CAEtC,MAAM,EAAE,kBAAkB,YAAY;CACtC,MAAM,EAAE,YAAY,WAAW,oBAAoB;AAEnD,QACE,oBAAC,2BACC,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,WAAU;cAClC,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MAAY,KAAK,QAAQ,KAAK,SAAS;MAAW,KAAK,QAAQ,KAAK;OAAQ,EAC7E,oBAAC,4BAAgB,QAAQ,KAAK,OAAO,MAAM,KAAoB;MACxD,EACT,oBAAC;KAAK,WAAU;eAA2C,QAAQ,KAAK;MAAY;KAChF,EAEN,oBAAC,sBAAmB,WAAU,kCAAkC;IACzD;GACW,EAEtB,qBAAC;EAAoB,WAAU;;GAC7B,qBAAC,8BACC,oBAAC,oCACC,oBAAC,oBAAK,UAAY,GACK,EAEzB,qBAAC;IACC,qBAAC;KACC,WAAW,GAAG,UAAU,WAAW,yBAAyB;KAC5D,eAAe,SAAS,QAAQ;gBAEhC,oBAAC,WAAQ,WAAU,iBAAiB,EACpC,oBAAC,oBAAK,UAAY;MACD;IAEnB,qBAAC;KACC,WAAW,GAAG,UAAU,UAAU,yBAAyB;KAC3D,eAAe,SAAS,OAAO;gBAE/B,oBAAC,YAAS,WAAU,iBAAiB,EACrC,oBAAC,oBAAK,SAAW;MACA;IAEnB,qBAAC;KACC,WAAW,GAAG,UAAU,YAAY,yBAAyB;KAC7D,eAAe,SAAS,SAAS;gBAEjC,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,WAAa;MACF;OACI,IACT;GAElB,oBAAC,0BAAwB;GAEzB,qBAAC;IACC,eAAe;AACb,mBAAc,MAAM;AACpB,gBAAW,QAAQ,EACjB,cAAc,EAAE,iBAAiB,OAAO,QAAQ,cAAc,EAAE,EACjE,CAAC;;eAGJ,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,YAAc;KACH;;GACC,IACT,GACD"}

package/dist/components/layouts/admin-sidebar.client.js

@@ -1,51 +0,0 @@
-"use client";
-
-
-import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, useSidebar } from "../ui/sidebar.client.js";
-import { AdminSidebarContext } from "./admin-sidebar-context.client.js";
-import { AdminSidebarHeader } from "./admin-sidebar-header.client.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
-import Link from "next/link";
-import { useSelectedLayoutSegments } from "next/navigation";
-
-//#region src/components/layouts/admin-sidebar.client.tsx
-/**
-* AdminSidebar
-*/
-function AdminSidebar({ ...props }) {
-	const currentSegments = useSelectedLayoutSegments();
-	const { paths } = React$1.useContext(AdminSidebarContext);
-	const { isMobile, toggleSidebar } = useSidebar();
-	return /* @__PURE__ */ jsxs(Sidebar, {
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(AdminSidebarHeader, {}),
-			/* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: paths.map((group, index) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [group.name && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.name }), /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item) => {
-				const isActive = item.isActive || item.segment === currentSegments?.[0];
-				return /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(SidebarMenuButton, {
-					asChild: true,
-					isActive,
-					children: /* @__PURE__ */ jsxs(Link, {
-						href: item.href,
-						onClick: isMobile ? toggleSidebar : void 0,
-						children: [item.icon, item.name]
-					})
-				}), isActive && !!item.items?.length && /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(SidebarMenuSubButton, {
-					asChild: true,
-					isActive: subItem.segment === currentSegments?.[1],
-					children: /* @__PURE__ */ jsx(Link, {
-						href: subItem.href,
-						onClick: isMobile ? toggleSidebar : void 0,
-						children: subItem.name
-					})
-				}) }, subItem.name)) })] }, item.name);
-			}) }) })] }, index)) }) }),
-			/* @__PURE__ */ jsx(SidebarRail, {})
-		]
-	});
-}
-
-//#endregion
-export { AdminSidebar };
-//# sourceMappingURL=admin-sidebar.client.js.map

package/dist/components/layouts/admin-sidebar.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-sidebar.client.js","names":["React"],"sources":["../../../src/components/layouts/admin-sidebar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n  useSidebar,\n} from \"@/components/ui/sidebar.client\";\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegments } from \"next/navigation\";\nimport * as React from \"react\";\nimport { AdminSidebarContext } from \"./admin-sidebar-context.client\";\nimport { AdminSidebarHeader } from \"./admin-sidebar-header.client\";\n\n/**\n * AdminSidebar\n */\nexport function AdminSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  const currentSegments = useSelectedLayoutSegments();\n\n  const { paths } = React.useContext(AdminSidebarContext);\n  const { isMobile, toggleSidebar } = useSidebar();\n\n  return (\n    <Sidebar {...props}>\n      <AdminSidebarHeader />\n\n      <SidebarContent>\n        <SidebarMenu>\n          {paths.map((group, index) => (\n            <SidebarGroup key={index}>\n              {group.name && <SidebarGroupLabel>{group.name}</SidebarGroupLabel>}\n\n              <SidebarGroupContent>\n                <SidebarMenu>\n                  {group.items.map((item) => {\n                    const isActive = item.isActive || item.segment === currentSegments?.[0];\n\n                    return (\n                      <SidebarMenuItem key={item.name}>\n                        <SidebarMenuButton asChild isActive={isActive}>\n                          <Link href={item.href} onClick={isMobile ? toggleSidebar : undefined}>\n                            {item.icon}\n                            {item.name}\n                          </Link>\n                        </SidebarMenuButton>\n\n                        {isActive && !!item.items?.length && (\n                          <SidebarMenuSub>\n                            {item.items.map((subItem) => (\n                              <SidebarMenuSubItem key={subItem.name}>\n                                <SidebarMenuSubButton\n                                  asChild\n                                  isActive={subItem.segment === currentSegments?.[1]}\n                                >\n                                  <Link\n                                    href={subItem.href}\n                                    onClick={isMobile ? toggleSidebar : undefined}\n                                  >\n                                    {subItem.name}\n                                  </Link>\n                                </SidebarMenuSubButton>\n                              </SidebarMenuSubItem>\n                            ))}\n                          </SidebarMenuSub>\n                        )}\n                      </SidebarMenuItem>\n                    );\n                  })}\n                </SidebarMenu>\n              </SidebarGroupContent>\n            </SidebarGroup>\n          ))}\n        </SidebarMenu>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,SAAgB,aAAa,EAAE,GAAG,SAA+C;CAC/E,MAAM,kBAAkB,2BAA2B;CAEnD,MAAM,EAAE,UAAUA,QAAM,WAAW,oBAAoB;CACvD,MAAM,EAAE,UAAU,kBAAkB,YAAY;AAEhD,QACE,qBAAC;EAAQ,GAAI;;GACX,oBAAC,uBAAqB;GAEtB,oBAAC,4BACC,oBAAC,yBACE,MAAM,KAAK,OAAO,UACjB,qBAAC,2BACE,MAAM,QAAQ,oBAAC,+BAAmB,MAAM,OAAyB,EAElE,oBAAC,iCACC,oBAAC,yBACE,MAAM,MAAM,KAAK,SAAS;IACzB,MAAM,WAAW,KAAK,YAAY,KAAK,YAAY,kBAAkB;AAErE,WACE,qBAAC,8BACC,oBAAC;KAAkB;KAAkB;eACnC,qBAAC;MAAK,MAAM,KAAK;MAAM,SAAS,WAAW,gBAAgB;iBACxD,KAAK,MACL,KAAK;OACD;MACW,EAEnB,YAAY,CAAC,CAAC,KAAK,OAAO,UACzB,oBAAC,4BACE,KAAK,MAAM,KAAK,YACf,oBAAC,gCACC,oBAAC;KACC;KACA,UAAU,QAAQ,YAAY,kBAAkB;eAEhD,oBAAC;MACC,MAAM,QAAQ;MACd,SAAS,WAAW,gBAAgB;gBAEnC,QAAQ;OACJ;MACc,IAXA,QAAQ,KAYZ,CACrB,GACa,KAzBC,KAAK,KA2BT;KAEpB,GACU,GACM,KAxCL,MAyCJ,CACf,GACU,GACC;GACjB,oBAAC,gBAAc;;GACP"}

package/dist/modules/auth/hooks/use-permission.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-permission.client.js","names":["permission","permission: Permission"],"sources":["../../../../src/modules/auth/hooks/use-permission.client.ts"],"sourcesContent":["\"use client\";\n\nimport { useSuspenseQueries } from \"@tanstack/react-query\";\nimport { LiteralString } from \"better-auth\";\nimport { authClient } from \"../handler/client.client\";\nimport { type Permission } from \"../lib/permissions\";\n\n/**\n * UsePermission\n */\nexport function usePermission(permission?: Permission) {\n  const keys = Object.entries(permission ?? {}).flatMap(([resource, permissions]) =>\n    permissions.map((permission) => [resource, permission] as const),\n  );\n\n  return useSuspenseQueries({\n    queries: keys.map((key) => ({\n      queryKey: [\"permission\", ...key],\n      queryFn: async () => {\n        const resource = key[0]?.toString() as string;\n        const permission: Permission = { [resource]: [key[1]] as LiteralString[] };\n\n        const session = await authClient.getSession();\n        const userId = session.data?.user.id;\n\n        const { data, error } = await authClient.admin.hasPermission({ permission, userId });\n        if (error) {\n          console.error(error);\n          throw error;\n        }\n\n        return {\n          permission,\n          success: data.success,\n        };\n      },\n    })),\n    combine: (results) => {\n      const errors = results.filter(({ error }) => error);\n      if (errors.length) return { data: null, errors };\n\n      const values = results.map(({ data }) => data);\n      const success = results.every(({ data }) => data.success);\n\n      return { data: { success, values }, errors: null };\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,cAAc,YAAyB;AAKrD,QAAO,mBAAmB;EACxB,SALW,OAAO,QAAQ,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC,UAAU,iBAChE,YAAY,KAAK,iBAAe,CAAC,UAAUA,aAAW,CAAU,CACjE,CAGe,KAAK,SAAS;GAC1B,UAAU,CAAC,cAAc,GAAG,IAAI;GAChC,SAAS,YAAY;IAEnB,MAAMC,eAAyB,GADd,IAAI,IAAI,UAAU,GACU,CAAC,IAAI,GAAG,EAAqB;IAG1E,MAAM,UADU,MAAM,WAAW,YAAY,EACtB,MAAM,KAAK;IAElC,MAAM,EAAE,MAAM,UAAU,MAAM,WAAW,MAAM,cAAc;KAAE;KAAY;KAAQ,CAAC;AACpF,QAAI,OAAO;AACT,aAAQ,MAAM,MAAM;AACpB,WAAM;;AAGR,WAAO;KACL;KACA,SAAS,KAAK;KACf;;GAEJ,EAAE;EACH,UAAU,YAAY;GACpB,MAAM,SAAS,QAAQ,QAAQ,EAAE,YAAY,MAAM;AACnD,OAAI,OAAO,OAAQ,QAAO;IAAE,MAAM;IAAM;IAAQ;GAEhD,MAAM,SAAS,QAAQ,KAAK,EAAE,WAAW,KAAK;AAG9C,UAAO;IAAE,MAAM;KAAE,SAFD,QAAQ,OAAO,EAAE,WAAW,KAAK,QAAQ;KAE/B;KAAQ;IAAE,QAAQ;IAAM;;EAErD,CAAC"}

package/dist/modules/config/paths/create.server.d.ts

@@ -1,14 +0,0 @@
-import { TDatabaseSchema } from "../db/types.js";
-import { PathConfig } from "./types.js";
-import "server-cli-only";
-
-//#region src/modules/config/paths/create.server.d.ts
-
-/**
- * Create the paths object
- * @param {(() => Promise<PathOutput>)[]} config
- */
-declare const createPaths: <TSchema extends TDatabaseSchema>(paths: PathConfig<TSchema>) => PathConfig<TSchema>;
-//#endregion
-export { createPaths };
-//# sourceMappingURL=create.server.d.ts.map

package/dist/modules/config/paths/create.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create.server.d.ts","names":[],"sources":["../../../../src/modules/config/paths/create.server.ts"],"sourcesContent":[],"mappings":";;;;;;;;AASA;;AAA4C,cAA/B,WAA+B,EAAA,CAAA,gBAAA,eAAA,CAAA,CAAA,KAAA,EAAwB,UAAxB,CAAmC,OAAnC,CAAA,EAAA,GAA2C,UAA3C,CAA2C,OAA3C,CAAA"}

package/dist/modules/config/paths/create.server.js

@@ -1,12 +0,0 @@
-import "server-cli-only";
-
-//#region src/modules/config/paths/create.server.ts
-/**
-* Create the paths object
-* @param {(() => Promise<PathOutput>)[]} config
-*/
-const createPaths = (paths) => paths;
-
-//#endregion
-export { createPaths };
-//# sourceMappingURL=create.server.js.map

package/dist/modules/config/paths/create.server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create.server.js","names":[],"sources":["../../../../src/modules/config/paths/create.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { TDatabaseSchema } from \"../db/types\";\nimport { PathConfig } from \"./types\";\n\n/**\n * Create the paths object\n * @param {(() => Promise<PathOutput>)[]} config\n */\nexport const createPaths = <TSchema extends TDatabaseSchema>(paths: PathConfig<TSchema>) => paths;\n"],"mappings":";;;;;;;AASA,MAAa,eAAgD,UAA+B"}

package/dist/modules/config/paths/get.server.js

@@ -1,47 +0,0 @@
-import { getSession } from "../../auth/lib/helpers.server.js";
-import { cache, createElement } from "react";
-import "server-cli-only";
-
-//#region src/modules/config/paths/get.server.ts
-/**
-* Get the paths that the user has access to
-* @param {(() => Promise<PathOutput>)[][]} paths
-* @param {User} user
-* @returns {Promise<PathInput[][]>}
-*/
-const getPaths = cache(async (config) => {
-	const session = await getSession(config);
-	/**
-	* Filter out empty groups
-	*/
-	return (await Promise.all(config.paths.map(async (group) => {
-		/**
-		* Initialise the path by executing the path function
-		*/
-		const initialisedPaths = await Promise.all(group.items.map((path) => path(config)));
-		/**
-		* Resolve the icon component
-		*/
-		const resolvedPaths = (await Promise.all(initialisedPaths.map(async (path) => {
-			if (!path.permission) return path;
-			if (!(await config.auth.api.userHasPermission({ body: {
-				permission: path.permission,
-				userId: session.user?.id
-			} })).success) return null;
-			return path;
-		}))).filter((path) => !!path).map((path) => {
-			return {
-				...path,
-				icon: path.icon ? createElement(path.icon) : void 0
-			};
-		});
-		return {
-			...group,
-			items: resolvedPaths
-		};
-	}))).filter((group) => group.items.length > 0);
-});
-
-//#endregion
-export { getPaths };
-//# sourceMappingURL=get.server.js.map

package/dist/modules/config/paths/get.server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get.server.js","names":[],"sources":["../../../../src/modules/config/paths/get.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { getSession } from \"@/modules/auth/lib/helpers.server\";\nimport { cache, createElement } from \"react\";\nimport { TDatabaseSchema } from \"../db/types\";\nimport { GetTulipReturn } from \"../lib/resolve.server\";\nimport { PathResult } from \"./types\";\n\n/**\n * Get the paths that the user has access to\n * @param {(() => Promise<PathOutput>)[][]} paths\n * @param {User} user\n * @returns {Promise<PathInput[][]>}\n */\nexport const getPaths = cache(\n  async <TSchema extends TDatabaseSchema>(config: GetTulipReturn<TSchema>): Promise<PathResult> => {\n    const session = await getSession(config);\n\n    /**\n     * Initialise the paths by executing the path functions\n     */\n    const resolvedPaths = await Promise.all(\n      config.paths.map(async (group) => {\n        /**\n         * Initialise the path by executing the path function\n         */\n        const initialisedPaths = await Promise.all(group.items.map((path) => path(config)));\n\n        /**\n         * Filter out paths that the user doesn't have permission for\n         */\n        const validatedPaths = await Promise.all(\n          initialisedPaths.map(async (path) => {\n            if (!path.permission) return path;\n\n            const hasPermission = await config.auth.api.userHasPermission({\n              body: {\n                permission: path.permission,\n                userId: session.user?.id,\n              },\n            });\n            if (!hasPermission.success) return null;\n\n            return path;\n          }),\n        );\n\n        /**\n         * Resolve the icon component\n         */\n        const resolvedPaths = validatedPaths\n          .filter((path) => !!path)\n          .map((path) => {\n            return {\n              ...path,\n              icon: path.icon ? createElement(path.icon) : undefined,\n            };\n          });\n\n        return { ...group, items: resolvedPaths };\n      }),\n    );\n\n    /**\n     * Filter out empty groups\n     */\n    return resolvedPaths.filter((group) => group.items.length > 0);\n  },\n);\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,WAAW,MACtB,OAAwC,WAAyD;CAC/F,MAAM,UAAU,MAAM,WAAW,OAAO;;;;AAkDxC,SA7CsB,MAAM,QAAQ,IAClC,OAAO,MAAM,IAAI,OAAO,UAAU;;;;EAIhC,MAAM,mBAAmB,MAAM,QAAQ,IAAI,MAAM,MAAM,KAAK,SAAS,KAAK,OAAO,CAAC,CAAC;;;;EAwBnF,MAAM,iBAnBiB,MAAM,QAAQ,IACnC,iBAAiB,IAAI,OAAO,SAAS;AACnC,OAAI,CAAC,KAAK,WAAY,QAAO;AAQ7B,OAAI,EANkB,MAAM,OAAO,KAAK,IAAI,kBAAkB,EAC5D,MAAM;IACJ,YAAY,KAAK;IACjB,QAAQ,QAAQ,MAAM;IACvB,EACF,CAAC,EACiB,QAAS,QAAO;AAEnC,UAAO;IACP,CACH,EAME,QAAQ,SAAS,CAAC,CAAC,KAAK,CACxB,KAAK,SAAS;AACb,UAAO;IACL,GAAG;IACH,MAAM,KAAK,OAAO,cAAc,KAAK,KAAK,GAAG;IAC9C;IACD;AAEJ,SAAO;GAAE,GAAG;GAAO,OAAO;GAAe;GACzC,CACH,EAKoB,QAAQ,UAAU,MAAM,MAAM,SAAS,EAAE;EAEjE"}

package/src/components/layouts/admin-layout.server.tsx

@@ -1,31 +0,0 @@
-import "server-cli-only";
-
-import { getSession } from "@/modules/auth/lib/helpers.server";
-import { TDatabaseSchema } from "@/modules/config/db/types";
-import { getTulip, GetTulipParams } from "@/modules/config/lib/resolve.server";
-import { getPaths } from "@/modules/config/paths/get.server";
-import { PropsWithChildren } from "react";
-import { AdminContent } from "./admin-content.client";
-import { AdminSidebarProvider } from "./admin-sidebar-context.client";
-import { AdminSidebar } from "./admin-sidebar.client";
-
-export async function AdminLayout<TSchema extends TDatabaseSchema>({
-  config,
-  children,
-}: PropsWithChildren<GetTulipParams<TSchema>>) {
-  const tulip = await getTulip({ config });
-  const session = await getSession(tulip);
-
-  const paths = await getPaths(tulip);
-
-  return (
-    <AdminSidebarProvider
-      value={{ paths, session }}
-      className="max-h-[100dvh] overflow-hidden border"
-    >
-      <AdminSidebar />
-
-      <AdminContent>{children}</AdminContent>
-    </AdminSidebarProvider>
-  );
-}

package/src/components/layouts/admin-sidebar-context.client.tsx

@@ -1,34 +0,0 @@
-"use client";
-
-import { ClientSession } from "@/modules/auth/handler/client.client";
-import { PathResult } from "@/modules/config/paths/types";
-import React from "react";
-import { SidebarProvider } from "../entry.client";
-
-/**
- * AdminSidebarContextValue
- */
-type AdminSidebarContextValue = {
-  paths: PathResult;
-  session: ClientSession;
-};
-
-/**
- * AdminSidebarContext
- */
-export const AdminSidebarContext = React.createContext({} as AdminSidebarContextValue);
-
-/**
- * AdminSidebarProvider
- */
-export function AdminSidebarProvider({
-  value,
-  children,
-  ...props
-}: React.ComponentProps<typeof SidebarProvider> & { value: AdminSidebarContextValue }) {
-  return (
-    <SidebarProvider {...props}>
-      <AdminSidebarContext.Provider value={value}>{children}</AdminSidebarContext.Provider>
-    </SidebarProvider>
-  );
-}