fuma 2.0.50 → 2.1.0

package/dist/ui/input/textRich/ToolMenuInsert.svelte

@@ -1,54 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import type { Editor } from '@tiptap/core'
-	import { mdiPlus, mdiMinus, mdiImageOutline, mdiYoutube, mdiAt } from '@mdi/js'
-
-	import { Icon } from '../../icon/index.js'
-	import ToolMenu from './ToolMenu.svelte'
-	import { suggestionItems } from './suggestion.js'
-
-	export let editor: Editor
-
-	const dispatch = createEventDispatcher<{ insertMedia: void }>()
-</script>
-
-<ToolMenu
-	{editor}
-	tools={[
-		{
-			label: 'Séparateur',
-			icon: mdiMinus,
-			action: () => editor.commands.setHorizontalRule()
-		},
-		{
-			label: 'Image',
-			icon: mdiImageOutline,
-			action: () => dispatch('insertMedia')
-		},
-		{
-			label: 'Vidéo',
-			icon: mdiYoutube,
-			action: () => {
-				const src = prompt('Lien youtube')
-				if (!src) return
-				editor.commands.setYoutubeVideo({ src })
-			}
-		},
-		{
-			label: 'Valeur dynamic',
-			icon: mdiAt,
-			disable: !$suggestionItems.length,
-			action: () => {
-				const { from } = editor.state.selection
-				const lastChar = editor.state.doc.textBetween(from - 1, from)
-				const charToAdd = lastChar === '' || lastChar === ' ' ? '@' : ' @'
-				editor.chain().insertContent(charToAdd).focus().run()
-			}
-		}
-	]}
-	hideLabel
->
-	<svelte:fragment slot="activator">
-		<Icon path={mdiPlus} size={20} class="opacity-70" />
-	</svelte:fragment>
-</ToolMenu>

package/dist/ui/input/textRich/ToolMenuInsert.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMenuInsert: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-}, {
-    insertMedia: CustomEvent<void>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolMenuInsert = InstanceType<typeof ToolMenuInsert>;
-export default ToolMenuInsert;

package/dist/ui/input/textRich/ToolMenuNode.svelte

@@ -1,60 +0,0 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import {
-		mdiText,
-		mdiFormatListBulleted,
-		mdiFormatListNumbered,
-		mdiFormatHeader1,
-		mdiFormatHeader3,
-		mdiFormatHeader2,
-	} from '@mdi/js'
-
-	import ToolMenu from './ToolMenu.svelte'
-
-	export let editor: Editor
-</script>
-
-<ToolMenu
-	{editor}
-	tools={[
-		{
-			key: 'paragraph',
-			label: 'Texte',
-			icon: mdiText,
-			action: () => editor.commands.setParagraph(),
-		},
-		{
-			key: 'heading',
-			attributes: { level: 1 },
-			label: 'Titre 1',
-			icon: mdiFormatHeader1,
-			action: () => editor.commands.setHeading({ level: 1 }),
-		},
-		{
-			key: 'heading',
-			attributes: { level: 2 },
-			label: 'Titre 2',
-			icon: mdiFormatHeader2,
-			action: () => editor.commands.setHeading({ level: 2 }),
-		},
-		{
-			key: 'heading',
-			attributes: { level: 3 },
-			label: 'Titre 3',
-			icon: mdiFormatHeader3,
-			action: () => editor.commands.setHeading({ level: 3 }),
-		},
-		{
-			key: 'orderedList',
-			label: 'Liste numéroter',
-			icon: mdiFormatListNumbered,
-			action: () => editor.commands.toggleOrderedList(),
-		},
-		{
-			key: 'bulletList',
-			label: 'Liste à puces',
-			icon: mdiFormatListBulleted,
-			action: () => editor.commands.toggleBulletList(),
-		},
-	]}
-/>

package/dist/ui/input/textRich/ToolMenuNode.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolMenuNode: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolMenuNode = InstanceType<typeof ToolMenuNode>;
-export default ToolMenuNode;

package/dist/ui/input/textRich/ToolsBar.svelte

@@ -1,61 +0,0 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { mdiFormatBold, mdiFormatColorFill, mdiFormatColorText, mdiFormatItalic } from '@mdi/js'
-	import { toast } from 'svelte-sonner'
-
-	import ToolMenuNode from './ToolMenuNode.svelte'
-	import ToolMark from './ToolMark.svelte'
-	import ToolMarkColor from './ToolMarkColor.svelte'
-	import ToolMarkLink from './ToolMarkLink.svelte'
-	import ToolMenuAlign from './ToolMenuAlign.svelte'
-	import ToolMenuInsert from './ToolMenuInsert.svelte'
-
-	export let editor: Editor
-	let klass = ''
-	export { klass as class }
-</script>
-
-<div
-	class="
-		 sticky top-0 z-10 overflow-y-visible rounded-t-xl border-b bg-base-100
-		{klass}
-	"
->
-	<div class="flex overflow-x-auto p-2">
-		<ToolMenuNode {editor} />
-		<ToolMenuAlign {editor} />
-		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0"></div>
-
-		<ToolMark
-			{editor}
-			key="bold"
-			label="Gras (Ctrl+B)"
-			icon={mdiFormatBold}
-			action={() => editor.chain().focus().toggleBold().run()}
-		/>
-		<ToolMark
-			{editor}
-			key="italic"
-			label="Italic (Ctrl+C)"
-			icon={mdiFormatItalic}
-			action={() => editor.chain().focus().toggleItalic().run()}
-		/>
-		<ToolMarkLink {editor} />
-		<ToolMarkColor
-			icon={mdiFormatColorText}
-			label="Couleur du text"
-			color={editor.getAttributes('textStyle').color || '#000000'}
-			setColor={editor.commands.setColor}
-		/>
-		<ToolMarkColor
-			icon={mdiFormatColorFill}
-			label="Couleur du fond"
-			color={editor.getAttributes('highlight').color || '#e51f68'}
-			setColor={(color) => editor.commands.setHighlight({ color })}
-		/>
-
-		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0"></div>
-
-		<ToolMenuInsert {editor} on:insertMedia />
-	</div>
-</div>

package/dist/ui/input/textRich/ToolsBar.svelte.d.ts

@@ -1,24 +0,0 @@
-import type { Editor } from '@tiptap/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ToolsBar: $$__sveltets_2_IsomorphicComponent<{
-    editor: Editor;
-    class?: string;
-}, {
-    insertMedia: CustomEvent<void>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ToolsBar = InstanceType<typeof ToolsBar>;
-export default ToolsBar;

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

@@ -1,2 +0,0 @@
-import type { Extensions } from '@tiptap/core';
-export declare const extensions: Extensions;

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

@@ -1,62 +0,0 @@
-import StarterKit from '@tiptap/starter-kit';
-import Link from '@tiptap/extension-link';
-import TextStyle from '@tiptap/extension-text-style';
-import Color from '@tiptap/extension-color';
-import Highlight from '@tiptap/extension-highlight';
-import TextAlign from '@tiptap/extension-text-align';
-import Placeholder from '@tiptap/extension-placeholder';
-import Image from '@tiptap/extension-image';
-import Youtube from '@tiptap/extension-youtube';
-import Mention from '@tiptap/extension-mention';
-import { Indent } from './indent.js';
-import { suggestion } from './suggestion.js';
-export const extensions = [
-    StarterKit.configure({
-        heading: { levels: [1, 2, 3] }
-    }),
-    Link.configure({
-        protocols: ['tel', 'mailto']
-    }),
-    TextStyle,
-    Color,
-    Highlight.configure({
-        multicolor: true
-    }),
-    TextAlign.configure({
-        types: ['heading', 'paragraph', 'image'],
-        alignments: ['left', 'center', 'right']
-    }),
-    Placeholder.configure({
-        placeholder: 'Write here ...'
-    }),
-    Indent,
-    Image.configure({
-        HTMLAttributes: {
-            class: 'mx-auto'
-        }
-    }),
-    Youtube.configure({
-        // @ts-ignore
-        width: '100%',
-        height: 360,
-        nocookie: true,
-        origin: 'benev.io',
-        modestBranding: true,
-        HTMLAttributes: {
-            class: 'mx-auto rounded'
-        }
-    }),
-    Mention.configure({
-        suggestion,
-        renderHTML({ node }) {
-            return [
-                'span',
-                {
-                    class: 'suggestion',
-                    'data-key': node.attrs.id
-                },
-                node.attrs.label ?? node.attrs.id
-            ];
-        }
-    })
-];

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

@@ -1,13 +0,0 @@
-import { Extension } from '@tiptap/core';
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            indent: () => ReturnType;
-            outdent: () => ReturnType;
-        };
-    }
-}
-export declare const Indent: Extension<{
-    types: string[];
-    defaultIndentLevel: number;
-}, any>;

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

@@ -1,112 +0,0 @@
-import { Extension } from '@tiptap/core';
-import { TextSelection, AllSelection, Transaction } from '@tiptap/pm/state';
-const clamp = (val, min, max) => {
-    if (val < min)
-        return min;
-    if (val > max)
-        return max;
-    return val;
-};
-const INDENT_OPTIONS = {
-    min: 0,
-    max: 150,
-    more: 10,
-    less: -10,
-};
-const nodeNameList = ['bullet_list', 'order_list', 'todo_list'];
-const nodeNameText = ['paragraph', 'heading'];
-function setNodeIndentMarkup(tr, pos, delta) {
-    if (!tr.doc)
-        return tr;
-    const node = tr.doc.nodeAt(pos);
-    if (!node)
-        return tr;
-    const minIndent = INDENT_OPTIONS.min;
-    const maxIndent = INDENT_OPTIONS.max;
-    const indent = clamp((node.attrs.indent || 0) + delta, minIndent, maxIndent);
-    if (indent === node.attrs.indent)
-        return tr;
-    const nodeAttrs = {
-        ...node.attrs,
-        indent,
-    };
-    return tr.setNodeMarkup(pos, node.type, nodeAttrs, node.marks);
-}
-const updateIndentLevel = (tr, delta) => {
-    const { doc, selection } = tr;
-    if (!doc || !selection)
-        return tr;
-    if (!(selection instanceof TextSelection || selection instanceof AllSelection)) {
-        return tr;
-    }
-    const { from, to } = selection;
-    doc.nodesBetween(from, to, (node, pos) => {
-        const nodeName = node.type.name;
-        if (nodeNameList.includes(nodeName))
-            return false;
-        if (nodeNameText.includes(nodeName)) {
-            tr = setNodeIndentMarkup(tr, pos, delta);
-            return false;
-        }
-        return true;
-    });
-    return tr;
-};
-export const Indent = Extension.create({
-    name: 'indent',
-    addOptions: () => ({
-        types: ['heading', 'paragraph'],
-        defaultIndentLevel: 0,
-    }),
-    addGlobalAttributes() {
-        return [
-            {
-                types: this.options.types,
-                attributes: {
-                    indent: {
-                        default: this.options.defaultIndentLevel,
-                        renderHTML: (attributes) => {
-                            if (attributes.indent === 0)
-                                return {};
-                            return {
-                                style: `margin-left: ${attributes.indent}mm;`,
-                            };
-                        },
-                        parseHTML: (element) => parseInt(element.style.marginLeft) || this.options.defaultIndentLevel,
-                    },
-                },
-            },
-        ];
-    },
-    addCommands() {
-        const createCommand = (transaction) => ({ tr, dispatch, editor, state, chain }) => {
-            tr = tr.setSelection(state.selection);
-            tr = transaction(tr);
-            if (tr.docChanged) {
-                if (dispatch)
-                    dispatch(tr);
-                return true;
-            }
-            editor.chain().focus().run();
-            return false;
-        };
-        return {
-            indent: () => createCommand((tr) => updateIndentLevel(tr, INDENT_OPTIONS.more)),
-            outdent: () => createCommand((tr) => updateIndentLevel(tr, INDENT_OPTIONS.less)),
-        };
-    },
-    addKeyboardShortcuts() {
-        const createShortcuts = (fn) => () => {
-            if (this.editor.isActive('bulletList'))
-                return false;
-            if (this.editor.isActive('orderedList'))
-                return false;
-            return fn();
-        };
-        return {
-            Tab: createShortcuts(() => this.editor.commands.indent()),
-            'Ctrl-q': createShortcuts(() => this.editor.commands.indent()),
-            'Shift-Tab': createShortcuts(() => this.editor.commands.outdent()),
-        };
-    },
-});

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

@@ -1,3 +0,0 @@
-export * from './tiptapParser.js';
-export * from './suggestion.js';
-export { default as InputTextRich } from './InputTextRich.svelte';

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

@@ -1,3 +0,0 @@
-export * from './tiptapParser.js';
-export * from './suggestion.js';
-export { default as InputTextRich } from './InputTextRich.svelte';

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

@@ -1,7 +0,0 @@
-import type { SuggestionOptions } from '@tiptap/suggestion';
-export type SuggestionItem = {
-    id: string;
-    label: string;
-};
-export declare let suggestionItems: import("svelte/store").Writable<SuggestionItem[]>;
-export declare const suggestion: Omit<SuggestionOptions<SuggestionItem>, 'editor'>;

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

@@ -1,55 +0,0 @@
-import { writable, get } from 'svelte/store';
-import { tippy } from '../../../utils/tippy.js';
-import SuggesionList from './SuggesionList.svelte';
-export let suggestionItems = writable([]);
-export const suggestion = {
-    items: ({ query }) => {
-        const items = get(suggestionItems);
-        return items.filter((item) => item.label.toLowerCase().includes(query.toLowerCase()));
-    },
-    render: () => {
-        let popup;
-        let target = document.createElement('div');
-        let component;
-        return {
-            onStart: (props) => {
-                component = new SuggesionList({ target, props: { props } });
-                if (!props.clientRect)
-                    return;
-                popup = tippy(document.body, {
-                    getReferenceClientRect: props.clientRect,
-                    appendTo: () => document.body,
-                    content: target,
-                    showOnCreate: true,
-                    interactive: true,
-                    trigger: 'manual',
-                    placement: 'bottom-start',
-                    theme: 'dropdown-border'
-                });
-            },
-            onUpdate(props) {
-                component.$set({ props });
-                if (!props.clientRect)
-                    return;
-                popup.setProps({
-                    getReferenceClientRect: props.clientRect
-                });
-            },
-            onKeyDown(props) {
-                if (props.event.key === 'Escape') {
-                    popup.hide();
-                    return true;
-                }
-                if (['Enter', 'ArrowUp', 'ArrowDown'].includes(props.event.key)) {
-                    component.$set({ keyDownEvent: props.event });
-                    return true;
-                }
-                return false;
-            },
-            onExit() {
-                popup?.destroy();
-                component?.$destroy();
-            }
-        };
-    }
-};

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

@@ -1,4 +0,0 @@
-export declare const tiptapParser: {
-    toHTML(jsonAsString: string): string;
-    toJSON(html: string): string;
-};

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

@@ -1,29 +0,0 @@
-import { generateHTML, generateJSON } from '@tiptap/html';
-import { extensions } from './extensions.js';
-import { jsonParse } from '../../../utils/jsonParse.js';
-export const tiptapParser = {
-    toHTML(jsonAsString) {
-        try {
-            if (!jsonAsString.startsWith('{'))
-                return jsonAsString;
-            const json = jsonParse(jsonAsString, []);
-            if (!json)
-                return '';
-            return generateHTML(json, extensions);
-        }
-        catch (err) {
-            console.error(err);
-            return '';
-        }
-    },
-    toJSON(html) {
-        try {
-            const json = generateJSON(html, extensions);
-            return JSON.stringify(json);
-        }
-        catch (err) {
-            console.error(err);
-            return '';
-        }
-    }
-};

package/dist/ui/input/types.d.ts

@@ -1,15 +0,0 @@
-import type { ComponentProps } from 'svelte';
-import type { HTMLInputAttributes, HTMLTextareaAttributes } from 'svelte/elements';
-import { default as FormControl } from './FormControl.svelte';
-export type InputProps<T = string> = ComponentProps<FormControl> & {
-    input?: HTMLInputAttributes;
-    inputElement?: HTMLInputElement;
-    classWrapper?: string;
-    value?: T | null;
-    bindWithParams?: boolean;
-};
-export type TextareaProps = ComponentProps<FormControl> & {
-    textarea?: HTMLTextareaAttributes;
-    value?: string | null;
-    bindWithParams?: boolean;
-};

package/dist/ui/input/types.js

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

package/dist/ui/login/Login.svelte

@@ -1,99 +0,0 @@
-<script lang="ts">
-	import { slide } from 'svelte/transition'
-	import { page } from '$app/stores'
-	import { InputText, InputPassword } from '../input/index.js'
-	import { useForm } from '../../validation/form.js'
-
-	export let onSuccess:
-		| ((action: URL, data?: Record<string, unknown> | undefined) => any)
-		| undefined = undefined
-
-	const { enhance } = useForm({
-		onSuccess,
-		successMessage(action) {
-			if (action.search === '?/reset_password') {
-				recorverDialog.close()
-				state = 'login'
-				return "Un lien de récupération t'a été envoyé 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' | 'register' = 'login'
-
-	$: redirectTo = $page.url.searchParams.get('redirectTo')
-
-	let recorverDialog: HTMLDialogElement
-</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 h-10 grow"
-				class:tab-active={state === 'login'}
-				on:click={() => (state = 'login')}
-				on:keyup={() => (state = 'login')}
-			>
-				Connexion
-			</span>
-			<span
-				role="button"
-				tabindex="0"
-				class="tab-lg tab h-10 grow"
-				class:tab-active={state === 'register'}
-				on:click={() => (state = 'register')}
-				on:keyup={() => (state = 'register')}
-			>
-				Nouveau compte
-			</span>
-		</div>
-
-		<form
-			class="card-body rounded-b-lg 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"></div>
-
-				<button class="link-hover link" formaction="/auth?/reset_password">
-					Mot de passe oublié
-				</button>
-			</div>
-		</form>
-	</div>
-</div>