@lobb-js/lobb-ext-auth 0.1.58 → 0.1.60

package/CHANGELOG.md

@@ -0,0 +1,47 @@
+# Changelog
+All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
+
+- - -
+## auth-ext-studio@0.1.60 - 2026-02-17
+#### Bug Fixes
+- removing a comment - (68c182d) - Malik Najjar
+#### Miscellaneous Chores
+- adding a comment - (c5c8fbf) - Malik Najjar
+
+- - -
+
+## auth-ext-studio@0.1.59 - 2026-02-17
+#### Bug Fixes
+- removing a comment - (15c57c0) - Malik Najjar
+#### Miscellaneous Chores
+- adding a comment - (fde6900) - Malik Najjar
+
+- - -
+
+## auth-ext-studio@0.1.1 - 2026-02-17
+#### Bug Fixes
+- removeing stupid comment - (ca41782) - Malik Najjar
+#### Miscellaneous Chores
+- (**version**) 0.10.2 - (2c92a7d) - Cocogitto Bot
+- adding comment - (c6cc16d) - Malik Najjar
+
+- - -
+
+## auth-ext-studio@0.1.0 - 2026-02-15
+#### Features
+- add authentication and user settings pages with responsive design - (aba51e4) - Malik Najjar
+#### Miscellaneous Chores
+- (**version**) 0.5.5 - (d4dedeb) - Cocogitto Bot
+- (**version**) 0.5.4 - (1ca3970) - Cocogitto Bot
+- (**version**) 0.5.3 - (dcdb9cb) - Cocogitto Bot
+- (**version**) 0.5.2 - (aa66e29) - Cocogitto Bot
+- (**version**) 0.5.1 - (41b7c35) - Cocogitto Bot
+- (**version**) 0.4.2 - (4395d99) - Cocogitto Bot
+- (**version**) 0.4.1 - (5e9f152) - Cocogitto Bot
+- (**version**) 0.4.0 - (aafd2d6) - Cocogitto Bot
+#### Style
+- Update background color from bg-soft to bg-muted/30 across various components - (ad2240a) - Malik Najjar
+
+- - -
+
+Changelog generated by [cocogitto](https://github.com/cocogitto/cocogitto).

package/components.json

@@ -0,0 +1,16 @@
+{
+	"$schema": "https://shadcn-svelte.com/schema.json",
+	"tailwind": {
+		"css": "src/app.css",
+		"baseColor": "slate"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks",
+		"lib": "$lib"
+	},
+	"typescript": true,
+	"registry": "https://shadcn-svelte.com/registry"
+}

package/package.json

@@ -1,31 +1,32 @@
 {
   "name": "@lobb-js/lobb-ext-auth",
-  "version": "0.1.58",
+  "version": "0.1.60",
   "type": "module",
   "exports": {
-    ".": "./studio/src/index.ts"
+    ".": "./src/index.ts"
   },
   "scripts": {
-    "dev": "cd studio && vite",
-    "build": "cd studio && vite build",
-    "preview": "cd studio && vite preview",
-    "check": "cd studio && svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
-    "publish": "npm publish --access public"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.21",
-    "@lobb-js/studio": "0.1.31",
-    "ai": "^6.0.59"
+    "@lobb-js/studio": "0.2.10"
   },
   "devDependencies": {
+    "@lucide/svelte": "^0.563.1",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
+    "@tailwindcss/vite": "^4.1.18",
     "@tsconfig/svelte": "^5.0.6",
     "@types/node": "^24.10.1",
-    "autoprefixer": "^10.4.23",
-    "svelte": "^5.43.8",
+    "clsx": "^2.1.1",
+    "svelte": "^5.49.1",
     "svelte-check": "^4.3.4",
-    "tailwindcss": "^3.4.19",
-    "tailwindcss-animate": "^1.0.7",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "4.1.18",
+    "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",
     "vite": "6.3.3"
   }

package/src/app.css

@@ -0,0 +1,124 @@
+@import "tailwindcss";
+
+@import "tw-animate-css";
+
+@source "../../../../packages";
+@source "../node_modules/@lobb-js";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.129 0.042 264.695);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.129 0.042 264.695);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.129 0.042 264.695);
+  --primary: oklch(0.208 0.042 265.755);
+  --primary-foreground: oklch(0.984 0.003 247.858);
+  --secondary: oklch(0.968 0.007 247.896);
+  --secondary-foreground: oklch(0.208 0.042 265.755);
+  --muted: oklch(0.968 0.007 247.896);
+  --muted-foreground: oklch(0.554 0.046 257.417);
+  --accent: oklch(0.968 0.007 247.896);
+  --accent-foreground: oklch(0.208 0.042 265.755);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.929 0.013 255.508);
+  --input: oklch(0.929 0.013 255.508);
+  --ring: oklch(0.704 0.04 256.788);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.984 0.003 247.858);
+  --sidebar-foreground: oklch(0.129 0.042 264.695);
+  --sidebar-primary: oklch(0.208 0.042 265.755);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.968 0.007 247.896);
+  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
+  --sidebar-border: oklch(0.929 0.013 255.508);
+  --sidebar-ring: oklch(0.704 0.04 256.788);
+}
+
+.dark {
+  --background: oklch(0.129 0.042 264.695);
+  --foreground: oklch(0.984 0.003 247.858);
+  --card: oklch(0.208 0.042 265.755);
+  --card-foreground: oklch(0.984 0.003 247.858);
+  --popover: oklch(0.208 0.042 265.755);
+  --popover-foreground: oklch(0.984 0.003 247.858);
+  --primary: oklch(0.929 0.013 255.508);
+  --primary-foreground: oklch(0.208 0.042 265.755);
+  --secondary: oklch(0.279 0.041 260.031);
+  --secondary-foreground: oklch(0.984 0.003 247.858);
+  --muted: oklch(0.279 0.041 260.031);
+  --muted-foreground: oklch(0.704 0.04 256.788);
+  --accent: oklch(0.279 0.041 260.031);
+  --accent-foreground: oklch(0.984 0.003 247.858);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.551 0.027 264.364);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.208 0.042 265.755);
+  --sidebar-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.279 0.041 260.031);
+  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.551 0.027 264.364);
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/{studio/src → src}/auth.ts

@@ -1,4 +1,4 @@
-import type { ExtensionUtils } from "../extension.types";
+import type { ExtensionUtils } from "@lobb-js/studio";
 
 interface LoginPayload {
   email: string;

package/{studio/src → src}/index.ts

@@ -1,9 +1,9 @@
-import type { Extension, ExtensionUtils } from "../extension.types";
+import type { Extension, ExtensionUtils } from "@lobb-js/studio";
 import { Auth } from "./auth";
 import { onStartup } from "./onStartup";
-import LoginPage from "./pages/loginPage/index.svelte";
-import UserSettings from "./pages/userSettings/index.svelte";
-import Settings from "./pages/settings/index.svelte";
+import LoginPage from "./lib/components/pages/loginPage/index.svelte";
+import UserSettings from "./lib/components/pages/userSettings/index.svelte";
+import Settings from "./lib/components/pages/settings/index.svelte";
 
 // TODO we should export the extension object directly without a function at all. because we dont set configuration in here
 export function extension(utils: ExtensionUtils): Extension {

package/{studio/src → src/lib/components}/pages/loginPage/index.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import type { ExtensionProps } from "src/extensions/extension.types";
-    import { Auth } from "../../auth";
+    import type { ExtensionProps } from "@lobb-js/studio";
+    import { Auth } from "../../../../auth";
 
     const { utils }: ExtensionProps = $props();
 

package/{studio/src → src/lib/components}/pages/settings/index.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
     import Users from "./pages/users.svelte";
     import RolesAndPermissions from "./pages/rolesAndPermissions.svelte";
     import ActivityFeed from "./pages/activityFeed.svelte";
@@ -22,7 +22,7 @@
 <Sidebar
 	title="Auth settings"
 	showSearch={false}
-	isSelected={(element) => {
+	isSelected={(element: any) => {
 		const element_page = element.href?.split("/")[4];
 		return element_page === auth_settings_page;
 	}}

package/{studio/src → src/lib/components}/pages/settings/pages/activityFeed.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 
 	const { utils }: ExtensionProps = $props();
 	const components = utils.components;
@@ -13,7 +13,7 @@
 		</div>
 	</div>
 	<components.Separator />
-	<div class="flex gap-4 border rounded-md overflow-hidden h-full bg-soft">
+	<div class="flex gap-4 border rounded-md overflow-hidden h-full bg-muted/30">
         <components.DataTable
             collectionName="auth_activity_feed"
         />

package/{studio/src → src/lib/components}/pages/settings/pages/rolesAndPermissions.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 
 	const { utils }: ExtensionProps = $props();
 	const components = utils.components;
@@ -13,7 +13,7 @@
 		</div>
 	</div>
 	<components.Separator />
-	<div class="flex gap-4 border rounded-md overflow-hidden h-full bg-soft">
+	<div class="flex gap-4 border rounded-md overflow-hidden h-full bg-muted/30">
         <components.DataTable
             collectionName="auth_roles"
         />

package/{studio/src → src/lib/components}/pages/settings/pages/users.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 
 	const { utils }: ExtensionProps = $props();
 	const components = utils.components;
@@ -13,7 +13,7 @@
 		</div>
 	</div>
 	<components.Separator />
-	<div class="flex gap-4 border rounded-md overflow-hidden h-full bg-soft">
+	<div class="flex gap-4 border rounded-md overflow-hidden h-full bg-muted/30">
         <components.DataTable
             collectionName="auth_users"
         />

package/{studio/src → src/lib/components}/pages/userSettings/components/account.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 	import { onMount } from "svelte";
 
 	const { utils }: ExtensionProps = $props();

package/{studio/src → src/lib/components}/pages/userSettings/components/profile.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 	import { onMount } from "svelte";
 
 	const { utils }: ExtensionProps = $props();

package/{studio/src → src/lib/components}/pages/userSettings/index.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 	import Profile from "./components/profile.svelte";
 	import Account from "./components/account.svelte";
 

package/src/lib/index.ts

@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.

package/src/lib/utils.ts

@@ -0,0 +1,13 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };

package/{studio/src → src}/main.ts

@@ -1,6 +1,8 @@
+import "./app.css";
+
 import { mount } from "svelte";
-import Studio from "@lobb-js/studio";
-import { extension } from "./index.ts";
+import { Studio } from "@lobb-js/studio";
+import { extension } from "./index";
 
 const app = mount(Studio, {
   target: document.getElementById("app")!,

package/{studio/src → src}/onStartup.ts

@@ -1,4 +1,4 @@
-import type { ExtensionUtils } from "../extension.types";
+import type { ExtensionUtils } from "@lobb-js/studio";
 import { Auth } from "./auth";
 
 export async function onStartup(utils: ExtensionUtils) {

package/{studio/tsconfig.app.json → tsconfig.app.json}

@@ -16,7 +16,12 @@
      */
     "allowJs": true,
     "checkJs": true,
-    "moduleDetection": "force"
+    "moduleDetection": "force",
+    "baseUrl": ".",
+    "paths": {
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
 }

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"]
+    }
+  }
+}

package/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import { lobbStudioPlugins } from "@lobb-js/studio/vite-plugins";
+import tailwindcss from "@tailwindcss/vite";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    ...lobbStudioPlugins(),
+    tailwindcss(),
+    svelte(),
+  ],
+});

package/.zed/settings.json

@@ -1,22 +0,0 @@
-{
-  "lsp": {
-    "deno": {
-      "settings": {
-        "deno": {
-          "enable": true,
-        },
-      },
-    },
-  },
-  "languages": {
-    "TypeScript": {
-      "language_servers": [
-        "deno",
-        "!typescript-language-server",
-        "!vtsls",
-        "!eslint",
-      ],
-      "formatter": "language_server",
-    },
-  },
-}

package/deno.json

@@ -1,18 +0,0 @@
-{
-  "name": "@lobb/lobb-ext-auth",
-  "version": "0.1.58",
-  "exports": "./lobb/src/mod.ts",
-  "license": "UNLICENSED",
-  "tasks": {
-    "dev": "deno run -A --watch lobb/lobb.ts",
-    "test": "deno test -A tests --fail-fast",
-    "publish": "deno publish --allow-slow-types"
-  },
-  "imports": {
-    "@lobb/core": "jsr:@lobb/core@0.2.89",
-    "@bronti/argon2": "jsr:@bronti/argon2@^1.0.3",
-    "@std/assert": "jsr:@std/assert@^1.0.5",
-    "@std/testing": "jsr:@std/testing@^1.0.3",
-    "@hono/hono": "jsr:@hono/hono@^4.6.1"
-  }
-}