firstly 0.0.13 → 0.0.14

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

@@ -1,16 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type FeedbackProps = typeof __propDef.props;
-export type FeedbackEvents = typeof __propDef.events;
-export type FeedbackSlots = typeof __propDef.slots;
-export default class Feedback extends SvelteComponent<FeedbackProps, FeedbackEvents, FeedbackSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Feedback: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Feedback = InstanceType<typeof Feedback>;
+export default Feedback;

package/esm/mail/server/index.d.ts

@@ -9,7 +9,7 @@ import type StreamTransport from 'nodemailer/lib/stream-transport';
 import type { ComponentProps, ComponentType, SvelteComponent } from 'svelte';
 import { Module } from '../../api';
 import { default as DefaultMail } from '../templates/DefaultMail.svelte';
-export type TransportTypes = SMTPTransport | SMTPTransport.Options | string | SMTPPool | SMTPPool.Options | SendmailTransport | SendmailTransport.Options | StreamTransport | StreamTransport.Options | JSONTransport | JSONTransport.Options | SESTransport | SESTransport.Options | typeNodemailer.Transport<any> | typeNodemailer.TransportOptions;
+export type TransportTypes = SMTPTransport | SMTPPool | SendmailTransport | StreamTransport | JSONTransport | SESTransport | typeNodemailer.Transport<any> | DefaultOptions;
 export type DefaultOptions = SMTPTransport.Options | SMTPPool.Options | SendmailTransport.Options | StreamTransport.Options | JSONTransport.Options | SESTransport.Options | typeNodemailer.TransportOptions;
 export type MailOptions<ComponentTemplateDefault extends SvelteComponent> = {
     from?: Mail.Options['from'];
@@ -22,7 +22,14 @@ export type MailOptions<ComponentTemplateDefault extends SvelteComponent> = {
     apiUrl?: Parameters<typeof typeNodemailer.createTestAccount>[0];
 };
 declare let transporter: ReturnType<typeof typeNodemailer.createTransport>;
-export declare const sendMail: <ComponentTemplateDefault extends SvelteComponent = DefaultMail>(
+declare module 'remult' {
+    interface RemultContext {
+        /** Better checking is it's present or not, that's why it's "?" */
+        sendMail?: SendMail;
+    }
+}
+export type SendMail = typeof sendMail;
+declare const sendMail: <ComponentTemplateDefault extends SvelteComponent = DefaultMail>(
 /** usefull for logs, it has NO impact on the mail itself */
 topic: string, mailOptions: Parameters<typeof transporter.sendMail>[0] & {
     templateProps?: ComponentProps<ComponentTemplateDefault> | undefined;

package/esm/mail/server/index.js

@@ -1,5 +1,6 @@
 import nodemailer from 'nodemailer';
 import { render } from 'svelty-email';
+import { remult } from 'remult';
 import { cyan, green, magenta, red, sleep, white } from '@kitql/helpers';
 import { Module } from '../../api';
 import { default as DefaultMail } from '../templates/DefaultMail.svelte';
@@ -35,7 +36,7 @@ const initMail = async (o) => {
         }
     }
 };
-export const sendMail = async (topic, mailOptions) => {
+const sendMail = async (topic, mailOptions) => {
     // if the transporter is not ready, wait for it! (it can happen only if nothing is set...)
     for (let i = 0; i < 30; i++) {
         if (transporter !== undefined) {
@@ -83,6 +84,7 @@ const mailModule = new Module({
 export const mail = (o) => {
     mailModule.initApi = () => {
         initMail(o);
+        remult.context.sendMail = sendMail;
     };
     return mailModule;
 };

package/esm/mail/templates/DefaultMail.svelte

@@ -1,47 +1,67 @@
-<script>import { Button, Container, Head, Heading, Html, Preview, Section, Text } from "svelty-email";
-export let previewText;
-export let title;
-export let sections = [];
-export let brandColor = "#5B68DF";
-const fontFamily = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif';
-const main = {
-  backgroundColor: "#ffffff"
-};
-const container = {
-  margin: "0 auto",
-  padding: "20px 0 48px",
-  width: "580px"
-};
-const heading = {
-  fontFamily,
-  fontSize: "32px",
-  lineHeight: "1.3",
-  fontWeight: "700",
-  color: "#484848"
-};
-const paragraph = {
-  fontFamily,
-  fontSize: "18px",
-  lineHeight: "1.4",
-  color: "#484848"
-};
-const highlighted = {
-  ...paragraph,
-  padding: "24px",
-  backgroundColor: "#f2f3f3",
-  borderRadius: "4px"
-};
-const button = {
-  fontFamily,
-  backgroundColor: brandColor,
-  borderRadius: "5px",
-  color: "#fff",
-  fontSize: "18px",
-  textDecoration: "none",
-  textAlign: "center",
-  display: "block",
-  width: "100%"
-};
+<script lang="ts">
+	import { Button, Container, Head, Heading, Html, Preview, Section, Text } from 'svelty-email'
+
+	export let previewText: string | undefined
+	export let title: string | undefined
+	export let sections: {
+		text: string
+		highlighted?: boolean
+		cta?: { text: string; link: string } | undefined
+	}[] = []
+	export let brandColor = '#5B68DF'
+
+	const fontFamily =
+		'-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'
+
+	const main = {
+		backgroundColor: '#ffffff',
+	}
+
+	const container = {
+		margin: '0 auto',
+		padding: '20px 0 48px',
+		width: '580px',
+	}
+
+	// const userImage = {
+	//   margin: '0 auto',
+	//   marginBottom: '16px',
+	//   borderRadius: '50%',
+	// }
+
+	const heading = {
+		fontFamily,
+		fontSize: '32px',
+		lineHeight: '1.3',
+		fontWeight: '700',
+		color: '#484848',
+	}
+
+	const paragraph = {
+		fontFamily,
+		fontSize: '18px',
+		lineHeight: '1.4',
+		color: '#484848',
+	}
+
+	const highlighted = {
+		...paragraph,
+		padding: '24px',
+		backgroundColor: '#f2f3f3',
+		borderRadius: '4px',
+	}
+
+	const button = {
+		fontFamily,
+		backgroundColor: brandColor,
+		borderRadius: '5px',
+		color: '#fff',
+		fontSize: '18px',
+		textDecoration: 'none',
+		textAlign: 'center' as const,
+		display: 'block',
+		width: '100%',
+	}
 </script>
 
 <Html>

package/esm/mail/templates/DefaultMail.svelte.d.ts

@@ -1,28 +1,30 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        previewText: string | undefined;
-        title: string | undefined;
-        sections?: {
-            text: string;
-            highlighted?: boolean;
-            cta?: {
-                text: string;
-                link: string;
-            } | undefined;
-        }[];
-        brandColor?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DefaultMailProps = typeof __propDef.props;
-export type DefaultMailEvents = typeof __propDef.events;
-export type DefaultMailSlots = typeof __propDef.slots;
-export default class DefaultMail extends SvelteComponent<DefaultMailProps, DefaultMailEvents, DefaultMailSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const DefaultMail: $$__sveltets_2_IsomorphicComponent<{
+    previewText: string | undefined;
+    title: string | undefined;
+    sections?: {
+        text: string;
+        highlighted?: boolean;
+        cta?: {
+            text: string;
+            link: string;
+        } | undefined;
+    }[];
+    brandColor?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DefaultMail = InstanceType<typeof DefaultMail>;
+export default DefaultMail;

package/esm/server/index.js

@@ -0,0 +1 @@
+"use strict";

package/esm/storeItem.d.ts

@@ -6,7 +6,7 @@ type TheStoreItem<T> = {
     globalError?: string | undefined;
 };
 export declare const storeItem: <T>(repo: Repository<T>, initValues?: TheStoreItem<T>) => {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreItem<T>>, invalidate?: import("svelte/store").Invalidator<TheStoreItem<T>> | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreItem<T>>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
     create: (item: Partial<T>) => void;
     set: (newItem: TheStoreItem<T>) => void;
     /**

package/esm/storeList.d.ts

@@ -25,7 +25,7 @@ export type FF_FindOptions<T> = FindOptions<T> & {
  * ```
  */
 export declare const storeList: <T>(repo: Repository<T>, initValues?: TheStoreList<T>) => {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreList<T>>, invalidate?: import("svelte/store").Invalidator<TheStoreList<T>> | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreList<T>>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
     manualSet: (info: TheStoreList<T>) => void;
     fetch: (options?: FF_FindOptions<T>, onNewData?: (items?: T[], totalCount?: number) => void) => Promise<void>;
     listen: (options?: FF_FindOptions<T>) => Promise<void>;

package/esm/sveltekit/server/index.d.ts

@@ -1,13 +1,4 @@
-import type { RequestEvent } from '@sveltejs/kit';
 import { Module } from '../../api';
-declare module 'remult' {
-    interface RemultContext {
-        request: RequestEvent;
-        setHeaders(headers: Record<string, string>): void;
-        setCookie(...args: Parameters<RequestEvent['cookies']['set']>): void;
-        deleteCookie(...args: Parameters<RequestEvent['cookies']['delete']>): void;
-    }
-}
 /**
  * @deprecated will be done directly in remult when modules will be in 😉
  */

package/esm/ui/Button.svelte

@@ -1,59 +1,82 @@
-<script>import { createTooltip } from "@melt-ui/svelte";
-import { fade, fly } from "svelte/transition";
-import { remult } from "remult";
-import { BaseEnum, tw } from "../";
-export let isLoading = false;
-let className = void 0;
-export { className as class };
-export let permission = void 0;
-let permissionDisabled = false;
-$: disabled = $$restProps.disabled || permissionDisabled || isLoading;
-let triggerAnnimation = false;
-$: isLoading && setTimeout(() => {
-  if (isLoading) {
-    triggerAnnimation = true;
-  }
-}, 200);
-let updates = (param) => {
-  if (param && param.permission) {
-    permissionDisabled = !remult.isAllowed(
-      Array.isArray(param.permission) ? param.permission.map((c) => c.id) : param.permission.id
-    );
-    if (permissionDisabled) {
-      disabledWhy = `Vous n'avez pas la permission: ${Array.isArray(param.permission) ? param.permission.map((c) => `"${c.caption}"`).join(" ou ") : `"${param.permission.caption}"`}`;
-    } else {
-      disabledWhy = "";
-    }
-  } else {
-    permissionDisabled = false;
-    disabledWhy = "";
-  }
-};
-let disabledWhy = "";
-const isAllowed = (node, param) => {
-  updates(param);
-  return {
-    update(param2) {
-      updates(param2);
-    },
-    destroy() {
-    }
-  };
-};
-const {
-  elements: { trigger, content, arrow },
-  states: { open }
-} = createTooltip({
-  positioning: {
-    placement: "top"
-  },
-  openDelay: 0,
-  closeDelay: 0,
-  closeOnPointerDown: false,
-  forceVisible: true,
-  escapeBehavior: "close",
-  group: true
-});
+<script lang="ts">
+	import { createTooltip } from '@melt-ui/svelte'
+	import type { Action } from 'svelte/action'
+	import { fade, fly } from 'svelte/transition'
+
+	import { remult } from 'remult'
+
+	import { BaseEnum, tw } from '../'
+
+	export let isLoading = false
+	let className: string | undefined | null = undefined
+	export { className as class }
+
+	export let permission: BaseEnum[] | BaseEnum | undefined = undefined
+
+	let permissionDisabled = false
+	$: disabled = $$restProps.disabled || permissionDisabled || isLoading
+
+	// let's trigger the annimation if it's more than 200ms
+	let triggerAnnimation = false
+	$: isLoading &&
+		setTimeout(() => {
+			if (isLoading) {
+				// eslint-disable-next-line
+				triggerAnnimation = true
+			}
+		}, 200)
+
+	let updates = (param: { permission: BaseEnum[] | BaseEnum | undefined }) => {
+		if (param && param.permission) {
+			permissionDisabled = !remult.isAllowed(
+				Array.isArray(param.permission) ? param.permission.map((c) => c.id) : param.permission.id,
+			)
+			if (permissionDisabled) {
+				disabledWhy = `Vous n'avez pas la permission: ${Array.isArray(param.permission) ? param.permission.map((c) => `"${c.caption}"`).join(' ou ') : `"${param.permission.caption}"`}`
+			} else {
+				disabledWhy = ''
+			}
+		} else {
+			permissionDisabled = false
+			disabledWhy = ''
+		}
+	}
+
+	let disabledWhy = ''
+	const isAllowed: Action<HTMLElement, { permission: BaseEnum[] | BaseEnum | undefined }> = (
+		node,
+		param,
+	) => {
+		// the node has been mounted in the DOM
+		// @ts-ignore
+		updates(param)
+
+		return {
+			update(param) {
+				// the value of `bar` has changed
+				updates(param)
+			},
+
+			destroy() {
+				// the node has been removed from the DOM
+			},
+		}
+	}
+
+	const {
+		elements: { trigger, content, arrow },
+		states: { open },
+	} = createTooltip({
+		positioning: {
+			placement: 'top',
+		},
+		openDelay: 0,
+		closeDelay: 0,
+		closeOnPointerDown: false,
+		forceVisible: true,
+		escapeBehavior: 'close',
+		group: true,
+	})
 </script>
 
 <button

package/esm/ui/Button.svelte.d.ts

@@ -1,27 +1,37 @@
-import { SvelteComponent } from "svelte";
 import { BaseEnum } from '../';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        isLoading?: boolean | undefined;
-        class?: string | undefined | null | undefined;
-        permission?: BaseEnum<any> | BaseEnum<any>[] | undefined;
+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;
     };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        tooltip: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    isLoading?: boolean | undefined;
+    class?: string | undefined | null | undefined;
+    permission?: BaseEnum<any> | BaseEnum<any>[] | undefined;
+}, {
+    default: {};
+    tooltip: {};
+}>, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    tooltip: {};
+}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/esm/ui/Clipboardable.svelte

@@ -1,14 +1,21 @@
-<script>export let value;
-export { extraClass as class };
-let extraClass = "";
-async function clip(_value) {
-  if (_value) {
-    try {
-      await navigator.clipboard.writeText(_value);
-    } catch (error) {
-    }
-  }
-}
+<script lang="ts">
+	/**
+	 * @param value to set in the clipboard if not null.
+	 *
+	 * Don't put this on an input, if not, when a user will select the input via the mouse, this clipboard will be copied (usually you wanted to paste)!
+	 */
+	export let value: string | null
+	export { extraClass as class }
+
+	let extraClass = ''
+
+	async function clip(_value: string | null) {
+		if (_value) {
+			try {
+				await navigator.clipboard.writeText(_value)
+			} catch (error) {}
+		}
+	}
 </script>
 
 <span

package/esm/ui/Clipboardable.svelte.d.ts

@@ -1,25 +1,36 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        /**
-             * @param value to set in the clipboard if not null.
-             *
-             * Don't put this on an input, if not, when a user will select the input via the mouse, this clipboard will be copied (usually you wanted to paste)!
-             */ value: string | null;
-        class?: string;
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ClipboardableProps = typeof __propDef.props;
-export type ClipboardableEvents = typeof __propDef.events;
-export type ClipboardableSlots = typeof __propDef.slots;
-export default class Clipboardable extends SvelteComponent<ClipboardableProps, ClipboardableEvents, ClipboardableSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Clipboardable: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    /**
+         * @param value to set in the clipboard if not null.
+         *
+         * Don't put this on an input, if not, when a user will select the input via the mouse, this clipboard will be copied (usually you wanted to paste)!
+         */ value: string | null;
+    class?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    class: string;
+}, string>;
+type Clipboardable = InstanceType<typeof Clipboardable>;
+export default Clipboardable;