@lobb-js/lobb-ext-auth 0.10.4 → 0.11.1

package/dist/tests/login.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/login.spec.js

@@ -1,27 +0,0 @@
-import { test, expect } from "@playwright/test";
-const ADMIN_EMAIL = "admin@example.com";
-const ADMIN_PASSWORD = "admin";
-const LOGIN_URL = "/studio/extensions/auth/login_page";
-const STUDIO_URL = "/studio";
-test.describe("Login page", () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(LOGIN_URL);
-    });
-    test("shows the login form", async ({ page }) => {
-        await expect(page.getByText("Welcome back")).toBeVisible();
-        await expect(page.getByPlaceholder("email@example.com")).toBeVisible();
-        await expect(page.getByPlaceholder("••••••••")).toBeVisible();
-        await expect(page.getByRole("button", { name: "Sign In" })).toBeVisible();
-    });
-    test("logs in with valid credentials and redirects to studio", async ({ page }) => {
-        await page.getByPlaceholder("email@example.com").fill(ADMIN_EMAIL);
-        await page.getByPlaceholder("••••••••").fill(ADMIN_PASSWORD);
-        await page.getByRole("button", { name: "Sign In" }).click();
-        await page.waitForURL(STUDIO_URL);
-        expect(page.url()).toContain(STUDIO_URL);
-    });
-    test("shows error toast on empty form submission", async ({ page }) => {
-        await page.getByRole("button", { name: "Sign In" }).click();
-        await expect(page.getByText("Please complete all fields")).toBeVisible();
-    });
-});

package/dist/tests/package.json

@@ -1 +0,0 @@
-{"type": "commonjs"}

package/dist/tests/playwright.config.cjs

@@ -1,27 +0,0 @@
-const { defineConfig, devices } = require("@playwright/test");
-
-module.exports = defineConfig({
-  testDir: __dirname,
-  testMatch: "**/*.spec.ts",
-  fullyParallel: true,
-  retries: 0,
-  expect: { timeout: 15000 },
-  use: {
-    baseURL: "http://localhost:3000",
-    trace: "on-first-retry",
-    headless: true,
-  },
-  projects: [
-    {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
-    },
-  ],
-  // Automatically start the dev server before running tests
-  webServer: {
-    command: "bun run dev",
-    url: "http://localhost:3000/studio",
-    reuseExistingServer: true,
-    cwd: "../../../../", // packages/auth-ext root
-  },
-});

package/dist/tests/playwright.config.d.cts

@@ -1,2 +0,0 @@
-declare const _exports: import("@playwright/test").Config<import("@playwright/test").PlaywrightTestOptions & {}, import("@playwright/test").PlaywrightWorkerOptions & {}>;
-export = _exports;

package/extensions/auth/studio/lib/components/pages/userSettings/components/account.svelte

@@ -1,106 +0,0 @@
-<script lang="ts">
-	import type { ExtensionProps } from "@lobb-js/studio";
-	import { onMount } from "svelte";
-
-	const { utils }: ExtensionProps = $props();
-
-	let user = $state({
-		old_password: "",
-		new_password: "",
-	});
-	const icons = utils.components.Icons;
-
-	// @ts-ignore: Im sure the session object exist
-	const currentUserId = utils.ctx.extensions.auth.session.user.id;
-	let loaded = $state(false);
-	onMount(async () => {
-		const response = await utils.lobb.findOne("auth_users", currentUserId);
-		const result = await response.json();
-		user = result.data;
-		loaded = true;
-	});
-
-	async function onUpdateCLick() {
-		if (!user.new_password) {
-			utils.toast.error("Make sure you fill the new password");
-			return;
-		} else if (!user.old_password) {
-			utils.toast.error("Make sure you fill the old password");
-			return;
-		}
-
-		const result = await utils.lobb.request({
-			method: "POST",
-			route: "/api/extensions/auth/change_password",
-			payload: {
-				old_password: user.old_password,
-				new_password: user.new_password,
-			},
-		});
-
-		if (result.status >= 400) {
-			return;
-		}
-
-		utils.toast.success("Account updated successfully.");
-	}
-</script>
-
-{#if loaded}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-4 overflow-y-visible">
-		<div>
-			<div class="text-lg font-semibold">Account</div>
-			<div class="text-sm text-muted-foreground">
-				Update your account settings.
-			</div>
-		</div>
-		<utils.components.Separator />
-		<!-- TODO: add prefered language here too -->
-		<div class="flex flex-col gap-2">
-			<div class="text-sm">Change Password</div>
-			<div class="flex gap-4">
-				<utils.components.Input
-					bind:value={user.old_password}
-					placeholder="Old password"
-					type="password"
-				/>
-				<utils.components.Input
-					bind:value={user.new_password}
-					placeholder="New password"
-					type="password"
-				/>
-			</div>
-			<div class="text-xs text-muted-foreground">
-				This is where you can change your password.
-			</div>
-		</div>
-		<utils.components.Button
-			class="self-start"
-			onclick={onUpdateCLick}
-			Icon={icons.Pencil}
-		>
-			Update Account
-		</utils.components.Button>
-	</div>
-{:else}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-8 overflow-y-visible">
-		<div class="grid gap-2">
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<utils.components.Separator />
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<div class="flex gap-4">
-				<utils.components.Skeleton class="h-8 w-full max-w-60" />
-				<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			</div>
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-	</div>
-{/if}

package/extensions/auth/studio/lib/components/pages/userSettings/components/profile.svelte

@@ -1,87 +0,0 @@
-<script lang="ts">
-	import type { ExtensionProps } from "@lobb-js/studio";
-	import { onMount } from "svelte";
-
-	const { utils }: ExtensionProps = $props();
-
-	let user = $state({
-		name: "",
-	});
-	const icons = utils.components.Icons;
-
-	// @ts-ignore: Im sure the session object exist
-	const currentUserId = utils.ctx.extensions.auth.session.user.id;
-	let loaded = $state(false);
-	onMount(async () => {
-		const response = await utils.lobb.findOne("auth_users", currentUserId);
-		const result = await response.json();
-		user = result.data;
-		loaded = true;
-	});
-
-	async function onUpdateCLick() {
-		// TODO: add the logic of updating some of the current user's information
-		const updateObject: any = {};
-		updateObject["name"] = user.name;
-		const response = await utils.lobb.updateOne(
-			"auth_users",
-			currentUserId,
-			updateObject,
-		);
-		if (response.status >= 400) {
-			const result = await response.json();
-			utils.toast.error(result.message);
-			return;
-		}
-		utils.toast.success("Profile updated successfully.");
-	}
-</script>
-
-{#if loaded}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-4 overflow-y-visible">
-		<div>
-			<div class="text-lg font-semibold">Profile</div>
-			<div class="text-sm text-muted-foreground">
-				Edit information that others will see.
-			</div>
-		</div>
-		<utils.components.Separator />
-		<!-- TODO: you should add name and other stuff like phone number and stuff like that -->
-		<div class="flex flex-col gap-2">
-			<div class="text-sm">Full Name</div>
-			<utils.components.Input
-				placeholder="Full Name"
-				bind:value={user.name}
-			/>
-			<div class="text-xs text-muted-foreground">
-				This is your public display name. It can be your real name or a
-				pseudonym.
-			</div>
-		</div>
-		<utils.components.Button
-			class="self-start"
-			onclick={onUpdateCLick}
-			Icon={icons.Pencil}
-		>
-			Update Profile
-		</utils.components.Button>
-	</div>
-{:else}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-8 overflow-y-visible">
-		<div class="grid gap-2">
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<utils.components.Separator />
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-	</div>
-{/if}

package/extensions/auth/studio/tests/login.spec.ts

@@ -1,34 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-const ADMIN_EMAIL = "admin@example.com";
-const ADMIN_PASSWORD = "admin";
-const LOGIN_URL = "/studio/extensions/auth/login_page";
-const STUDIO_URL = "/studio";
-
-test.describe("Login page", () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(LOGIN_URL);
-  });
-
-  test("shows the login form", async ({ page }) => {
-    await expect(page.getByText("Welcome back")).toBeVisible();
-    await expect(page.getByPlaceholder("email@example.com")).toBeVisible();
-    await expect(page.getByPlaceholder("••••••••")).toBeVisible();
-    await expect(page.getByRole("button", { name: "Sign In" })).toBeVisible();
-  });
-
-  test("logs in with valid credentials and redirects to studio", async ({ page }) => {
-    await page.getByPlaceholder("email@example.com").fill(ADMIN_EMAIL);
-    await page.getByPlaceholder("••••••••").fill(ADMIN_PASSWORD);
-    await page.getByRole("button", { name: "Sign In" }).click();
-
-    await page.waitForURL(STUDIO_URL);
-    expect(page.url()).toContain(STUDIO_URL);
-  });
-
-  test("shows error toast on empty form submission", async ({ page }) => {
-    await page.getByRole("button", { name: "Sign In" }).click();
-
-    await expect(page.getByText("Please complete all fields")).toBeVisible();
-  });
-});

package/extensions/auth/studio/tests/package.json

@@ -1 +0,0 @@
-{"type": "commonjs"}

package/extensions/auth/studio/tests/playwright.config.cjs

@@ -1,27 +0,0 @@
-const { defineConfig, devices } = require("@playwright/test");
-
-module.exports = defineConfig({
-  testDir: __dirname,
-  testMatch: "**/*.spec.ts",
-  fullyParallel: true,
-  retries: 0,
-  expect: { timeout: 15000 },
-  use: {
-    baseURL: "http://localhost:3000",
-    trace: "on-first-retry",
-    headless: true,
-  },
-  projects: [
-    {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
-    },
-  ],
-  // Automatically start the dev server before running tests
-  webServer: {
-    command: "bun run dev",
-    url: "http://localhost:3000/studio",
-    reuseExistingServer: true,
-    cwd: "../../../../", // packages/auth-ext root
-  },
-});