firstly 0.0.11 → 0.0.13

package/esm/mail/index.js

@@ -1,79 +1,2 @@
-import { render } from 'svelty-email';
-import { cyan, green, Log, magenta, red, sleep, white } from '@kitql/helpers';
-import { DefaultMail } from '../';
-const log = new Log('firstly | mail');
-let nodemailerHolder;
-let transporter;
-let globalOptions;
-export const mailInit = async (nodemailer, o) => {
-    nodemailerHolder = nodemailer;
-    globalOptions = o;
-    if (o?.transport) {
-        transporter = nodemailerHolder.createTransport(o?.transport, o?.defaults);
-    }
-    else {
-        try {
-            nodemailer.createTestAccount(globalOptions?.apiUrl ?? '', (err, account) => {
-                if (account) {
-                    globalOptions = { ...globalOptions, from: account.user };
-                    transporter = nodemailer.createTransport({
-                        host: account.smtp.host,
-                        port: account.smtp.port,
-                        secure: account.smtp.secure,
-                        auth: {
-                            user: account.user,
-                            pass: account.pass,
-                        },
-                    });
-                }
-                else {
-                    log.error("Error nodemailer.createTestAccount() can't be done.");
-                }
-            });
-        }
-        catch (error) {
-            log.error("Error nodemailer.createTestAccount() can't be done.");
-        }
-    }
-};
-export 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) {
-            break;
-        }
-        await sleep(100);
-    }
-    try {
-        if (!mailOptions.html) {
-            const template = globalOptions?.template?.component ?? DefaultMail;
-            const props = {
-                brandColor: globalOptions?.template?.brandColor ?? '#5B68DF',
-                ...mailOptions.templateProps,
-            };
-            mailOptions.text = render({ template, props, options: { plainText: true, pretty: true } });
-            mailOptions.html = render({ template, props, options: { plainText: false, pretty: true } });
-        }
-        const info = await transporter.sendMail({
-            ...mailOptions,
-            ...{ from: mailOptions.from ?? globalOptions?.from },
-        });
-        if (!globalOptions?.transport) {
-            log.error(`${magenta(`[${topic}]`)} - ⚠️  ${red(`mail not configured`)} ⚠️ 
-                 We are still nice and generated you an email preview link: 
-                 👉 ${cyan(String(nodemailerHolder.getTestMessageUrl(
-            // @ts-ignore
-            info)))}
-
-                 To really send mails, check out the doc ${white(`https://firstly.fun/modules/mail`)}. 
-      `);
-        }
-        else {
-            log.success(`${magenta(`[${topic}]`)} - Sent to ${typeof mailOptions.to === 'string' ? green(mailOptions.to) : mailOptions.to}`);
-        }
-        return info;
-    }
-    catch (error) {
-        log.error(`${magenta(`[${topic}]`)} - Error`, error);
-    }
-};
+import { default as DefaultMail } from './templates/DefaultMail.svelte';
+export { DefaultMail };

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

@@ -0,0 +1,31 @@
+import type * as typeNodemailer from 'nodemailer';
+import type JSONTransport from 'nodemailer/lib/json-transport';
+import type Mail from 'nodemailer/lib/mailer';
+import type SendmailTransport from 'nodemailer/lib/sendmail-transport';
+import type SESTransport from 'nodemailer/lib/ses-transport';
+import type SMTPPool from 'nodemailer/lib/smtp-pool';
+import type SMTPTransport from 'nodemailer/lib/smtp-transport';
+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 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'];
+    template?: {
+        component?: ComponentType<ComponentTemplateDefault>;
+        brandColor?: string;
+    };
+    transport?: TransportTypes;
+    defaults?: DefaultOptions;
+    apiUrl?: Parameters<typeof typeNodemailer.createTestAccount>[0];
+};
+declare let transporter: ReturnType<typeof typeNodemailer.createTransport>;
+export 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;
+}) => ReturnType<typeof transporter.sendMail>;
+export declare const mail: (o?: MailOptions<SvelteComponent>) => Module;
+export {};

package/esm/mail/server/index.js

@@ -0,0 +1,88 @@
+import nodemailer from 'nodemailer';
+import { render } from 'svelty-email';
+import { cyan, green, magenta, red, sleep, white } from '@kitql/helpers';
+import { Module } from '../../api';
+import { default as DefaultMail } from '../templates/DefaultMail.svelte';
+let transporter;
+let globalOptions;
+const initMail = async (o) => {
+    globalOptions = o;
+    if (o?.transport) {
+        transporter = nodemailer.createTransport(o?.transport, o?.defaults);
+    }
+    else {
+        try {
+            nodemailer.createTestAccount(globalOptions?.apiUrl ?? '', (err, account) => {
+                if (account) {
+                    globalOptions = { ...globalOptions, from: account.user };
+                    transporter = nodemailer.createTransport({
+                        host: account.smtp.host,
+                        port: account.smtp.port,
+                        secure: account.smtp.secure,
+                        auth: {
+                            user: account.user,
+                            pass: account.pass,
+                        },
+                    });
+                }
+                else {
+                    mailModule.log.error("Error nodemailer.createTestAccount() can't be done.");
+                }
+            });
+        }
+        catch (error) {
+            mailModule.log.error("Error nodemailer.createTestAccount() can't be done.");
+        }
+    }
+};
+export 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) {
+            break;
+        }
+        await sleep(100);
+    }
+    try {
+        if (!mailOptions.html) {
+            const template = globalOptions?.template?.component ?? DefaultMail;
+            const props = {
+                brandColor: globalOptions?.template?.brandColor ?? '#5B68DF',
+                ...mailOptions.templateProps,
+            };
+            mailOptions.text = render({ template, props, options: { plainText: true, pretty: true } });
+            mailOptions.html = render({ template, props, options: { plainText: false, pretty: true } });
+        }
+        const info = await transporter.sendMail({
+            ...mailOptions,
+            ...{ from: mailOptions.from ?? globalOptions?.from },
+        });
+        if (!globalOptions?.transport) {
+            mailModule.log.error(`${magenta(`[${topic}]`)} - ⚠️  ${red(`mail not configured`)} ⚠️ 
+                 We are still nice and generated you an email preview link: 
+                 👉 ${cyan(String(nodemailer.getTestMessageUrl(
+            // @ts-ignore
+            info)))}
+
+                 To really send mails, check out the doc ${white(`https://firstly.fun/modules/mail`)}. 
+      `);
+        }
+        else {
+            mailModule.log.success(`${magenta(`[${topic}]`)} - Sent to ${typeof mailOptions.to === 'string' ? green(mailOptions.to) : mailOptions.to}`);
+        }
+        return info;
+    }
+    catch (error) {
+        mailModule.log.error(`${magenta(`[${topic}]`)} - Error`, error);
+    }
+};
+const mailModule = new Module({
+    name: 'mail',
+    priority: -778,
+});
+export const mail = (o) => {
+    mailModule.initApi = () => {
+        initMail(o);
+    };
+    return mailModule;
+};

package/esm/mail/templates/DefaultMail.svelte

@@ -45,22 +45,22 @@ const button = {
 </script>
 
 <Html>
-  <Head />
-  <Preview preview={previewText ?? title + '...'} />
-  <Section style={main}>
-    <Container style={container}>
-      {#if title}
-        <Heading style={heading}>{title}</Heading>
-      {/if}
+	<Head />
+	<Preview preview={previewText ?? title + '...'} />
+	<Section style={main}>
+		<Container style={container}>
+			{#if title}
+				<Heading style={heading}>{title}</Heading>
+			{/if}
 
-      {#each sections as s}
-        <Text style={s.highlighted ? highlighted : paragraph}>
-          {s.text}
-        </Text>
-        {#if s.cta}
-          <Button pY={19} style={button} href={s.cta.link}>{s.cta.text}</Button>
-        {/if}
-      {/each}
-    </Container>
-  </Section>
+			{#each sections as s}
+				<Text style={s.highlighted ? highlighted : paragraph}>
+					{s.text}
+				</Text>
+				{#if s.cta}
+					<Button pY={19} style={button} href={s.cta.link}>{s.cta.text}</Button>
+				{/if}
+			{/each}
+		</Container>
+	</Section>
 </Html>

package/esm/storeItem.js

@@ -1,6 +1,6 @@
 import { BROWSER } from 'esm-env';
 import { derived, get, writable } from 'svelte/store';
-import { Log } from '@kitql/helpers';
+import { ff_Log } from './common.js';
 import { isError } from './helper';
 export const storeItem = (repo, initValues = {
     item: undefined,
@@ -87,6 +87,7 @@ export const storeItem = (repo, initValues = {
                 if (!s.item) {
                     return;
                 }
+                internalStore.update((s) => ({ ...s, loading: true }));
                 const item = await repo.save(s.item);
                 internalStore.update((s) => ({
                     ...s,
@@ -130,11 +131,16 @@ export const storeItem = (repo, initValues = {
         delete: async () => {
             const s = get(internalStore);
             if (!s.item) {
-                new Log('firstly').error(`To delete an item, you need set it first.`);
+                ff_Log.error(`To delete an item, you need set it first.`);
                 return;
             }
             try {
+                internalStore.update((s) => ({ ...s, loading: true }));
                 await repo.delete(s.item);
+                internalStore.update((s) => ({
+                    ...s,
+                    loading: false,
+                }));
             }
             catch (error) {
                 if (isError(error)) {

package/esm/storeList.d.ts

@@ -18,7 +18,7 @@ export type FF_FindOptions<T> = FindOptions<T> & {
  * Example
  * ```ts
  * // get the repo
- * const taskRepo = remult.repo(Task)
+ * const taskRepo = repo(Task)
  *
  * const tasks = kitStore(taskRepo, data.tasks)
  * $: browser && tasks.listen(data.options)

package/esm/storeList.js

@@ -9,7 +9,7 @@ import { writable } from 'svelte/store';
  * Example
  * ```ts
  * // get the repo
- * const taskRepo = remult.repo(Task)
+ * const taskRepo = repo(Task)
  *
  * const tasks = kitStore(taskRepo, data.tasks)
  * $: browser && tasks.listen(data.options)

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

@@ -0,0 +1,14 @@
+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 😉
+ */
+export declare const sveltekit: () => Module;

package/esm/sveltekit/server/index.js

@@ -0,0 +1,24 @@
+import { remult } from 'remult';
+import { Module } from '../../api';
+/**
+ * @deprecated will be done directly in remult when modules will be in 😉
+ */
+export const sveltekit = () => {
+    return new Module({
+        name: 'sveltekit',
+        priority: -779,
+        entities: [],
+        controllers: [],
+        initRequest: async (kitEvent, op) => {
+            remult.context.setHeaders = (headers) => {
+                kitEvent.setHeaders(headers);
+            };
+            remult.context.setCookie = (name, value, opts) => {
+                kitEvent.cookies.set(name, value, opts);
+            };
+            remult.context.deleteCookie = (name, opts) => {
+                kitEvent.cookies.delete(name, opts);
+            };
+        },
+    });
+};

package/esm/ui/Button.svelte

@@ -57,44 +57,44 @@ const {
 </script>
 
 <button
-  {...$trigger}
-  use:trigger
-  use:isAllowed={{ permission }}
-  on:click
-  {...$$restProps}
-  class={tw(['btn text-white', disabled ? '' : 'btn-primary', className])}
-  {disabled}
+	{...$trigger}
+	use:trigger
+	use:isAllowed={{ permission }}
+	on:click
+	{...$$restProps}
+	class={tw(['btn text-white', disabled ? '' : 'btn-primary', className])}
+	{disabled}
 >
-  <!-- btn-outline -->
-  <slot />
-  {#if triggerAnnimation && isLoading}
-    <div in:fly={{ x: -20 }}>
-      <span class="loading loading-spinner"></span>
-    </div>
-  {/if}
+	<!-- btn-outline -->
+	<slot />
+	{#if triggerAnnimation && isLoading}
+		<div in:fly={{ x: -20 }}>
+			<span class="loading loading-spinner"></span>
+		</div>
+	{/if}
 </button>
 
 {#if $open && (disabledWhy || $$slots.tooltip)}
-  <div
-    {...$content}
-    use:content
-    transition:fade={{ duration: 100 }}
-    class="bg-base-300 z-30 rounded-lg ring-1 ring-black"
-  >
-    <div {...$arrow} use:arrow></div>
-    <div class="px-4 py-1">
-      {#if $$slots.tooltip}
-        <slot name="tooltip" />
-      {:else}
-        {disabledWhy}
-      {/if}
-    </div>
-  </div>
+	<div
+		{...$content}
+		use:content
+		transition:fade={{ duration: 100 }}
+		class="bg-base-300 z-30 rounded-lg ring-1 ring-black"
+	>
+		<div {...$arrow} use:arrow></div>
+		<div class="px-4 py-1">
+			{#if $$slots.tooltip}
+				<slot name="tooltip" />
+			{:else}
+				{disabledWhy}
+			{/if}
+		</div>
+	</div>
 {/if}
 
 <style>
-  .btn[disabled] {
-    pointer-events: all;
-    cursor: not-allowed;
-  }
+	.btn[disabled] {
+		pointer-events: all;
+		cursor: not-allowed;
+	}
 </style>

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

@@ -4,8 +4,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         isLoading?: boolean | undefined;
-        class?: string | undefined | null;
-        permission?: BaseEnum[] | BaseEnum | undefined;
+        class?: string | undefined | null | undefined;
+        permission?: BaseEnum<any> | BaseEnum<any>[] | undefined;
     };
     events: {
         click: MouseEvent;

package/esm/ui/Clipboardable.svelte

@@ -1,19 +1,22 @@
 <script>export let value;
 export { extraClass as class };
 let extraClass = "";
-function clip(_value) {
+async function clip(_value) {
   if (_value) {
-    navigator.clipboard.writeText(_value);
+    try {
+      await navigator.clipboard.writeText(_value);
+    } catch (error) {
+    }
   }
 }
 </script>
 
 <span
-  role="button"
-  tabindex="0"
-  on:keyup={() => {}}
-  on:click={() => clip(value)}
-  class={`${value ? 'cursor-copy' : ''} ${extraClass}`}
+	role="button"
+	tabindex="0"
+	on:keyup={() => {}}
+	on:click={() => clip(value)}
+	class={`${value ? 'cursor-copy' : ''} ${extraClass}`}
 >
-  <slot />
+	<slot />
 </span>

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

@@ -2,10 +2,10 @@ 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;
+             * @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;
     };
     events: {