fuma 0.0.3 → 0.1.0

package/README.md

@@ -1,17 +1,51 @@
 # fuma
 
-My fullstake material build with sveltekit, daisyui, zod and more ...
+My fullstack material build with sveltekit, daisyui, zod and more ...
 
 ## Fast setup
 
 ```sh
-export project="myproject"
-pn create svelte@latest $project
-cd $project
+echo "Enter project's name : " && read project_name
+echo "Enter mysql username : " && read mysql_username
+
+pn create svelte@latest $project_name
+cd $project_name
 pn i fuma
-px svelte-add@latest tailwindcss
-pn i -D daisyui@latest
-sed -i "s/plugins: \[\]/plugins: \[require('daisyui')\],\n\tdaisyui: {\n\t\tlogs: false\n\t}\n/g" tailwind.config.cjs
+px svelte-add@latest tailwindcss --tailwindcss-daisyui
+sed -i "s|\}'\],|\}', './node_modules/**/fuma/dist/**/*.svelte'\],|g" tailwind.config.cjs
+sed -i 's|"singleQuote": true,|"singleQuote": true,\n\t"semi": false,|g' .prettierrc
+
+# Prisma
+pn i prisma
+px prisma init --datasource-provider mysql
+
+mkdir -p ./src/lib/server
+source="https://raw.githubusercontent.com/peufo/fuma/main"
+wget "$source/prisma/schema.prisma" -O ./prisma/schema.prisma
+wget "$source/src/lib/server/prisma.ts" -O ./src/lib/server/prisma.ts
+
+echo "DATABASE_URL=\"mysql://$mysql_username@localhost:3306/$project_name\"" > .env
+cp .env .env.example
+px prisma migrate dev --name init
+node -e "\
+  const pkg = require('./package.json'); \
+  pkg.scripts.migrate = 'prisma migrate dev'; \
+  pkg.scripts.generate = 'prisma generate'; \
+  pkg.scripts.studio = 'prisma studio'; \
+  pkg.scripts.postinstall = 'prisma migrate deploy && prisma generate'; \
+  fs.writeFileSync('./package.json', JSON.stringify(pkg, null, '	')); \
+"
+
+# Authentication
+pn i lucia oslo @lucia-auth/adapter-prisma
+auth="src/routes/auth"
+mkdir -p "./$auth"
+wget "$source/src/app.d.ts" -O ./src/app.d.ts
+wget "$source/src/hooks.server.ts" -O ./src/hooks.server.ts
+wget "$source/src/lib/server/auth.ts" -O ./src/lib/server/auth.ts
+wget "$source/$auth/+page.svelte" -O "./$auth/+page.svelte"
+wget "$source/$auth/+layout.svelte" -O "./$auth/+layout.svelte"
+wget "$source/$auth/+page.server.ts" -O "./$auth/+page.server.ts"
 
 
 git init && git add -A && git commit -m "Initial commit"

package/dist/server/auth.d.ts

@@ -0,0 +1,12 @@
+import { Lucia } from 'lucia';
+export declare const lucia: Lucia<Record<never, never>, {
+    username: string;
+}>;
+declare module 'lucia' {
+    interface Register {
+        Lucia: typeof lucia;
+        DatabaseUserAttributes: {
+            username: string;
+        };
+    }
+}

package/dist/server/auth.js

@@ -0,0 +1,15 @@
+import { Lucia } from 'lucia';
+import { dev } from '$app/environment';
+import { PrismaAdapter } from '@lucia-auth/adapter-prisma';
+import { prisma } from './prisma.js';
+const adapter = new PrismaAdapter(prisma.session, prisma.user);
+export const lucia = new Lucia(adapter, {
+    sessionCookie: {
+        attributes: {
+            secure: !dev
+        }
+    },
+    getUserAttributes: (attributes) => ({
+        username: attributes.username
+    })
+});

package/dist/server/prisma.d.ts

@@ -0,0 +1,2 @@
+import { PrismaClient } from '@prisma/client';
+export declare const prisma: PrismaClient<import("@prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client/runtime/library").DefaultArgs>;

package/dist/server/prisma.js

@@ -0,0 +1,2 @@
+import { PrismaClient } from '@prisma/client';
+export const prisma = new PrismaClient();

package/dist/ui/Login.svelte

@@ -0,0 +1,89 @@
+<script>import { slide } from "svelte/transition";
+import { InputText, InputPassword } from "./index.js";
+import { useForm } from "../validation/form.js";
+import { page } from "$app/stores";
+export let onSuccess = void 0;
+const { enhance } = useForm({
+  onSuccess,
+  successMessage(action) {
+    if (action.search === "?/reset_password") {
+      recorverDialog.close();
+      state = "login";
+      return "Un lien de r\xE9cup\xE9ration t'a \xE9t\xE9 envoy\xE9 par email";
+    }
+    return "Bienvenue";
+  },
+  onError(err) {
+    if (err === "This account already exists") {
+      state = "login";
+      return;
+    }
+    if (err === "This account already created from an invitation") {
+      recorverDialog.showModal();
+      return;
+    }
+  }
+});
+let state = "login";
+$:
+  redirectTo = $page.url.searchParams.get("redirectTo");
+let recorverDialog;
+</script>
+
+<div class="grid place-content-center p-10">
+	<div style:width="min(24rem, calc(100vw - 1rem))" class="card place-content-center shadow-lg">
+		<div class="tabs tabs-lifted w-full">
+			<span
+				role="button"
+				tabindex="0"
+				class="tab-lg tab grow rounded-t-2xl"
+				class:tab-active={state === 'login'}
+				on:click={() => (state = 'login')}
+				on:keyup={() => (state = 'login')}
+			>
+				Connexion
+			</span>
+			<span
+				role="button"
+				tabindex="0"
+				class="tab-lg tab-lifted tab grow rounded-t-2xl"
+				class:tab-active={state === 'register'}
+				on:click={() => (state = 'register')}
+				on:keyup={() => (state = 'register')}
+			>
+				Nouveau compte
+			</span>
+		</div>
+
+		<form class="card-body border border-t-0 border-base-300 bg-base-100" method="post" use:enhance>
+			<InputText key="username" label="Nom d'utilisateur" input={{ autocomplete: 'username' }} />
+
+			{#if state === 'register'}
+				<div transition:slide|local>
+					<InputText
+						key="email"
+						label="Email"
+						input={{ autocomplete: 'email', inputmode: 'email' }}
+					/>
+				</div>
+			{/if}
+
+			<InputPassword key="password" label="Mot de passe" />
+
+			{#if redirectTo}
+				<input type="hidden" name="redirectTo" value={redirectTo} />
+			{/if}
+
+			<div class="card-actions flex-row-reverse items-center pt-4">
+				<button class="btn" formaction="/auth?/{state}">
+					{state === 'login' ? 'Connexion' : 'Valider'}
+				</button>
+				<div class="grow" />
+
+				<button class="link-hover link" formaction="/auth?/reset_password">
+					Mot de passe oublié
+				</button>
+			</div>
+		</form>
+	</div>
+</div>

package/dist/ui/Login.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        onSuccess?: ((action: URL, data?: Record<string, unknown> | undefined) => any) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LoginProps = typeof __propDef.props;
+export type LoginEvents = typeof __propDef.events;
+export type LoginSlots = typeof __propDef.slots;
+export default class Login extends SvelteComponent<LoginProps, LoginEvents, LoginSlots> {
+}
+export {};

package/dist/ui/index.d.ts

@@ -12,3 +12,4 @@ export { default as Icon } from './Icon.svelte';
 export { default as Pagination } from './Pagination.svelte';
 export { default as Placeholder } from './Placeholder.svelte';
 export { default as PlaceholderImage } from './PlaceholderImage.svelte';
+export { default as Login } from './Login.svelte';

package/dist/ui/index.js

@@ -12,3 +12,4 @@ export { default as Icon } from './Icon.svelte';
 export { default as Pagination } from './Pagination.svelte';
 export { default as Placeholder } from './Placeholder.svelte';
 export { default as PlaceholderImage } from './PlaceholderImage.svelte';
+export { default as Login } from './Login.svelte';

package/dist/ui/input/textRich/suggestion.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="svelte" />
 import type { SuggestionOptions } from '@tiptap/suggestion';
-import '$lib/ui/menu/dropdown.css';
 export type SuggestionItem = {
     id: string;
     label: string;

package/dist/ui/input/textRich/suggestion.js

@@ -1,7 +1,6 @@
 import { writable, get } from 'svelte/store';
 import { tippy } from '../../../utils/tippy.js';
 import SuggesionList from './SuggesionList.svelte';
-import '$lib/ui/menu/dropdown.css';
 export let suggestionItems = writable([]);
 export const suggestion = {
     items: ({ query }) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fuma",
-  "version": "0.0.3",
-  "description": "My fullstake material build with sveltekit, daisyui, zod and more",
+  "version": "0.1.0",
+  "description": "My fullstack material build with sveltekit, daisyui, zod and more",
   "author": {
     "name": "Jonas Voisard",
     "email": "jonas.voisard@gmail.com"
@@ -53,7 +53,9 @@
     "vitest": "^1.2.0"
   },
   "dependencies": {
+    "@lucia-auth/adapter-prisma": "^4.0.1",
     "@mdi/js": "^7.4.47",
+    "@prisma/client": "5.12.1",
     "@tiptap/core": "^2.3.0",
     "@tiptap/extension-color": "^2.3.0",
     "@tiptap/extension-highlight": "^2.3.0",
@@ -71,7 +73,10 @@
     "debounce": "^2.0.0",
     "devalue": "^4.3.2",
     "litepicker": "^2.0.12",
+    "lucia": "^3.1.1",
     "mode-watcher": "^0.3.0",
+    "oslo": "^1.2.0",
+    "prisma": "^5.12.1",
     "svelte-easy-crop": "^2.0.3",
     "svelte-sonner": "^0.3.22",
     "tippy.js": "^6.3.7",
@@ -86,6 +91,10 @@
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test": "vitest",
     "lint": "prettier --check . && eslint .",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "migrate": "prisma migrate dev",
+    "generate": "prisma generate",
+    "studio": "prisma studio",
+    "postinstall": "prisma migrate deploy && prisma generate"
   }
 }