Skip to content

Commit 8cbdd81

Browse files
rodneylabrodneylab
committed
build(dependencies): 🧱 update packages
┌────────────────────────────────────────┬─────────┬──────────┐ │ Package │ From │ To │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @sveltejs/adapter-static (dev) │ 3.0.1 │ 3.0.8 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @sveltejs/package (dev) │ 2.3.1 │ 2.3.10 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @commitlint/cli (dev) │ 19.2.2 │ 19.8.0 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @commitlint/config-conventional (dev) │ 19.2.2 │ 19.8.0 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @sveltejs/kit (dev) │ 2.5.6 │ 2.20.1 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ eslint (dev) │ 9.0.0 │ 9.22.0 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ husky (dev) │ 9.0.11 │ 9.1.7 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ prettier (dev) │ 3.2.5 │ 3.5.3 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ prettier-plugin-svelte (dev) │ 3.2.3 │ 3.3.3 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ tslib (dev) │ 2.6.2 │ 2.8.1 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ typescript (dev) │ 5.4.5 │ 5.8.2 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @types/node (dev) │ 20.12.7 │ 22.13.10 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @typescript-eslint/eslint-plugin (dev) │ 7.7.0 │ 8.27.0 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @typescript-eslint/parser (dev) │ 7.7.0 │ 8.27.0 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ @vitejs/plugin-basic-ssl (dev) │ 1.1.0 │ 2.0.0 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ eslint-config-prettier (dev) │ 9.1.0 │ 10.1.1 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ eslint-plugin-svelte (dev) │ 2.37.0 │ 3.3.3 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ svelte (dev) │ 4.2.14 │ 5.23.2 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ svelte-check (dev) │ 3.6.9 │ 4.1.5 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ svelte-preprocess (dev) │ 5.1.4 │ 6.0.3 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ vite (dev) │ 5.2.9 │ 6.2.2 │ ├────────────────────────────────────────┼─────────┼──────────┤ │ svelte2tsx (dev) │ 0.7.6 │ 0.7.35 │ └────────────────────────────────────────┴─────────┴──────────┘
1 parent e7de0eb commit 8cbdd81

26 files changed

+1504
-1730
lines changed

‎.prettierrc.mjs

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/** @type {import("prettier").Config} */
2+
export default {
3+
useTabs: true,
4+
arrowParens: 'always',
5+
singleQuote: true,
6+
trailingComma: 'all',
7+
printWidth: 100,
8+
plugins: ['prettier-plugin-svelte'],
9+
overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
10+
};

‎dist/components/EmailInputField.svelte

+25-13
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,35 @@
1-
<script>
1+
<script lang="ts">
22
import InputField from './InputField.svelte';
3-
import { createEventDispatcher } from 'svelte';
4-
export let name = undefined;
5-
export let value;
6-
export let required = false;
7-
export let placeholder = '[email protected]';
8-
export let id;
9-
export let title = 'Email';
10-
export let error = null;
11-
export let style = '';
12-
const dispatch = createEventDispatcher();
3+
4+
let {
5+
name = undefined,
6+
value,
7+
required = false,
8+
placeholder = '[email protected]',
9+
id,
10+
title = 'Email',
11+
error,
12+
style = '',
13+
update,
14+
}: {
15+
name?: string;
16+
value: string;
17+
required?: boolean;
18+
placeholder?: string;
19+
id: string;
20+
title?: string;
21+
error: string | null;
22+
style?: string;
23+
update?: (value: string) => void;
24+
} = $props();
1325
</script>
1426

1527
<div {style}>
1628
<InputField {id} {title} {error}>
1729
<input
1830
bind:value
19-
on:change={() => {
20-
dispatch('update', value);
31+
onchange={() => {
32+
update && update(value);
2133
}}
2234
{name}
2335
{required}

‎dist/components/EmailInputField.svelte.d.ts

+13-27
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,14 @@
1-
import { SvelteComponentTyped } from 'svelte';
2-
declare const __propDef: {
3-
props: {
4-
name?: string;
5-
value: string;
6-
required?: boolean;
7-
placeholder?: string;
8-
id: string;
9-
title?: string;
10-
error?: string | null;
11-
style?: string;
12-
};
13-
events: {
14-
update: CustomEvent<any>;
15-
} & {
16-
[evt: string]: CustomEvent<any>;
17-
};
18-
slots: {};
1+
type $$ComponentProps = {
2+
name?: string;
3+
value: string;
4+
required?: boolean;
5+
placeholder?: string;
6+
id: string;
7+
title?: string;
8+
error: string | null;
9+
style?: string;
10+
update?: (value: string) => void;
1911
};
20-
export type EmailInputFieldProps = typeof __propDef.props;
21-
export type EmailInputFieldEvents = typeof __propDef.events;
22-
export type EmailInputFieldSlots = typeof __propDef.slots;
23-
export default class EmailInputField extends SvelteComponentTyped<
24-
EmailInputFieldProps,
25-
EmailInputFieldEvents,
26-
EmailInputFieldSlots
27-
> {}
28-
export {};
12+
declare const EmailInputField: import('svelte').Component<$$ComponentProps, {}, ''>;
13+
type EmailInputField = ReturnType<typeof EmailInputField>;
14+
export default EmailInputField;

‎dist/components/Image.svelte

+27-13
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,29 @@
1-
<script>
2-
export let alt;
3-
export let height; // needed to reduce CLS
4-
export let src;
5-
export let sources;
6-
export let placeholder;
7-
export let width; // needed to reduce CLS
8-
export let maxWidth = '1280px';
9-
export let sizes = `(max-width: ${maxWidth}) 100vw, ${maxWidth}}`;
10-
export let fetchpriority = undefined;
11-
export let loading = 'lazy';
12-
export let style = '';
1+
<script lang="ts">
2+
let {
3+
alt,
4+
height, // needed to reduce CLS
5+
src,
6+
sources,
7+
placeholder,
8+
width, // needed to reduce CLS
9+
maxWidth = '1280px',
10+
sizes = `(max-width: ${maxWidth}) 100vw, ${maxWidth}}`,
11+
fetchpriority = undefined,
12+
loading = 'lazy',
13+
style = '',
14+
}: {
15+
alt: string;
16+
height: number; // needed to reduce CLS
17+
src: string;
18+
sources: { srcset: string; type: string }[];
19+
placeholder: string;
20+
width: number; // needed to reduce CLS
21+
maxWidth: string;
22+
sizes: string;
23+
fetchpriority: 'auto' | 'high' | 'low' | undefined;
24+
loading: 'lazy' | 'eager';
25+
style: string;
26+
} = $props();
1327
</script>
1428

1529
<picture>
@@ -26,7 +40,7 @@
2640
{height}
2741
data-src={src}
2842
src={placeholder}
29-
style={`max-width:${maxWidth};${style}`}
43+
style="max-width:{maxWidth};{style}"
3044
/>
3145
</picture>
3246

‎dist/components/Image.svelte.d.ts

+18-27
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,19 @@
1-
import { SvelteComponentTyped } from 'svelte';
2-
declare const __propDef: {
3-
props: {
4-
alt: string;
5-
height: number;
6-
src: string;
7-
sources: {
8-
srcset: string;
9-
type: string;
10-
}[];
11-
placeholder: string;
12-
width: number;
13-
maxWidth?: string;
14-
sizes?: string;
15-
fetchpriority?: 'auto' | 'high' | 'low' | undefined;
16-
loading?: 'lazy' | 'eager';
17-
style?: string;
18-
};
19-
events: {
20-
[evt: string]: CustomEvent<any>;
21-
};
22-
slots: {};
1+
type $$ComponentProps = {
2+
alt: string;
3+
height: number;
4+
src: string;
5+
sources: {
6+
srcset: string;
7+
type: string;
8+
}[];
9+
placeholder: string;
10+
width: number;
11+
maxWidth: string;
12+
sizes: string;
13+
fetchpriority: 'auto' | 'high' | 'low' | undefined;
14+
loading: 'lazy' | 'eager';
15+
style: string;
2316
};
24-
export type ImageProps = typeof __propDef.props;
25-
export type ImageEvents = typeof __propDef.events;
26-
export type ImageSlots = typeof __propDef.slots;
27-
export default class Image extends SvelteComponentTyped<ImageProps, ImageEvents, ImageSlots> {}
28-
export {};
17+
declare const Image: import('svelte').Component<$$ComponentProps, {}, ''>;
18+
type Image = ReturnType<typeof Image>;
19+
export default Image;

‎dist/components/InputField.svelte

+15-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,21 @@
1-
<script>
2-
export let id;
3-
export let title;
4-
export let error = null;
1+
<script lang="ts">
2+
import type { Snippet } from 'svelte';
3+
4+
let {
5+
id,
6+
title,
7+
error = null,
8+
children,
9+
}: {
10+
id: string;
11+
title: string;
12+
error: string | null;
13+
children: Snippet;
14+
} = $props();
515
</script>
616

717
<span class="screen-reader-text"><label for={id}>{title}</label></span>
8-
<slot />
18+
{@render children?.()}
919
{#if error}
1020
<small id={`${id}-error`} class="error-text">{error}</small>
1121
{/if}

‎dist/components/InputField.svelte.d.ts

+9-22
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,10 @@
1-
import { SvelteComponentTyped } from 'svelte';
2-
declare const __propDef: {
3-
props: {
4-
id: string;
5-
title: string;
6-
error?: string | null;
7-
};
8-
events: {
9-
[evt: string]: CustomEvent<any>;
10-
};
11-
slots: {
12-
default: {};
13-
};
1+
import type { Snippet } from 'svelte';
2+
type $$ComponentProps = {
3+
id: string;
4+
title: string;
5+
error: string | null;
6+
children: Snippet;
147
};
15-
export type InputFieldProps = typeof __propDef.props;
16-
export type InputFieldEvents = typeof __propDef.events;
17-
export type InputFieldSlots = typeof __propDef.slots;
18-
export default class InputField extends SvelteComponentTyped<
19-
InputFieldProps,
20-
InputFieldEvents,
21-
InputFieldSlots
22-
> {}
23-
export {};
8+
declare const InputField: import('svelte').Component<$$ComponentProps, {}, ''>;
9+
type InputField = ReturnType<typeof InputField>;
10+
export default InputField;

‎dist/components/PasswordInputField.svelte

+25-13
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,35 @@
1-
<script>
1+
<script lang="ts">
22
import InputField from './InputField.svelte';
3-
import { createEventDispatcher } from 'svelte';
4-
export let name = undefined;
5-
export let value;
6-
export let required = false;
7-
export let placeholder = 'P@$sw0rd!';
8-
export let id;
9-
export let title = 'Password';
10-
export let error = null;
11-
export let style = '';
12-
const dispatch = createEventDispatcher();
3+
4+
let {
5+
name = undefined,
6+
value,
7+
required = false,
8+
placeholder = 'P@$sw0rd!',
9+
id,
10+
title = 'Password',
11+
error = null,
12+
style = '',
13+
update,
14+
}: {
15+
name?: string;
16+
value: string;
17+
required?: boolean;
18+
placeholder?: string;
19+
id: string;
20+
title?: string;
21+
error?: string | null;
22+
style?: string;
23+
update?: (value: string) => void;
24+
} = $props();
1325
</script>
1426

1527
<div {style}>
1628
<InputField {id} {title} {error}>
1729
<input
1830
bind:value
19-
on:change={() => {
20-
dispatch('update', value);
31+
onchange={() => {
32+
update && update(value);
2133
}}
2234
{name}
2335
{required}

‎dist/components/PasswordInputField.svelte.d.ts

+13-27
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,14 @@
1-
import { SvelteComponentTyped } from 'svelte';
2-
declare const __propDef: {
3-
props: {
4-
name?: string;
5-
value: string;
6-
required?: boolean;
7-
placeholder?: string;
8-
id: string;
9-
title?: string;
10-
error?: string | null;
11-
style?: string;
12-
};
13-
events: {
14-
update: CustomEvent<any>;
15-
} & {
16-
[evt: string]: CustomEvent<any>;
17-
};
18-
slots: {};
1+
type $$ComponentProps = {
2+
name?: string;
3+
value: string;
4+
required?: boolean;
5+
placeholder?: string;
6+
id: string;
7+
title?: string;
8+
error?: string | null;
9+
style?: string;
10+
update?: (value: string) => void;
1911
};
20-
export type PasswordInputFieldProps = typeof __propDef.props;
21-
export type PasswordInputFieldEvents = typeof __propDef.events;
22-
export type PasswordInputFieldSlots = typeof __propDef.slots;
23-
export default class PasswordInputField extends SvelteComponentTyped<
24-
PasswordInputFieldProps,
25-
PasswordInputFieldEvents,
26-
PasswordInputFieldSlots
27-
> {}
28-
export {};
12+
declare const PasswordInputField: import('svelte').Component<$$ComponentProps, {}, ''>;
13+
type PasswordInputField = ReturnType<typeof PasswordInputField>;
14+
export default PasswordInputField;

0 commit comments

Comments
 (0)