From efd126f9e53b83d4a634d487ea6ec8037ddda68f Mon Sep 17 00:00:00 2001 From: MacFJA Date: Tue, 30 Aug 2022 00:07:30 +0200 Subject: [PATCH 01/33] new recipe --- src/lib/Mermaid.svelte | 27 +++++ .../passing-data-between-component/+page.svx | 110 ++++++++++++++++++ 2 files changed, 137 insertions(+) create mode 100644 src/lib/Mermaid.svelte create mode 100644 src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx diff --git a/src/lib/Mermaid.svelte b/src/lib/Mermaid.svelte new file mode 100644 index 0000000..4e91293 --- /dev/null +++ b/src/lib/Mermaid.svelte @@ -0,0 +1,27 @@ + + +
+Mermaid graph + + diff --git a/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx b/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx new file mode 100644 index 0000000..d4d4877 --- /dev/null +++ b/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx @@ -0,0 +1,110 @@ +--- +title: Passing data between components +layout: recipe +--- + + + +## Stores + +{` +flowchart BT + subgraph External file + Store["store"] + end + C1[Component1.svelte] <-- "$store" --> Store + C2[Component2.svelte] <-- "$store" --> Store +`} + +If declared "globally" works in any configuration and you have "live" update + +## Global variable + +{` +flowchart BT + subgraph External file + Store["myVar"] + end + C1[Component1.svelte] <-- "myVar" --> Store + C2[Component2.svelte] <-- "myVar" --> Store +`} + +Works in any configuration, but you have the check for new value by yourself + +## Svelte event + +{` +flowchart BT + Child[Child.svelte] -->|on:myEvent| Parent[Parent.svelte] +`} + +Works only from child to parent context + +## get/setContext + +{` +flowchart TB + Parent[Parent.svelte] + Child[Child.svelte] + GrandChild[GrandChild.svelte] + Parent -.->|context| Child + Child -.->|inherit context| GrandChild + Child --> Parent + GrandChild --> Parent +`} + +Works in hierarchy context: parent declare context, any of children (or event lower) can update the context, parent (or any relation between) will have the change + +If combine with store, it enable "live" update + +## Props + +{` +flowchart TB + Parent[Parent.svelte] + Child[Child.svelte] + Parent <-->|bind:myVar| Child +`} + +Works in parent/child context: parent declare a variable, bind it in its child + +--- + +{` +flowchart TB + Parent[Parent.svelte] + Child[Child.svelte] + Parent -->|"myVar=#123;myVar}"| Child +`} + +Works in parent to child context: parent declare a variable, give it to its child + +--- + +{` +flowchart TB + Parent[Parent.svelte] + Child[Child.svelte] + Parent -->|"myFunc=#123;myFunc}"| Child + Child -->|"myFunc()"| Parent +`} + +Works in parent/child context: parent declare a function, give it to its child +Then the child call the function that will run in the parent + +## DOM event + +{` +flowchart BT + Window + Body + Parent[Parent.svelte] + Child[Child.svelte] + Body -.- Window + Parent -.- Body + Child -->|on:myEvent| Parent + Child -->|on:myEvent| Body + Child -->|on:myEvent| Window +`} + +Works in hierarchy context: child send event and all components above can listen to it From c2e0d1e58a58d64459111eddc43e4b1c1131fc22 Mon Sep 17 00:00:00 2001 From: MacFJA Date: Fri, 9 Sep 2022 20:39:25 +0200 Subject: [PATCH 02/33] Reformat JSON --- src/routes/components/components.json | 12 +++-------- src/routes/templates/templates.json | 31 ++++++++++----------------- 2 files changed, 14 insertions(+), 29 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index c384a9c..2ac51e8 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2624,16 +2624,10 @@ "npm": "@kitql/all-in", "addedOn": "2022-05-17", "category": "Stores", - "tags": [ - "async data", - "async loading", - "graphql", - "ssr", - "stores and state" - ], + "tags": ["async data", "async loading", "graphql", "ssr", "stores and state"], "stars": 0 - }, - { + }, + { "title": "svelte-brick-gallery", "url": "https://github.com/anotherempty/svelte-brick-gallery", "description": "A masonry-like image gallery component for svelte", diff --git a/src/routes/templates/templates.json b/src/routes/templates/templates.json index 9ff4ae9..346de85 100644 --- a/src/routes/templates/templates.json +++ b/src/routes/templates/templates.json @@ -6,11 +6,7 @@ "npm": "", "addedOn": "2022-08-23", "category": "SvelteKit", - "tags": [ - "templates", - "typescript", - "integrations" - ], + "tags": ["templates", "typescript", "integrations"], "stars": 1 }, { @@ -843,19 +839,14 @@ "stars": 0 }, { - "title": "Swyxkit", - "url": "https://github.com/sw-yx/swyxkit/", - "description": "An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for the great SvelteKit refactor of 2022!", - "npm": "", - "addedOn": "2022-09-09", - "category": "SvelteKit", - "tags": [ - "blog", - "templates", - "mdsvex", - "markdown" - ], - "stars": 372 + "title": "Swyxkit", + "url": "https://github.com/sw-yx/swyxkit/", + "description": "An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for the great SvelteKit refactor of 2022!", + "npm": "", + "addedOn": "2022-09-09", + "category": "SvelteKit", + "tags": ["blog", "templates", "mdsvex", "markdown"], + "stars": 372 }, { "title": "davipon/svelte-add-vitest", @@ -876,8 +867,8 @@ "category": "SvelteKit", "tags": ["blog", "markdown", "templates", "seo", "typescript"], "stars": 30 - }, - { + }, + { "title": "svelte-mpa", "url": "https://github.com/kokizzu/svelte-mpa", "description": "Multipage Svelte for any backend", From 0ce11d5ca85ff798c4f752fdf5ecf94229380464 Mon Sep 17 00:00:00 2001 From: MacFJA Date: Wed, 12 Oct 2022 23:14:11 +0200 Subject: [PATCH 03/33] Rework the recipe --- .../passing-data-between-component/+page.svx | 495 ++++++++++++++++-- 1 file changed, 465 insertions(+), 30 deletions(-) diff --git a/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx b/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx index d4d4877..be2999f 100644 --- a/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx +++ b/src/routes/recipes/svelte-language-fundamentals/passing-data-between-component/+page.svx @@ -3,11 +3,27 @@ title: Passing data between components layout: recipe --- - + ## Stores -{` +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :-------: | +| ✅ | ✅ | ✅ | ✅ | Any | + +
+ +Stores allow components to "react" when the content of the store is changed. + +If the store is declared _"globally"_ (not in a components) any scripts can access it and interact with it. + +
+
Globally declared store
+ + +
-If declared "globally" works in any configuration and you have "live" update +
+
+ In component declared store +
+ + +
+ You are creating a hard/direct dependency between Component1.svelte and{' '} + Component2.svelte.
+ Component2.svelte can't exist without Component1.svelte +
+
## Global variable +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :-------: | +| ✅ | ✅ | ❌ | ✅ | Any | + +
+ +Similar to store, a global variable act as a central point of storage. +But global variable are not reactive, so you have to implement yourself a method to update the component. + +
+ + +
## Svelte event -{` +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :-----------------: | +| ✅ | ❌ | ✅ | ❌ | Child → Parent | + +
+ +The data sharing only works in the direction child to parent. + +
+ + +
## get/setContext -{` +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :--------------------: | +| ✅ | ❌ | ❌ | ❌ | Parent → Children | + +_(Can be bi-directional and reactive, see below)_ + +
+ +The data sharing only works in the direction parent to children (and children of children). + +
+
Context with normal variable
+ + +
+ +
+
+ Context with store +
Bi-directional and reactive
+
+ + +
## Props -{` -flowchart TB - Parent[Parent.svelte] - Child[Child.svelte] - Parent <-->|bind:myVar| Child -`} +### One-way binding (down) -Works in parent/child context: parent declare a variable, bind it in its child +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :-----------------: | +| ✅ | ❌ | ✅ | ❌ | Parent → Child | ---- +
+The parent is providing the value to its child. +Changing the value in the parent will be reflected in the child. -{` +
+ + +
-Works in parent to child context: parent declare a variable, give it to its child +### Two-way binding ---- +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :-----------------: | +| ✅ | ❌ | ✅ | ✅ | Parent ↔ Child | -{` +
+The parent is providing a variable that can be written by the child. +Changes made in the parent will be reflected and the child, changes made in children will be send to its parent + +
+ + +
+ +### One-way binding (up) + +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :-----------------: | +| ✅ | ❌ | ✅ | ❌ | Child → Parent | + +
+The parent is providing a function that will update the parent scope from its children + +
+ + +
## DOM event -{` +| In Component | In Javascript/TypeScript | Reactive | Bi-directional | Direction | +| :----------: | :----------------------: | :------: | :------------: | :------------------: | +| ✅ | ❌ | ✅ | ❌ | Child → Parents | + +
+ +Use native DOMEvent to bubble up data from a child to any parent willing to listen to it. + +
+ + +
-Works in hierarchy context: child send event and all components above can listen to it + From 41e69a345225b960d66a72f7372184ab010cbe2a Mon Sep 17 00:00:00 2001 From: Patrick Date: Sat, 25 Feb 2023 08:53:01 +0100 Subject: [PATCH 04/33] Added `html-svelte-parser` --- src/routes/components/components.json | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index d338074..e78833c 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2886,5 +2886,14 @@ "category": "SvelteKit Adapters", "tags": ["integrations"], "stars": 0 + }, + { + "title": "html-svelte-parser", + "url": "https://github.com/PatrickG/html-svelte-parser", + "description": "HTML to Svelte parser.", + "npm": "html-svelte-parser", + "addedOn": "2022-12-01", + "tags": ["components and libraries", "layout and structure", "rich text editor", "ssr", "templates", "tree", "typescript"], + "stars": 6 } ] From 430483f94d1762047e45e14b445e92fb037ec352 Mon Sep 17 00:00:00 2001 From: Joaquim Henriques Date: Thu, 23 Feb 2023 22:57:16 -0300 Subject: [PATCH 05/33] Update component.json (svelte-datatables-net) svelte-datatables-net ADDED --- src/routes/components/components.json | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index e78833c..dc75877 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -1,4 +1,14 @@ [ + { + "title": "svelte-datatables-net", + "url": "https://github.com/joaquimnetocel/svelte-datatables-net", + "description": "svelte-datatables-net is a svelte/sveltekit component that turns data into an interactive HTML table. Inspired by datatables.net.", + "npm": "svelte-datatables-net", + "addedOn": "2023-02-23", + "category": "Data Visualisation", + "tags": ["components and libraries", "typescript"], + "stars": 0 + }, { "title": "STWUI", "url": "https://github.com/N00nDay/stwui", From 4cb5bb708b50986708338202d089e3470ed01dc8 Mon Sep 17 00:00:00 2001 From: Nick Goodall Date: Fri, 24 Feb 2023 12:49:20 +0000 Subject: [PATCH 06/33] Add leblog component --- src/routes/components/components.json | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index dc75877..99141eb 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2897,12 +2897,21 @@ "tags": ["integrations"], "stars": 0 }, + { + "title": "leblog", + "url": "https://leblog.dev", + "description": "Add a blog (or changelog) to any SvelteKit site.", + "npm": "leblog", + "addedOn": "2023-02-24", + "category": "Integration", + "stars": 0 + }, { "title": "html-svelte-parser", "url": "https://github.com/PatrickG/html-svelte-parser", - "description": "HTML to Svelte parser.", + "description": "HTML to Svelte parser that works on both the server and the client.", "npm": "html-svelte-parser", - "addedOn": "2022-12-01", + "addedOn": "2023-02-26", "tags": ["components and libraries", "layout and structure", "rich text editor", "ssr", "templates", "tree", "typescript"], "stars": 6 } From 04afcc377cfa877b127c59dee15a61351d32b087 Mon Sep 17 00:00:00 2001 From: Patrick Date: Sun, 26 Feb 2023 16:40:39 +0100 Subject: [PATCH 07/33] Format --- src/routes/components/components.json | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 99141eb..e38d3ce 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2912,7 +2912,15 @@ "description": "HTML to Svelte parser that works on both the server and the client.", "npm": "html-svelte-parser", "addedOn": "2023-02-26", - "tags": ["components and libraries", "layout and structure", "rich text editor", "ssr", "templates", "tree", "typescript"], + "tags": [ + "components and libraries", + "layout and structure", + "rich text editor", + "ssr", + "templates", + "tree", + "typescript" + ], "stars": 6 } ] From a5606da12cc7d810b57fd70b7b6012e51cc91c90 Mon Sep 17 00:00:00 2001 From: Antony Jones Date: Mon, 27 Feb 2023 22:36:24 +0000 Subject: [PATCH 08/33] Fix link to Svelte Discord --- src/routes/about/+page.svx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/about/+page.svx b/src/routes/about/+page.svx index 9d24398..4322b85 100644 --- a/src/routes/about/+page.svx +++ b/src/routes/about/+page.svx @@ -5,7 +5,7 @@ Svelte Society is the global Svelte community organization. It started as a seri - [This website](https://github.com/svelte-society/sveltesociety.dev), which documents Recipes and Examples beyond [the official docs](https://svelte.dev/) and [Events about Svelte](https://sveltesociety.dev/events) - Podcast: https://www.svelteradio.com/ - Conference: https://sveltesummit.com/ -- Discord: https://discord.gg/tnu54nB +- Discord: https://discord.gg/svelte - YouTube: http://youtube.com/SvelteSociety - Twitter: https://twitter.com/sveltesociety - [~20 meetups across 3 continents](https://twitter.com/SvelteSociety/status/1235264100600631296?s=20) From 654366783017320ef8f221ba48accb1bb6c43819 Mon Sep 17 00:00:00 2001 From: si3nloong Date: Tue, 28 Feb 2023 16:32:26 +0800 Subject: [PATCH 09/33] chore: add `Svelte Malaysia` --- src/lib/components/Societies/societies.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/lib/components/Societies/societies.json b/src/lib/components/Societies/societies.json index 35cce56..af9db77 100644 --- a/src/lib/components/Societies/societies.json +++ b/src/lib/components/Societies/societies.json @@ -84,5 +84,10 @@ "githuburl": "https://github.com/svelte-jp", "url": "https://svelte-jp.connpass.com", "discord": "https://discord.com/invite/YTXq3ZtBbx" + }, + { + "name": "Svelte Malaysia", + "country": "🇲🇾 Malaysia", + "url": "https://www.facebook.com/groups/1049534299333802" } ] From d0c7cc57dc3519454f08ab9dc67706899ceedc2c Mon Sep 17 00:00:00 2001 From: Kasper Date: Fri, 3 Mar 2023 00:23:30 +0100 Subject: [PATCH 10/33] Add `Svelte Droplet` --- src/routes/components/components.json | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index e38d3ce..0451a96 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2922,5 +2922,19 @@ "typescript" ], "stars": 6 + }, + { + "title": "Svelte Droplet", + "url": "https://github.com/probablykasper/svelte-droplet", + "description": "File dropzone utility for Svelte, with styling up to you", + "npm": "svelte-droplet", + "addedOn": "2023-03-03", + "category": "Forms & User Input", + "tags": [ + "inputs and widgets", + "forms", + "interactions" + ], + "stars": 0 } ] From 011df3366b7a00d5fa72dba483128bd11632448c Mon Sep 17 00:00:00 2001 From: Kasper Date: Fri, 3 Mar 2023 00:25:03 +0100 Subject: [PATCH 11/33] Remove unnecessary "for Svelte" --- src/routes/components/components.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 0451a96..5623577 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2926,7 +2926,7 @@ { "title": "Svelte Droplet", "url": "https://github.com/probablykasper/svelte-droplet", - "description": "File dropzone utility for Svelte, with styling up to you", + "description": "File dropzone utility with styling up to you", "npm": "svelte-droplet", "addedOn": "2023-03-03", "category": "Forms & User Input", From ddf5631c867a33e012329e5be5a6af3ebf404c3e Mon Sep 17 00:00:00 2001 From: Kasper Date: Sat, 4 Mar 2023 00:13:53 +0000 Subject: [PATCH 12/33] Format --- src/routes/components/components.json | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 5623577..08b83d8 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2930,11 +2930,7 @@ "npm": "svelte-droplet", "addedOn": "2023-03-03", "category": "Forms & User Input", - "tags": [ - "inputs and widgets", - "forms", - "interactions" - ], + "tags": ["inputs and widgets", "forms", "interactions"], "stars": 0 } ] From 5fb6ad522ba4a77a1a9e62027ca7dc5e9126fdaf Mon Sep 17 00:00:00 2001 From: Nik Date: Mon, 13 Mar 2023 17:50:46 +1100 Subject: [PATCH 13/33] Updated Skeleton's package scope and star count --- src/routes/components/components.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 08b83d8..2fe04f9 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2704,11 +2704,11 @@ "title": "Skeleton", "url": "https://skeleton.dev/", "description": "A fully featured web UI toolkit for Svelte and Tailwind.", - "npm": "@brainandbones/skeleton", + "npm": "@skeletonlabs/skeleton", "addedOn": "2022-08-01", "category": "Design System", "tags": ["components and libraries", "component sets"], - "stars": 479 + "stars": 1459 }, { "title": "svelte-hover-draw-svg", From fffedf4c33455d8f54f0ba3735040d910a0e53e9 Mon Sep 17 00:00:00 2001 From: PaulMaly Date: Mon, 13 Mar 2023 19:33:56 +0300 Subject: [PATCH 14/33] Update svelte-pathfinder info --- src/routes/components/components.json | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 08b83d8..4fa511c 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -1372,15 +1372,18 @@ "url": "https://github.com/PaulMaly/svelte-page-router" }, { - "addedOn": "2020-09-29T14:39:13Z", - "category": "Routers", - "description": "State-based router for Svelte 3.", - "npm": "svelte-pathfinder", - "stars": 30, - "tags": ["routers", "stores and state"], "title": "svelte-pathfinder", - "url": "https://github.com/PaulMaly/svelte-pathfinder" - }, + "url": "https://github.com/sveltetools/svelte-pathfinder", + "description": "Tiny, state-based, advanced router for SvelteJS.", + "npm": "svelte-pathfinder", + "addedOn": "2023-03-13", + "category": "Routers", + "tags": [ + "routers", + "stores and state" + ], + "stars": 103 + } { "addedOn": "2020-09-29T14:39:13Z", "category": "", From faa88c308b5060fe36e203e47b16ce7401a4cbda Mon Sep 17 00:00:00 2001 From: Maxime Dupont Date: Thu, 16 Mar 2023 10:57:02 +0100 Subject: [PATCH 15/33] Add french society --- src/lib/components/Societies/societies.json | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/lib/components/Societies/societies.json b/src/lib/components/Societies/societies.json index af9db77..8c38092 100644 --- a/src/lib/components/Societies/societies.json +++ b/src/lib/components/Societies/societies.json @@ -1,4 +1,14 @@ [ + { + "continent": "🌐 World", + "type": "contintent" + }, + { + "name": "Svelte Society francophone", + "country": "French - Francophonie", + "discord": "https://discord.gg/cJZUCUxMYZ", + "twitter": "@SvelteSocietyFr" + }, { "continent": "🇪🇺 Europe", "type": "contintent" From c7d55da22be3187093683f325b231e238985eca5 Mon Sep 17 00:00:00 2001 From: MacFJA Date: Thu, 16 Mar 2023 19:31:14 +0100 Subject: [PATCH 16/33] fix commit fffedf4 by @PaulMaly --- src/routes/components/components.json | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 60bc8c8..9f26747 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -1378,12 +1378,9 @@ "npm": "svelte-pathfinder", "addedOn": "2023-03-13", "category": "Routers", - "tags": [ - "routers", - "stores and state" - ], + "tags": ["routers", "stores and state"], "stars": 103 - } + }, { "addedOn": "2020-09-29T14:39:13Z", "category": "", From 0be4d72abd5f5a9e98847f22a29d6a72169a4712 Mon Sep 17 00:00:00 2001 From: TheHadiAhmadi Date: Tue, 28 Mar 2023 22:29:59 +0430 Subject: [PATCH 17/33] Add YeSvelte component library --- src/routes/components/components.json | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 9f26747..2efbb71 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2932,5 +2932,23 @@ "category": "Forms & User Input", "tags": ["inputs and widgets", "forms", "interactions"], "stars": 0 + }, + { + "title": "YeSvelte", + "url": "https://github.com/yesvelte/yesvelte", + "description": "Flexible Svelte UI component library, designed to help developers build enterprise-grade web applications quickly and easily", + "npm": "yesvelte", + "addedOn": "2023-02-26", + "category": "Forms & User Input", + "tags": [ + "component sets", + "components and libraries", + "form validation", + "forms", + "inputs and widgets", + "time and date", + "typescript" + ], + "stars": 0 } ] From bfcf102836efdf46bdb8f0346781cad535837523 Mon Sep 17 00:00:00 2001 From: Gyorgy Kallai Date: Sun, 23 Apr 2023 21:44:31 +0200 Subject: [PATCH 18/33] add svelte-tel-input package --- src/routes/components/components.json | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 2efbb71..3b93505 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -1,4 +1,20 @@ -[ +[ + { + "title": "svelte-tel-input", + "url": "https://github.com/sveltejs/svelte-lorem-ipsum", + "description": "Lightweight phone input standardizer.", + "npm": "svelte-lorem-ipsum", + "addedOn": "2023-04-23", + "category": "Forms & User Input", + "tags": [ + "inputs and widgets", + "forms and validation", + "validation", + "typescript", + "components and libraries" + ], + "stars": 25 + }, { "title": "svelte-datatables-net", "url": "https://github.com/joaquimnetocel/svelte-datatables-net", From 9040903a200505f10db805023661131d0b6cfcf5 Mon Sep 17 00:00:00 2001 From: Gyorgy Kallai Date: Mon, 24 Apr 2023 11:24:24 +0200 Subject: [PATCH 19/33] Update components.json --- src/routes/components/components.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index 3b93505..b8abee4 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -1,9 +1,9 @@ [ { "title": "svelte-tel-input", - "url": "https://github.com/sveltejs/svelte-lorem-ipsum", + "url": "https://github.com/gyurielf/svelte-tel-input", "description": "Lightweight phone input standardizer.", - "npm": "svelte-lorem-ipsum", + "npm": "svelte-tel-input", "addedOn": "2023-04-23", "category": "Forms & User Input", "tags": [ From 605f5b027c445a5f7d06bd8ee8c7cd21fa892f6d Mon Sep 17 00:00:00 2001 From: gyurielf Date: Sat, 29 Apr 2023 10:09:29 +0200 Subject: [PATCH 20/33] fix: format --- src/routes/components/components.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index b8abee4..f422bac 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -1,4 +1,4 @@ -[ +[ { "title": "svelte-tel-input", "url": "https://github.com/gyurielf/svelte-tel-input", From b2233c9e6eada3710b3213da89ba35138f916f24 Mon Sep 17 00:00:00 2001 From: Bartek Telec Date: Tue, 16 May 2023 13:30:51 +0200 Subject: [PATCH 21/33] add svelte-svg-transform to components.json --- src/routes/components/components.json | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index f422bac..f0719bc 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2966,5 +2966,22 @@ "typescript" ], "stars": 0 + }, + { + "title": "svelte-svg-transform", + "url": "https://github.com/bartektelec/svelte-svg-transform", + "description": "A tiny component to override SVG file properties", + "npm": "svelte-svg-transform", + "addedOn": "2023-05-16", + "category": "Developer Experience", + "tags": [ + "components and libraries", + "fonts and icons", + "images", + "layout and structure", + "typescript" + ], + "stars": 0 } + ] From 525a61ddbff676d382b2db4c2772a0311e66ce17 Mon Sep 17 00:00:00 2001 From: SBHattarj <79201315+SBHattarj@users.noreply.github.com> Date: Thu, 18 May 2023 16:38:49 +0530 Subject: [PATCH 22/33] added library full-client-server-sveltekit A library allowing for writing server code directly on the browser using web socket allowing you to not think about the api routes --- src/routes/tools/tools.json | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/routes/tools/tools.json b/src/routes/tools/tools.json index 45fee74..b9f510b 100644 --- a/src/routes/tools/tools.json +++ b/src/routes/tools/tools.json @@ -315,5 +315,14 @@ "category": "Linting and Formatting", "tags": [], "stars": 0 + }, + { + "title": "full-client-server-sveltekit", + "url": "https://www.npmjs.com/package/full-client-server-sveltekit", + "description": "A plugin allowing usage of server directly on browser using web socket", + "npm": "full-client-server-sveltekit", + "addedOn": "2023-05-18", + "category": "Bundler Plugins", + "stars": 0 } ] From 9c8a290e9c5215548545f663d958817d202b04b2 Mon Sep 17 00:00:00 2001 From: Yuichiro Yamashita Date: Sat, 27 May 2023 17:46:01 +0900 Subject: [PATCH 23/33] chore: add `svelte-preprocess-delegate-events` --- src/routes/tools/tools.json | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/routes/tools/tools.json b/src/routes/tools/tools.json index b9f510b..9e2bc84 100644 --- a/src/routes/tools/tools.json +++ b/src/routes/tools/tools.json @@ -324,5 +324,14 @@ "addedOn": "2023-05-18", "category": "Bundler Plugins", "stars": 0 + }, + { + "title": "svelte-preprocess-delegate-events", + "url": "https://github.com/baseballyama/svelte-preprocess-delegate-events", + "description": "Delegate events with on:* 🎉", + "npm": "svelte-preprocess-delegate-events", + "addedOn": "2023-05-27", + "category": "Preprocessors", + "stars": 19 } ] From 568d3437364154fede3a6967892e70670af60136 Mon Sep 17 00:00:00 2001 From: Yuichiro Yamashita Date: Sat, 27 May 2023 19:21:24 +0900 Subject: [PATCH 24/33] Make `eslint-plugin-svelte` as official --- src/routes/tools/tools.json | 21 ++++++--------------- 1 file changed, 6 insertions(+), 15 deletions(-) diff --git a/src/routes/tools/tools.json b/src/routes/tools/tools.json index b9f510b..f1429b5 100644 --- a/src/routes/tools/tools.json +++ b/src/routes/tools/tools.json @@ -170,15 +170,6 @@ "tags": [], "stars": 45 }, - { - "addedOn": "2021-08-09T10:14:05.723Z", - "title": "eslint-plugin-svelte3", - "category": "Linting and Formatting", - "description": "An ESLint plugin for Svelte v3 components.", - "url": "https://github.com/sveltejs/eslint-plugin-svelte3", - "tags": ["official"], - "stars": 289 - }, { "addedOn": "2021-08-09T10:14:05.723Z", "title": "prettier-plugin-svelte", @@ -307,15 +298,15 @@ "stars": 7 }, { - "title": "@ota-meshi/eslint-plugin-svelte", - "url": "https://github.com/ota-meshi/eslint-plugin-svelte", + "title": "eslint-plugin-svelte", + "url": "https://github.com/sveltejs/eslint-plugin-svelte", "description": "ESLint plugin that applies own rules to Svelte", - "npm": "@ota-meshi/eslint-plugin-svelte", + "npm": "eslint-plugin-svelte", "addedOn": "2022-04-16", "category": "Linting and Formatting", - "tags": [], - "stars": 0 - }, + "tags": ["official"], + "stars": 135 + } { "title": "full-client-server-sveltekit", "url": "https://www.npmjs.com/package/full-client-server-sveltekit", From c0ca9b0ebcb2042086f7f6c67599b11fe8b1f7ed Mon Sep 17 00:00:00 2001 From: Yuichiro Yamashita Date: Sat, 27 May 2023 19:24:34 +0900 Subject: [PATCH 25/33] Update src/routes/tools/tools.json --- src/routes/tools/tools.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/tools/tools.json b/src/routes/tools/tools.json index f1429b5..e281357 100644 --- a/src/routes/tools/tools.json +++ b/src/routes/tools/tools.json @@ -306,7 +306,7 @@ "category": "Linting and Formatting", "tags": ["official"], "stars": 135 - } + }, { "title": "full-client-server-sveltekit", "url": "https://www.npmjs.com/package/full-client-server-sveltekit", From 267b2f81490a3d6e2ef8ba3de2dd705aa16397c2 Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 1 Jun 2023 09:00:07 -0700 Subject: [PATCH 26/33] remove archived vitest adder --- src/routes/templates/templates.json | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/src/routes/templates/templates.json b/src/routes/templates/templates.json index e8fc6bf..509325b 100644 --- a/src/routes/templates/templates.json +++ b/src/routes/templates/templates.json @@ -858,16 +858,6 @@ "tags": ["blog", "templates", "mdsvex", "markdown"], "stars": 372 }, - { - "title": "davipon/svelte-add-vitest", - "url": "https://github.com/davipon/svelte-add-vitest", - "description": "Svelte adder for Vitest", - "npm": "svelte-add-vitest", - "addedOn": "2022-08-03", - "category": "Svelte Add", - "tags": ["testing"], - "stars": 0 - }, { "title": "QWER Blog Starter", "url": "https://github.com/kwchang0831/svelte-QWER", From 37934ef6dc99ee3345b22ef686e13f6922c25a2d Mon Sep 17 00:00:00 2001 From: Ben McCann <322311+benmccann@users.noreply.github.com> Date: Thu, 1 Jun 2023 09:17:51 -0700 Subject: [PATCH 27/33] more svelte add updates --- src/routes/templates/templates.json | 60 +++++++++++++++++++---------- 1 file changed, 39 insertions(+), 21 deletions(-) diff --git a/src/routes/templates/templates.json b/src/routes/templates/templates.json index 509325b..704f762 100644 --- a/src/routes/templates/templates.json +++ b/src/routes/templates/templates.json @@ -629,7 +629,7 @@ "addedOn": "2021-06-24T14:39:21Z", "category": "Svelte Add", "description": "Add PostCSS to your Svelte project", - "stars": 19, + "stars": 42, "tags": [], "title": "svelte-add/postcss", "url": "https://github.com/svelte-add/postcss" @@ -638,16 +638,25 @@ "addedOn": "2021-06-24T14:39:22Z", "category": "Svelte Add", "description": "Add Tailwind CSS to your Svelte project", - "stars": 289, + "stars": 631, "tags": [], "title": "svelte-add/tailwindcss", "url": "https://github.com/svelte-add/tailwindcss" }, + { + "addedOn": "2023-06-01", + "category": "Svelte Add", + "description": "Add Tauri to your Svelte project", + "stars": 14, + "tags": [], + "title": "svelte-add/tailwindcss", + "url": "https://github.com/svelte-add/tauri" + }, { "addedOn": "2021-06-24T14:39:23Z", "category": "Svelte Add", "description": "Add Bulma to your Svelte project", - "stars": 5, + "stars": 35, "tags": [], "title": "svelte-add/bulma", "url": "https://github.com/svelte-add/bulma" @@ -655,17 +664,17 @@ { "addedOn": "2021-06-24T14:39:24Z", "category": "Svelte Add", - "description": "SvelteKit adder for CoffeeScript", - "stars": 2, + "description": "Add CoffeeScript to your Svelte project", + "stars": 11, "tags": [], - "title": "Leftium/coffeescript-adder", - "url": "https://github.com/Leftium/coffeescript-adder" + "title": "svelte-add/coffeescript", + "url": "https://github.com/svelte-add/coffeescript" }, { "addedOn": "2021-06-24T14:39:26Z", "category": "Svelte Add", "description": "A command to add a GraphQL server to your Svelte project", - "stars": 21, + "stars": 31, "tags": [], "title": "svelte-add/graphql-server", "url": "https://github.com/svelte-add/graphql-server" @@ -674,11 +683,29 @@ "addedOn": "2021-06-24T14:39:27Z", "category": "Svelte Add", "description": "A command to add hosting on Firebase to your Svelte project", - "stars": 3, + "stars": 7, "tags": [], "title": "svelte-add/firebase-hosting", "url": "https://github.com/svelte-add/firebase-hosting" }, + { + "title": "svelte-add/scss", + "url": "https://github.com/svelte-add/scss", + "description": "Add SCSS to your Svelte project", + "stars": 55, + "tags": [], + "addedOn": "2023-06-01", + "category": "Svelte Add" + }, + { + "title": "svelte-add/3d", + "url": "https://github.com/svelte-add/3d", + "description": "Add 3D scenes to your Svelte project", + "stars": 5, + "tags": [], + "addedOn": "2023-06-01", + "category": "Svelte Add" + }, { "title": "vhscom/svelte-headlessui-starter", "url": "https://github.com/vhscom/svelte-headlessui-starter", @@ -692,25 +719,16 @@ "addedOn": "2021-06-24T14:39:28Z", "category": "Svelte Add", "description": "Add mdsvex to your Svelte project", - "stars": 36, + "stars": 82, "tags": [], "title": "svelte-add/mdsvex", "url": "https://github.com/svelte-add/mdsvex" }, - { - "addedOn": "2021-06-24T14:39:25Z", - "category": "Svelte Add", - "description": "Add Pug to SvelteKit.", - "stars": 1, - "tags": [], - "title": "Leftium/pug-adder", - "url": "https://github.com/Leftium/pug-adder" - }, { "addedOn": "2021-06-24T14:39:29Z", "category": "Svelte Add", "description": "Add Supabase to your Svelte project", - "stars": 36, + "stars": 63, "tags": [], "title": "joshnuss/svelte-supabase", "url": "https://github.com/joshnuss/svelte-supabase" @@ -719,7 +737,7 @@ "addedOn": "2021-07-21T11:39:29Z", "category": "Svelte Add", "description": "Add Jest to your SvelteKit project", - "stars": 15, + "stars": 32, "tags": [], "title": "rossyman/svelte-add-jest", "url": "https://github.com/rossyman/svelte-add-jest" From d6f01a899f03b99ea3d2f5abd2c57d76c2cf2535 Mon Sep 17 00:00:00 2001 From: Bartek Telec Date: Thu, 1 Jun 2023 20:53:54 +0200 Subject: [PATCH 28/33] format --- src/routes/components/components.json | 1 - 1 file changed, 1 deletion(-) diff --git a/src/routes/components/components.json b/src/routes/components/components.json index f0719bc..33db637 100644 --- a/src/routes/components/components.json +++ b/src/routes/components/components.json @@ -2983,5 +2983,4 @@ ], "stars": 0 } - ] From d8aba36ad7aa7093745df375b9f165afd32cacff Mon Sep 17 00:00:00 2001 From: Dennis Fundi <84317264+fundid@users.noreply.github.com> Date: Fri, 2 Jun 2023 00:22:39 +0300 Subject: [PATCH 29/33] Removed duplicate entry for Flavio Copes' Svelte handbook Removed Flavio Copes' self published Svelte Handbook from the major publishers book list --- src/routes/resources/+page.svelte | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/routes/resources/+page.svelte b/src/routes/resources/+page.svelte index 4e567c2..38debda 100644 --- a/src/routes/resources/+page.svelte +++ b/src/routes/resources/+page.svelte @@ -1,10 +1,5 @@