firstly 0.3.0 → 0.4.0

package/esm/feedback/ui/DialogIssue.svelte

@@ -1,149 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte'
-
-	import { repo } from 'remult'
-
-	import { page } from '$app/stores'
-
-	import { FeedbackController } from '..'
-	import {
-		Button,
-		cellBuildor,
-		Field,
-		FilterEntity,
-		Loading,
-		type ResolvedType,
-	} from '../../internals'
-	import Textarea from '../../ui/internals/Textarea.svelte'
-
-	export let dialogId: number
-	const rmvWarning = dialogId
-
-	export let milestoneId: string
-	export let issueNumber: number | null
-
-	let state: 'loading' | 'done' = 'loading'
-
-	let issue: ResolvedType<ReturnType<typeof FeedbackController.getIssue>> | undefined
-
-	const update = async () => {
-		state = 'loading'
-		if (issueNumber) {
-			issue = await FeedbackController.getIssue(issueNumber)
-		}
-		state = 'done'
-	}
-
-	onMount(async () => {
-		await update()
-	})
-
-	let title: ''
-	let content: ''
-	const send = async () => {
-		state = 'loading'
-
-		const p = $page.url.pathname + $page.url.search
-		if (!issue?.id) {
-			const result = await FeedbackController.createIssue(milestoneId, title, content, { page: p })
-			issueNumber = result.number
-		} else {
-			await FeedbackController.addCommentOnIssue(
-				issue.id,
-				issueNumber!,
-				issue.title,
-				content,
-				{ page: p },
-				issue.labels,
-			)
-		}
-
-		content = ''
-		await update()
-		state = 'done'
-	}
-
-	const close = async () => {
-		state = 'loading'
-		await FeedbackController.close(issue!.id, issue!.labels)
-		content = ''
-		await update()
-		state = 'done'
-	}
-
-	const reOpen = async () => {
-		state = 'loading'
-		await FeedbackController.reOpen(issue!.id)
-		content = ''
-		await update()
-		state = 'done'
-	}
-
-	const disableButton = (issueNumber: number | null, title: string, content: string) => {
-		if (issueNumber) {
-			if (content?.length > 2) {
-				return false
-			}
-		}
-		if (title?.length > 2 && content?.length > 2) {
-			return false
-		}
-		return true
-	}
-</script>
-
-<div class="mb-4 grid gap-4">
-	{#if state === 'loading'}
-		<Loading class="h-12"></Loading>
-		<Loading class="h-12"></Loading>
-		<Loading class="h-12"></Loading>
-	{:else}
-		{#each issue?.items ?? [] as item}
-			<div class="chat {item.who ? 'chat-start' : 'chat-end'}">
-				<div class="avatar chat-image">
-					<div class="w-10 rounded-full">
-						<div class="h-10 w-10 {item.who ? 'bg-primary' : 'bg-secondary'}"></div>
-					</div>
-				</div>
-				<div class="chat-header">
-					{item.who ?? 'Support'}
-					<time class="text-xs opacity-50"
-						>{new Date(item.createdAt).toLocaleDateString()} - {new Date(
-							item.createdAt,
-						).toLocaleTimeString()}</time
-					>
-				</div>
-				<div class="chat-bubble prose">{@html item.bodyHTML}</div>
-				<!-- <div class="chat-footer opacity-50">Delivered</div> -->
-			</div>
-		{/each}
-		{#if issue?.highlight && issue.state === 'OPEN'}
-			<span class="badge badge-warning">En attente de réponse de TA part 😉, oui 🫵!</span>
-		{/if}
-		{#if issueNumber}
-			<button on:click={update} aria-label="Actualiser" class="divider"></button>
-		{/if}
-
-		{#if issue?.state === 'CLOSED'}
-			<div class="flex justify-end">
-				<Button onclick={reOpen} class="btn-neutral">Re Ouvrir</Button>
-			</div>
-		{:else}
-			{#if issueNumber === null}
-				<Field cell={cellBuildor(repo(FilterEntity), 'title')} bind:value={title} />
-			{/if}
-			<Textarea
-				bind:value={content}
-				placeholder="Un peu de détail c'est pas mal... Fais toi Plaiz' (Tu as même le droit d'utiliser le format markdown!)"
-			></Textarea>
-			<div class="flex justify-between">
-				{#if issueNumber}
-					<Button onclick={close} tabindex={-1} class="btn-error">Clore le feedback</Button>
-				{:else}
-					<div></div>
-				{/if}
-				<Button onclick={send} disabled={disableButton(issueNumber, title, content)}>Envoyer</Button>
-			</div>
-		{/if}
-	{/if}
-</div>

package/esm/feedback/ui/DialogIssue.svelte.d.ts

@@ -1,22 +0,0 @@
-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 DialogIssue: $$__sveltets_2_IsomorphicComponent<{
-    dialogId: number;
-    milestoneId: string;
-    issueNumber: number | null;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DialogIssue = InstanceType<typeof DialogIssue>;
-export default DialogIssue;

package/esm/feedback/ui/DialogIssues.svelte

@@ -1,114 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte'
-
-	import { FeedbackController } from '..'
-	import {
-		Button,
-		dialog,
-		Icon,
-		LibIcon_Add,
-		LibIcon_Check,
-		LibIcon_Search,
-		Loading,
-		type ResolvedType,
-	} from '../../internals'
-	import DialogIssue from './DialogIssue.svelte'
-
-	export let dialogId: number
-	const rmvWarning = dialogId
-
-	export let milestoneNumber: number
-	export let milestoneId: string
-
-	let state: 'loading' | 'done' = 'loading'
-	let issueState: 'OPEN' | 'CLOSED' = 'OPEN'
-
-	let issues: ResolvedType<ReturnType<typeof FeedbackController.getIssues>> = []
-
-	const update = async (_issueState: 'OPEN' | 'CLOSED') => {
-		issueState = _issueState
-		state = 'loading'
-		issues = await FeedbackController.getIssues(milestoneNumber, issueState)
-		state = 'done'
-	}
-
-	onMount(async () => {
-		await update(issueState)
-	})
-</script>
-
-<div class="mb-4 grid gap-4">
-	<div class="flex justify-between">
-		<div>
-			<Button
-				class={issueState === 'OPEN' ? 'btn-primary' : 'btn-ghost'}
-				onclick={() => update('OPEN')}>En cours</Button
-			>
-			<Button
-				class={issueState === 'CLOSED' ? 'btn-primary' : 'btn-ghost'}
-				onclick={() => update('CLOSED')}>Clos</Button
-			>
-		</div>
-
-		<Button
-			onclick={async () => {
-				await dialog.show({
-					component: DialogIssue,
-					classes: { root: 'overflow-auto w-[80vh] h-[80vh]' },
-					props: { issueNumber: null, milestoneId },
-					detail: {
-						caption: 'Nouveau Feedback',
-						icon: { data: LibIcon_Search },
-					},
-				})
-				await update(issueState)
-			}}
-		>
-			<Icon data={LibIcon_Add}></Icon>
-		</Button>
-	</div>
-
-	{#each issues as issue}
-		<Button
-			onclick={async () => {
-				await dialog.show({
-					component: DialogIssue,
-					classes: { root: 'overflow-auto w-[80vh] h-[80vh]' },
-					props: { issueNumber: issue.number, milestoneId },
-					detail: {
-						caption: '#' + issue.number + ' - ' + issue.titleHTML,
-						icon: { data: issue.state === 'OPEN' ? LibIcon_Search : LibIcon_Check },
-					},
-				})
-				await update(issueState)
-			}}
-			class="btn-neutral"
-		>
-			<div class="flex w-full justify-center justify-items-center text-left">
-				<div class="flex-grow">
-					<span class="mr-2 inline-block w-8 text-right text-xs text-base-content/60 italic"
-						>#{issue.number}</span
-					>
-					{@html issue.titleHTML}
-				</div>
-				{#if issue.highlight}
-					<span class="badge badge-warning">En attente de réponse</span>
-				{/if}
-			</div>
-		</Button>
-	{:else}
-		{#if state === 'loading'}
-			<Loading class="h-12"></Loading>
-			<Loading class="h-12"></Loading>
-			<Loading class="h-12"></Loading>
-		{:else}
-			<div class="flex flex-col items-center justify-center p-8 text-center text-gray-500">
-				<div class="mb-4">
-					<Icon data={LibIcon_Search} size="4rem"></Icon>
-				</div>
-				<p class="text-lg font-medium">Aucun feedback <b>{issueState}</b> pour le moment</p>
-				<p class="mt-2 text-sm">Soyez le premier à donner votre avis sur cette version !</p>
-			</div>
-		{/if}
-	{/each}
-</div>

package/esm/feedback/ui/DialogIssues.svelte.d.ts

@@ -1,22 +0,0 @@
-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 DialogIssues: $$__sveltets_2_IsomorphicComponent<{
-    dialogId: number;
-    milestoneNumber: number;
-    milestoneId: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DialogIssues = InstanceType<typeof DialogIssues>;
-export default DialogIssues;

package/esm/feedback/ui/DialogMilestones.svelte

@@ -1,43 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte'
-
-	import { FeedbackController } from '../../feedback/FeedbackController'
-	import { Button, dialog, Loading, type ResolvedType } from '../../internals'
-	import DialogIssues from './DialogIssues.svelte'
-
-	export let dialogId: number
-	const rmvWarning = dialogId
-
-	let state: 'loading' | 'done' = 'loading'
-
-	let milestones: ResolvedType<ReturnType<typeof FeedbackController.getMilestones>> = []
-	onMount(async () => {
-		milestones = await FeedbackController.getMilestones()
-		state = 'done'
-	})
-</script>
-
-<div class="mb-4 grid gap-4">
-	{#each milestones as milestone}
-		<Button
-			onclick={() =>
-				dialog.show({
-					component: DialogIssues,
-					classes: { root: 'overflow-auto w-[85vh] h-[85vh]' },
-					props: { milestoneNumber: milestone.number, milestoneId: milestone.id },
-					detail: { caption: milestone.title },
-				})}
-			class="btn-neutral"
-		>
-			{milestone.title}
-		</Button>
-	{:else}
-		{#if state === 'loading'}
-			<Loading class="h-12"></Loading>
-			<Loading class="h-12"></Loading>
-			<Loading class="h-12"></Loading>
-		{:else}
-			<p>No milestones found / Filter too strict!</p>
-		{/if}
-	{/each}
-</div>

package/esm/feedback/ui/DialogMilestones.svelte.d.ts

@@ -1,20 +0,0 @@
-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 DialogMilestones: $$__sveltets_2_IsomorphicComponent<{
-    dialogId: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DialogMilestones = InstanceType<typeof DialogMilestones>;
-export default DialogMilestones;

package/esm/feedback/ui/Feedback.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { dialog } from '../../internals'
-	import DialogMilestones from './DialogMilestones.svelte'
-
-	const list = async () => {
-		await dialog.show({
-			component: DialogMilestones,
-			classes: { root: 'overflow-auto w-[90vh] h-[90vh]' },
-			detail: { caption: 'Feedback' },
-		})
-	}
-</script>
-
-<button class="text-secondary" on:click={list}>Feedback</button>
-
-<!-- <span class="h-9/12 hidden w-9/12"></span> -->

package/esm/feedback/ui/Feedback.svelte.d.ts

@@ -1,18 +0,0 @@
-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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Feedback: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Feedback = InstanceType<typeof Feedback>;
-export default Feedback;

package/esm/internals/FF_Entity.d.ts

@@ -1,2 +0,0 @@
-import { type EntityOptions } from 'remult';
-export declare function FF_Entity<entityType>(key: string, options?: EntityOptions<entityType extends new (...args: any) => any ? InstanceType<entityType> : entityType>): (target: any, info?: import("remult/src/remult3/remult3").ClassDecoratorContextStub<entityType extends infer T ? T extends entityType ? T extends new (...args: any) => any ? entityType : never : never : never> | undefined) => any;

package/esm/internals/FF_Fields.d.ts

@@ -1,11 +0,0 @@
-import { type ClassType, type FieldOptions } from 'remult';
-import type { BaseEnum } from './BaseEnum';
-export declare class FF_Fields {
-    static currency<entityType = unknown>(o?: FieldOptions<entityType, number>): import("remult").ClassFieldDecorator<entityType, number | undefined>;
-    static arrayEnum<enumType = any, entityType = any>(enumClass: enumType, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
-    static arrayEnumToGql<enumType = any, entityType = any>(enumClass: enumType, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
-    static arrayValueList<enumType = any, entityType = any>(enumClass: ClassType<BaseEnum<any>>, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
-    static vector32<entityType = unknown>(...options: (FieldOptions<entityType, number[]> & {
-        dimensions?: number;
-    })[]): import("remult").ClassFieldDecorator<entityType, number[] | undefined>;
-}

package/esm/internals/FF_Fields.js

@@ -1,144 +0,0 @@
-import { Fields, Validators } from 'remult';
-import { displayCurrency } from '../formats';
-import { getEnums } from './helper';
-// Translate default messages
-// REMULT P3 JYC: I need to set this here the one of my app are not overwriting these...
-// It look like I have 2 remult loaded... But even trying to remove one, I still have the issue
-Validators.unique.defaultMessage = 'Existe déjà!';
-Validators.required.defaultMessage = 'Obligatoire!';
-export class FF_Fields {
-    static currency(o) {
-        // let's return the field
-        return Fields.number({
-            ...o,
-            step: '0.01',
-            suffix: undefined,
-            suffixEdit: '€',
-            inputType: 'number',
-            displayValue: displayCurrency,
-            valueConverter: {
-                toInput(val, inputType) {
-                    const valStr = String(val);
-                    if (valStr.includes('.')) {
-                        const [left, right] = valStr.split('.');
-                        // Take only the 2 first digits after the dot
-                        return `${left}.${right.slice(0, 2)}`;
-                    }
-                    return valStr;
-                },
-                fromDb(val) {
-                    if (val) {
-                        return parseFloat(val.toString());
-                    }
-                    return val;
-                },
-            },
-        });
-    }
-    static arrayEnum(enumClass, o) {
-        return Fields.json(() => Array, {
-            ...o,
-            inputType: 'selectArrayEnum',
-            allowNull: false,
-            valueConverter: {
-                fromDb: (v) => {
-                    if (!v)
-                        return [];
-                    const keys = v
-                        .slice(1, -1)
-                        .split(',')
-                        .map((s) => {
-                        // @ts-ignore
-                        return enumClass[s];
-                    })
-                        .filter((p) => p !== undefined);
-                    return keys;
-                },
-                toDb: (v) => {
-                    const arr = Array.isArray(v) ? v : [v];
-                    return `{${[...new Set((arr ?? []).map((c) => c.id))].join(',')}}`;
-                },
-                displayValue: (v) => {
-                    return v.map((c) => c.caption).join(', ');
-                },
-                // REMULT P2 Noam: how to do this in an official way?
-                // @ts-ignore
-                values: getEnums(enumClass),
-            },
-        });
-    }
-    static arrayEnumToGql(enumClass, o) {
-        return Fields.json(() => Array, {
-            ...o,
-            inputType: 'selectArrayEnum',
-            allowNull: false,
-            valueConverter: {
-                fromDb: (v) => {
-                    if (!v)
-                        return [];
-                    const keys = v.slice(1, -1).split(',');
-                    return keys;
-                },
-                toDb: (v) => {
-                    const arr = Array.isArray(v) ? v : [v];
-                    return `{${[...new Set((arr ?? []).map((c) => c.id))].join(',')}}`;
-                },
-                displayValue: (v) => {
-                    return v.map((c) => c.caption).join(', ');
-                },
-                // REMULT P2 Noam: how to do this in an official way?
-                // @ts-ignore
-                values: getEnums(enumClass),
-            },
-        });
-    }
-    static arrayValueList(enumClass, o) {
-        return Fields.json(() => Array, {
-            ...o,
-            inputType: 'selectArrayEnum',
-            allowNull: false,
-            valueConverter: {
-                fromDb: (v) => {
-                    if (!v)
-                        return [];
-                    const arr = Array.isArray(v)
-                        ? v
-                        : v?.split(',').flatMap((c) => c.replaceAll('{', '').replaceAll('}', ''));
-                    const list = getEnums(enumClass);
-                    const toRet = [];
-                    for (const s of arr) {
-                        const found = list.find((c) => c.id === s);
-                        if (found) {
-                            toRet.push(found);
-                        }
-                    }
-                    return toRet;
-                },
-                toDb: (v) => {
-                    const arr = Array.isArray(v) ? v : [v];
-                    return `{${[...new Set((arr.filter((c) => c !== undefined) ?? []).map((c) => c.id))].join(',')}}`;
-                },
-                displayValue: (v) => {
-                    // Nice to have a oneLiner, but if you want custom style, just take the array and do what you want
-                    return v.map((c) => c.caption).join(', ');
-                },
-                // REMULT P2 Noam: how to do this in an official way?
-                // @ts-ignore
-                values: getEnums(enumClass),
-            },
-        });
-    }
-    static vector32(...options) {
-        const dimensions = options[0].dimensions ?? 1024;
-        return Fields.object({
-            valueConverter: {
-                fieldTypeInDb: `F32_BLOB(${dimensions})`,
-                toDb: (val) => JSON.stringify(val),
-                // TODO: remove ts-ignore when remult@3.3.0-next.1 is released (that has toDbSql)
-                // @ts-ignore
-                toDbSql: (val) => `vector32(${val})`,
-                fromDb: (val) => Array.from(new Float32Array(val)),
-            },
-        }, ...options);
-    }
-}

package/esm/internals/cellsBuildor.d.ts

@@ -1,47 +0,0 @@
-import type { Component, SvelteComponent } from 'svelte';
-import { type ClassType, type EntityFilter, type FieldMetadata, type Repository } from 'remult';
-import type { UnArray } from '../utils/types.js';
-export type VisibilityMode = 'view' | 'edit' | 'hide';
-type CellInternal<Entity> = {
-    col?: keyof Entity;
-    kind?: 'field' | 'field_link' | 'entity_link' | 'slot' | 'header' | 'component' | 'baseItem';
-    class?: string;
-    header?: string;
-    headerSlot?: boolean;
-    modeEdit?: VisibilityMode;
-    modeView?: VisibilityMode;
-    clipboardable?: boolean;
-    clearable?: boolean;
-    component?: new (...args: any[]) => SvelteComponent;
-    componentS5?: Component;
-    props?: any;
-    rowToProps?: (row: any) => any;
-};
-export type Cell<Entity> = CellInternal<Entity> & {
-    field?: FieldMetadata<any, Entity>;
-};
-export type CellsInput<Entity> = (keyof Entity | CellInternal<Entity>)[];
-/**
- * cellsBuildor is a function to build cells for a <Grid /> or <FieldGroup /> component.
- *
- * ```html
- * <script lang="ts">
- *   import { repo } from 'remult'
- *
- *   const cells = cellsBuildor(repo(Site), ['name', 'description'])
- *   const store = storeList( repo(Site) )
- *   $: store.fetch()
- * </script>
- *
- * <Grid {cells} {store} />
- * ```
- *
- */
-export declare function cellsBuildor<Entity>(repo: Repository<Entity>, inputBuildor: CellsInput<Entity>): Cell<Entity>[];
-export declare function cellBuildor<Entity>(repo: Repository<Entity>, inputBuildor: UnArray<CellsInput<Entity>>): Cell<Entity>;
-export declare const fieldsOf: <Entity>(b: Cell<Entity>[]) => FieldMetadata<any, Entity>[];
-export declare const getPlaceholder: <Entity>(fields: FieldMetadata<any, Entity>[]) => string;
-export declare const buildSearchWhere: <Entity>(entity: ClassType<Entity> | undefined, fields: FieldMetadata<any, Entity>[], search?: string | null) => EntityFilter<Entity>[];
-export declare const containsWords: <Entity>(fields: FieldMetadata<any, Entity>[], search: string) => EntityFilter<Entity>;
-export declare const buildWhere: <Entity>(entity: ClassType<Entity> | undefined, defaultWhere: EntityFilter<Entity> | undefined, fields_filter: FieldMetadata<any, Entity>[], fields_search: FieldMetadata<any, Entity>[], obj: Record<string, string>) => EntityFilter<Entity>;
-export {};