fuma 2.0.31 → 2.0.33

package/README.md

@@ -1,56 +1,3 @@
 # fuma
 
 My fullstack material build with sveltekit, daisyui, zod and more ...
-
-## Fast setup
-
-```sh
-echo "Enter project's name : " && read project_name
-echo "Enter mysql username : " && read mysql_username
-
-pn create svelte@latest $project_name
-cd $project_name
-px svelte-add@latest tailwindcss --tailwindcss-daisyui --tailwindcss-typography
-pn install
-pn install fuma prisma lucia oslo @lucia-auth/adapter-prisma
-sed -i "s|\}'\],|\}', './node_modules/**/fuma/dist/**/*.svelte'\],|g" tailwind.config.cjs
-# TODO: tailwind.config {darkMode: 'class', }
-
-
-sed -i 's|"singleQuote": true,|"singleQuote": true,\n\t"semi": false,|g' .prettierrc
-
-# Prisma
-px prisma init --datasource-provider mysql
-
-mkdir -p ./src/lib/server
-source="https://raw.githubusercontent.com/peufo/fuma/main"
-curl "$source/prisma/schema.prisma" -o ./prisma/schema.prisma
-curl "$source/src/lib/private/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
-auth="src/routes/auth"
-mkdir -p "./$auth"
-curl "$source/src/app.d.ts" -o ./src/app.d.ts
-curl "$source/src/hooks.server.ts" -o ./src/hooks.server.ts
-curl "$source/src/lib/server/auth.ts" -o ./src/lib/server/auth.ts
-curl "$source/$auth/+page.svelte" -o "./$auth/+page.svelte"
-curl "$source/$auth/+page.server.ts" -o "./$auth/+page.server.ts"
-
-sed -i 's|import Login .*|import { Login } from "fuma"|g' "./$auth/+page.svelte"
-sed -i 's|$lib/validation/zod.js|fuma|g' "./$auth/+page.server.ts"
-sed -i 's|$lib/server/index.js|fuma/server|g' "./$auth/+page.server.ts"
-
-git init && git add -A && git commit -m "Initial commit"
-```

package/dist/action/maxHeightScreen.d.ts

@@ -0,0 +1,3 @@
+export declare function maxHeightScreen(node: HTMLElement, { padding }?: {
+    padding?: number;
+}): void;

package/dist/action/maxHeightScreen.js

@@ -0,0 +1,3 @@
+export function maxHeightScreen(node, { padding = 16 } = {}) {
+    node.style.maxHeight = `${window.innerHeight - node.offsetTop - padding}px`;
+}

package/dist/ui/mode/ToggleMode.svelte

@@ -1,28 +1,13 @@
 <script lang="ts">
-	import { browser } from '$app/environment'
 	import { ModeWatcher, toggleMode, mode } from 'mode-watcher'
 	import { mdiWeatherNight, mdiWhiteBalanceSunny } from '@mdi/js'
 
 	import { Icon } from '../icon/index.js'
-	import { onMount } from 'svelte'
 
 	let klass = ''
 	export { klass as class }
 	export let defaultMode: 'dark' | 'light' | 'system' | undefined = undefined
 
-	onMount(() => {
-		const [html] = document.getElementsByTagName('html')
-		if (!html || !$mode) return
-		html.setAttribute('data-theme', $mode)
-	})
-
-	mode.subscribe((_mode) => {
-		if (!browser) return
-		const [html] = document.getElementsByTagName('html')
-		if (!html || !_mode) return
-		html.setAttribute('data-theme', _mode)
-	})
-
 	$: path = $mode === 'light' ? mdiWhiteBalanceSunny : mdiWeatherNight
 </script>
 

package/dist/ui/table/Table.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" generics="Item extends ItemBase">
 	import { afterNavigate } from '$app/navigation'
+	import { maxHeightScreen } from '../../action/maxHeightScreen.js'
 	import { Placeholder } from '../placeholder/index.js'
 
 	import {
@@ -23,7 +24,8 @@
 		classRow,
 		hideBody = false,
 		onCreateField,
-		onclick
+		onclick,
+		screenPadding = 16
 	}: {
 		key?: string
 		fields: TableField<Item>[]
@@ -35,6 +37,7 @@
 		hideBody?: boolean
 		onCreateField?: () => void
 		onclick?: (item?: Item) => void
+		screenPadding?: number
 	} = $props()
 
 	const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = createKeys(key)
@@ -49,7 +52,11 @@
 	afterNavigate(initFields)
 </script>
 
-<div class="{klass} bg-base-100 overflow-x-auto rounded-lg border" class:min-h-[320px]={!hideBody}>
+<div
+	class="{klass} bg-base-100 overflow-x-auto rounded-lg border"
+	class:min-h-[320px]={!hideBody}
+	use:maxHeightScreen={{ padding: screenPadding }}
+>
 	<table class="relative table">
 		<TableHead {fields} {key} {onCreateField} />
 		{#if !hideBody && items.length}

package/dist/ui/table/Table.svelte.d.ts

@@ -12,6 +12,7 @@ declare function $$render<Item extends ItemBase>(): {
         hideBody?: boolean;
         onCreateField?: () => void;
         onclick?: (item?: Item) => void;
+        screenPadding?: number;
     };
     exports: {};
     bindings: "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "2.0.31",
+  "version": "2.0.33",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",