fuma 0.5.1 → 1.0.1

package/dist/ui/table/head/TableHeadSelect.svelte

@@ -1,44 +1,50 @@
-<script>import { derived } from "svelte/store";
-import { page } from "$app/stores";
-import { jsonParse } from "../../../utils/jsonParse.js";
-import { DropDown } from "../../menu/index.js";
-import { Icon } from "../../icon/index.js";
-import { parseOptions } from "../../../utils/options.js";
-import { urlParam } from "../../../store/param.js";
-import { mdiOrderBoolAscendingVariant } from "@mdi/js";
-export let field;
-export let options;
-export let multiSelect = false;
-export let placeholder = "No option";
-let _options = initOptions($page.url);
-page.subscribe(({ url }) => _options = initOptions(url));
-$:
-  optionsActive = _options.filter((option) => option.isActive);
-function initOptions({ searchParams }) {
-  const selection = searchParams.get(field.key);
-  const selections = jsonParse(searchParams.get(field.key), []);
-  function getActive(value) {
-    if (!multiSelect)
-      return selection === value;
-    return selections.includes(value);
-  }
-  return parseOptions(options).map((option) => ({
-    ...option,
-    isActive: getActive(option.value)
-  }));
-}
-const getHref = derived(urlParam, (params) => (value) => {
-  const selections = jsonParse(params.get(field.key), []);
-  if (!multiSelect)
-    return params.toggle({ [field.key]: value }, "skip", "take");
-  if (selections.includes(value)) {
-    const newSelections = selections.filter((v) => v !== value);
-    if (!newSelections.length)
-      return params.without(field.key);
-    return params.with({ [field.key]: JSON.stringify(newSelections) }, "skip", "take");
-  }
-  return params.with({ [field.key]: JSON.stringify([...selections, value]) }, "skip", "take");
-});
+<script lang="ts">
+	import { derived } from 'svelte/store'
+	import { page } from '$app/stores'
+
+	import { jsonParse } from '../../../utils/jsonParse.js'
+	import type { TableField } from '../index.js'
+	import { DropDown } from '../../menu/index.js'
+	import { Icon } from '../../icon/index.js'
+	import { type Options, parseOptions } from '../../../utils/options.js'
+	import { urlParam } from '../../../store/param.js'
+	import { mdiOrderBoolAscendingVariant } from '@mdi/js'
+
+	export let field: TableField
+	export let options: Options
+	export let multiSelect = false
+	export let placeholder = 'No option'
+
+	let _options = initOptions($page.url)
+	page.subscribe(({ url }) => (_options = initOptions(url)))
+
+	$: optionsActive = _options.filter((option) => option.isActive)
+
+	function initOptions({ searchParams }: URL) {
+		const selection = searchParams.get(field.key)
+		const selections = jsonParse<string[]>(searchParams.get(field.key), [])
+
+		function getActive(value: string) {
+			if (!multiSelect) return selection === value
+			return selections.includes(value)
+		}
+
+		return parseOptions(options).map((option) => ({
+			...option,
+			isActive: getActive(option.value)
+		}))
+	}
+
+	const getHref = derived(urlParam, (params) => (value: string) => {
+		const selections = jsonParse<string[]>(params.get(field.key), [])
+		if (!multiSelect) return params.toggle({ [field.key]: value }, 'skip', 'take')
+		if (selections.includes(value)) {
+			const newSelections = selections.filter((v) => v !== value)
+			if (!newSelections.length) return params.without(field.key)
+			return params.with({ [field.key]: JSON.stringify(newSelections) }, 'skip', 'take')
+		}
+		return params.with({ [field.key]: JSON.stringify([...selections, value]) }, 'skip', 'take')
+	})
 </script>
 
 <th class="p-1">

package/dist/ui/table/head/TableHeadString.svelte

@@ -1,11 +1,17 @@
-<script>import { mdiMagnify } from "@mdi/js";
-import { page } from "$app/stores";
-import { DropDown } from "../../menu/index.js";
-import { Icon } from "../../icon/index.js";
-import { InputSearch } from "../../input/index.js";
-export let field;
-let tip;
-let searchValue = $page.url.searchParams.get(field.key) || "";
+<script lang="ts">
+	import type { TippyInstance } from '../../../utils/tippy.js'
+	import { mdiMagnify } from '@mdi/js'
+	import { page } from '$app/stores'
+
+	import { DropDown } from '../../menu/index.js'
+	import { Icon } from '../../icon/index.js'
+	import { InputSearch } from '../../input/index.js'
+	import type { TableField } from '../index.js'
+
+	export let field: TableField
+
+	let tip: TippyInstance
+	let searchValue = $page.url.searchParams.get(field.key) || ''
 </script>
 
 <th class="p-1">

package/dist/ui/tabs/Tabs.svelte

@@ -1,8 +1,11 @@
-<script>import { page } from "$app/stores";
-import { Icon } from "../icon/index.js";
-export let tabs;
-let klass = "";
-export { klass as class };
+<script lang="ts">
+	import { page } from '$app/stores'
+	import type { Tab } from './index.js'
+	import { Icon } from '../icon/index.js'
+
+	export let tabs: Tab[]
+	let klass = ''
+	export { klass as class }
 </script>
 
 <div

package/dist/ui/tabs/TabsIcon.svelte

@@ -1,31 +1,34 @@
-<script>import { page } from "$app/stores";
-import { onMount } from "svelte";
-import { urlParam } from "../../store/index.js";
-import { Icon } from "../icon/index.js";
-import { parseOptions } from "../../utils/options.js";
-export let options;
-export let showLabel = false;
-export let key;
-export let defaultValue = void 0;
-let _options = getOptions($page.url);
-onMount(
-  () => page.subscribe(({ url }) => {
-    _options = getOptions(url);
-  })
-);
-function getOptions(url) {
-  return parseOptions(options).map((option) => ({
-    ...option,
-    isActive: getIsActive(option, url)
-  }));
-}
-function getIsActive(option, { searchParams }) {
-  if (searchParams.get(key) === option.value)
-    return true;
-  if (!searchParams.has(key))
-    return option.value === defaultValue;
-  return false;
-}
+<script lang="ts">
+	import { page } from '$app/stores'
+	import { onMount } from 'svelte'
+
+	import { urlParam } from '../../store/index.js'
+	import { Icon } from '../icon/index.js'
+	import { parseOptions, type Options, type Option } from '../../utils/options.js'
+
+	export let options: Options
+	export let showLabel = false
+	export let key: string
+	export let defaultValue: string | undefined = undefined
+
+	let _options = getOptions($page.url)
+	onMount(() =>
+		page.subscribe(({ url }) => {
+			_options = getOptions(url)
+		})
+	)
+
+	function getOptions(url: URL) {
+		return parseOptions(options).map((option) => ({
+			...option,
+			isActive: getIsActive(option, url)
+		}))
+	}
+	function getIsActive(option: Option, { searchParams }: URL) {
+		if (searchParams.get(key) === option.value) return true
+		if (!searchParams.has(key)) return option.value === defaultValue
+		return false
+	}
 </script>
 
 <div class="flex items-center gap-[3px] rounded-lg bg-base-200 p-1">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.5.1",
+  "version": "1.0.1",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",
@@ -54,44 +54,42 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "@sveltejs/kit": "^2.5.6",
-    "svelte": "^4.0.0"
+    "@sveltejs/kit": "^2.5.6"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^3.0.0",
-    "@sveltejs/kit": "^2.5.7",
+    "@sveltejs/adapter-auto": "^3.2.0",
+    "@sveltejs/kit": "^2.9.0",
     "@sveltejs/package": "^2.3.1",
-    "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "@tailwindcss/typography": "^0.5.13",
     "@types/debounce": "^1.2.4",
-    "@types/eslint": "^8.56.0",
+    "@types/eslint": "^8.56.10",
     "@types/node": "^20.12.7",
-    "@typescript-eslint/eslint-plugin": "^7.0.0",
-    "@typescript-eslint/parser": "^7.0.0",
-    "autoprefixer": "^10.4.16",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "autoprefixer": "^10.4.19",
     "daisyui": "^4.10.2",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.35.1",
-    "postcss": "^8.4.32",
-    "postcss-load-config": "^5.0.2",
-    "prettier": "^3.1.1",
-    "prettier-plugin-svelte": "^3.1.2",
-    "prettier-plugin-tailwindcss": "^0.5.9",
-    "prisma": "^5.13.0",
-    "publint": "^0.1.9",
-    "svelte": "^4.2.15",
-    "svelte-check": "^3.6.0",
-    "tailwindcss": "^3.3.6",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^5.2.11",
-    "vitest": "^1.2.0"
+    "eslint-plugin-svelte": "^2.37.0",
+    "postcss": "^8.4.38",
+    "postcss-load-config": "^5.0.3",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.3",
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "prisma": "^5.22.0",
+    "publint": "^0.1.16",
+    "svelte-check": "^3.6.9",
+    "tailwindcss": "^3.4.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5",
+    "vite": "^6.0.2",
+    "vitest": "^1.5.0"
   },
   "dependencies": {
     "@lucia-auth/adapter-prisma": "^4.0.1",
     "@mdi/js": "^7.4.47",
-    "@prisma/client": "5.13.0",
+    "@prisma/client": "5.22.0",
+    "@sveltejs/vite-plugin-svelte": "5.0.1",
     "@tiptap/core": "^2.3.0",
     "@tiptap/extension-color": "^2.3.0",
     "@tiptap/extension-highlight": "^2.3.0",
@@ -109,16 +107,17 @@
     "axios": "^1.6.8",
     "dayjs": "^1.11.10",
     "debounce": "^2.0.0",
-    "devalue": "^4.3.2",
+    "devalue": "^4.3.3",
     "litepicker": "^2.0.12",
-    "lucia": "^3.1.1",
-    "mode-watcher": "^0.3.0",
+    "lucia": "^3.2.2",
+    "mode-watcher": "^0.5.0",
     "oslo": "^1.2.0",
-    "svelte-easy-crop": "^2.0.3",
-    "svelte-sonner": "^0.3.22",
+    "svelte": "^5.4.0",
+    "svelte-easy-crop": "^3.0.1",
+    "svelte-sonner": "^0.3.28",
     "tippy.js": "^6.3.7",
     "ts-node": "^10.9.2",
-    "zod": "^3.22.4"
+    "zod": "^3.22.5"
   },
   "scripts": {
     "dev": "vite dev --host",

package/dist/ui/slot/Slot.svelte

@@ -1,35 +0,0 @@
-<script context="module"></script>
-
-<script generics="Slot extends _Slot">import {} from "svelte";
-import { component } from "../../utils/component.js";
-import Span from "./Span.svelte";
-export let slot = void 0;
-export let args = void 0;
-function getComponentAndProps(_slot) {
-  if (typeof _slot === "function") {
-    if (isComponentType(_slot))
-      return { component: _slot, props: {} };
-    if (!args) {
-      console.error("args prop is required with slot as function");
-      return null;
-    }
-    const result = _slot(args);
-    return getComponentAndProps(result);
-  }
-  if (typeof _slot === "object")
-    return _slot;
-  return component(Span, { content: _slot });
-}
-function isComponentType(fun) {
-  return !!fun.prototype?.constructor?.name;
-}
-</script>
-
-{#if slot}
-	{@const s = getComponentAndProps(slot)}
-	{#if s !== null}
-		<svelte:component this={s.component} {...s.props} />
-	{/if}
-{:else}
-	<slot />
-{/if}

package/dist/ui/slot/Slot.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponent } from "svelte";
-type _Slot = ((...args: any) => ComponentAndProps | ComponentType | string) | ComponentAndProps | ComponentType | string;
-import { type ComponentType } from 'svelte';
-import { type ComponentAndProps } from '../../utils/component.js';
-declare class __sveltets_Render<Slot extends _Slot> {
-    props(): {
-        slot?: Slot | null | undefined;
-        args?: (Slot extends (...args: any) => any ? Parameters<Slot>[0] : undefined) | null | undefined;
-    };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {};
-    };
-}
-export type SlotProps<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['props']>;
-export type SlotEvents<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['events']>;
-export type SlotSlots<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['slots']>;
-export default class Slot<Slot extends _Slot> extends SvelteComponent<SlotProps<Slot>, SlotEvents<Slot>, SlotSlots<Slot>> {
-}
-export {};

package/dist/ui/slot/Span.svelte

@@ -1,4 +0,0 @@
-<script>export let content;
-</script>
-
-<span>{content}</span>

package/dist/ui/slot/Span.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        content: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SpanProps = typeof __propDef.props;
-export type SpanEvents = typeof __propDef.events;
-export type SpanSlots = typeof __propDef.slots;
-export default class Span extends SvelteComponent<SpanProps, SpanEvents, SpanSlots> {
-}
-export {};

package/dist/ui/slot/index.d.ts

@@ -1 +0,0 @@
-export { default as Slot } from './Slot.svelte';

package/dist/ui/slot/index.js

@@ -1 +0,0 @@
-export { default as Slot } from './Slot.svelte';