-
-
-
- - - {section.title} - +
-
+
+ {section.title}
+
- {#each section.examples as example}
-
-
+ {#each section.examples as example}
+
+
- {example.title}
-
- {/each}
-
+ {example.title}
+
+ {/each}
+
{/each}
- {#each sections as section}
-
-
-
-
-
- {section.metadata.title}
-
-
-
-
- {@html section.html}
-
- {/each}
-
-
-
+
-
-
-
- {section.metadata.title}
-
-
-
-
- {@html section.html}
- -
{#each sections as section}
-
-
+
+
- import Blurb from './_components/Blurb.svelte';
+ import { Blurb, Hero, Section } from '@sveltejs/site-kit';
+ // import Blurb from './_components/Blurb.svelte';
+ import Example from './_components/Example.svelte';
import WhosUsingSvelte from './_components/WhosUsingSvelte.svelte';
- import IntersectionObserver from '../components/IntersectionObserver.svelte';
// import Lazy from '../components/Lazy.svelte';
- import ReplWidget from '../components/Repl/ReplWidget.svelte';
import contributors from './_contributors.js';
- let sy = 0;
-
// TODO this causes a Sapper CSS bug...
// function loadReplWidget() {
// console.log('lazy loading');
@@ -16,77 +14,18 @@
@@ -147,78 +47,83 @@
-
+
+
+
+
- 
-
+ learn more
+
-
+
+
-
+
+
diff --git a/site/src/routes/repl/_components/AppControls/index.svelte b/site/src/routes/repl/_components/AppControls/index.svelte
index 179a8e4470..deeae78623 100644
--- a/site/src/routes/repl/_components/AppControls/index.svelte
+++ b/site/src/routes/repl/_components/AppControls/index.svelte
@@ -1,11 +1,12 @@
+
+
+
+
diff --git a/test/runtime/samples/dev-warning-missing-data-binding/main.svelte b/test/runtime/samples/dev-warning-missing-data-binding/main.svelte
index 3714351783..cfc7830c90 100644
--- a/test/runtime/samples/dev-warning-missing-data-binding/main.svelte
+++ b/test/runtime/samples/dev-warning-missing-data-binding/main.svelte
@@ -1,5 +1,6 @@
\ No newline at end of file
diff --git a/test/runtime/samples/dev-warning-missing-data-component/Foo.svelte b/test/runtime/samples/dev-warning-missing-data-component/Foo.svelte
index 95422444cc..99e26245ae 100644
--- a/test/runtime/samples/dev-warning-missing-data-component/Foo.svelte
+++ b/test/runtime/samples/dev-warning-missing-data-component/Foo.svelte
@@ -1,6 +1,7 @@
+Write less code
+Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript
-
- Cybernetically enhanced web apps
-No virtual DOM
+Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast
+ + learn more + + + +Truly reactive
+No more complex state management libraries — Svelte brings reactivity to JavaScript itself
+ + learn more + + +
+
+
+ Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.
+ +Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.
+ +Read the introductory blog post to learn more.
+
+
++npx degit sveltejs/template my-svelte-project +cd my-svelte-project + +npm install +npm run dev & open http://localhost:5000 ++ +
See the quickstart guide for more information.
+ + +
-
+
-
-
-
+
-
-
-
+
-
-
-
+
+
-Svelte components are built on top of HTML. Just add data.
+
-
- {#if intersecting}
-
-
-
- CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favourite CSS-in-JS library.
+
-
- {#if intersecting}
-
-
-
- Trigger efficient, granular updates by assigning to local variables. The compiler does the rest.
+
-
- {#if intersecting}
-
-
-
- Build beautiful UIs with a powerful, performant transition engine built right into the framework.
- -
-
- {#if intersecting}
-
-
-
- Who's using Svelte?
Contributors
Svelte is free and open source software, made possible by the work of dozens of volunteers. Join us!
@@ -230,4 +135,4 @@ href="https://github.com/{contributor}" >{contributor} {/each} -{x} {y}
\ No newline at end of file
diff --git a/test/runtime/samples/reactive-values-fixed/_config.js b/test/runtime/samples/reactive-values-fixed/_config.js
new file mode 100644
index 0000000000..58aee09c35
--- /dev/null
+++ b/test/runtime/samples/reactive-values-fixed/_config.js
@@ -0,0 +1,11 @@
+export default {
+ html: `
+ 4
+ `, + + test({ assert, component, target }) { + assert.htmlEqual(target.innerHTML, ` +4
+ `); + } +}; diff --git a/test/runtime/samples/reactive-values-fixed/main.svelte b/test/runtime/samples/reactive-values-fixed/main.svelte new file mode 100644 index 0000000000..53445e03ba --- /dev/null +++ b/test/runtime/samples/reactive-values-fixed/main.svelte @@ -0,0 +1,6 @@ + + +{squared}
diff --git a/test/runtime/samples/store-increment-updates-reactive/_config.js b/test/runtime/samples/store-increment-updates-reactive/_config.js new file mode 100644 index 0000000000..f919d724f8 --- /dev/null +++ b/test/runtime/samples/store-increment-updates-reactive/_config.js @@ -0,0 +1,8 @@ +export default { + html: `0`, + + async test({ assert, component, target }) { + await component.increment(); + assert.htmlEqual(target.innerHTML, `1`); + } +}; diff --git a/test/runtime/samples/store-increment-updates-reactive/main.svelte b/test/runtime/samples/store-increment-updates-reactive/main.svelte new file mode 100644 index 0000000000..ceec177f7a --- /dev/null +++ b/test/runtime/samples/store-increment-updates-reactive/main.svelte @@ -0,0 +1,11 @@ + + +{$foo} diff --git a/test/runtime/samples/store-resubscribe-b/_config.js b/test/runtime/samples/store-resubscribe-b/_config.js new file mode 100644 index 0000000000..d043bbcd87 --- /dev/null +++ b/test/runtime/samples/store-resubscribe-b/_config.js @@ -0,0 +1,3 @@ +export default { + html: `42`, +}; diff --git a/test/runtime/samples/store-resubscribe-b/main.svelte b/test/runtime/samples/store-resubscribe-b/main.svelte new file mode 100644 index 0000000000..0bc321f698 --- /dev/null +++ b/test/runtime/samples/store-resubscribe-b/main.svelte @@ -0,0 +1,7 @@ + + +{$foo} diff --git a/test/validator/samples/await-no-catch/input.svelte b/test/validator/samples/await-no-catch/input.svelte new file mode 100644 index 0000000000..1d332f0e32 --- /dev/null +++ b/test/validator/samples/await-no-catch/input.svelte @@ -0,0 +1,9 @@ + + +{#await promise} +Loading
+{:then data} +Data: {data}
+{/await} diff --git a/test/validator/samples/await-no-catch/warnings.json b/test/validator/samples/await-no-catch/warnings.json new file mode 100644 index 0000000000..fe51488c70 --- /dev/null +++ b/test/validator/samples/await-no-catch/warnings.json @@ -0,0 +1 @@ +[] diff --git a/test/validator/samples/await-shorthand-no-catch/input.svelte b/test/validator/samples/await-shorthand-no-catch/input.svelte new file mode 100644 index 0000000000..e106f8d842 --- /dev/null +++ b/test/validator/samples/await-shorthand-no-catch/input.svelte @@ -0,0 +1,7 @@ + + +{#await promise then data} +Data: {data}
+{/await} diff --git a/test/validator/samples/await-shorthand-no-catch/warnings.json b/test/validator/samples/await-shorthand-no-catch/warnings.json new file mode 100644 index 0000000000..fe51488c70 --- /dev/null +++ b/test/validator/samples/await-shorthand-no-catch/warnings.json @@ -0,0 +1 @@ +[]