@@ -26,8 +11,7 @@
following into your command line and following the prompts:
-
-
npm init svelte@next
+
npm create svelte@latest
The page you're looking at is purely static HTML, with no client-side interactivity needed.
diff --git a/examples/sveltekit-app-template-web3/src/routes/contracts/+page.svelte b/examples/sveltekit-app-template-web3/src/routes/contracts/+page.svelte
new file mode 100644
index 0000000..c0df133
--- /dev/null
+++ b/examples/sveltekit-app-template-web3/src/routes/contracts/+page.svelte
@@ -0,0 +1,10 @@
+
+ $contracts
+
+
+
+
+
diff --git a/examples/sveltekit-app-template-web3/src/routes/setprovider/+page.svelte b/examples/sveltekit-app-template-web3/src/routes/setprovider/+page.svelte
new file mode 100644
index 0000000..c9a8588
--- /dev/null
+++ b/examples/sveltekit-app-template-web3/src/routes/setprovider/+page.svelte
@@ -0,0 +1,11 @@
+
+ setProvider()
+
+
+
+
+
diff --git a/examples/sveltekit-app-template-web3/src/routes/todos/+page.server.js b/examples/sveltekit-app-template-web3/src/routes/todos/+page.server.js
new file mode 100644
index 0000000..c642fe8
--- /dev/null
+++ b/examples/sveltekit-app-template-web3/src/routes/todos/+page.server.js
@@ -0,0 +1,46 @@
+import { error } from '@sveltejs/kit';
+import { api } from './api';
+
+export const load = async ({ locals }) => {
+ // locals.userid comes from src/hooks.js
+ const response = await api('GET', `todos/${locals.userid}`);
+
+ if (response.status === 404) {
+ // user hasn't created a todo list.
+ // start with an empty array
+ return {
+ todos: []
+ };
+ }
+
+ if (response.status === 200) {
+ return {
+ todos: await response.json()
+ };
+ }
+
+ throw error(response.status);
+};
+
+export const POST = async ({ request, locals }) => {
+ const form = await request.formData();
+
+ await api('POST', `todos/${locals.userid}`, {
+ text: form.get('text')
+ });
+};
+
+export const PATCH = async ({ request, locals }) => {
+ const form = await request.formData();
+
+ await api('PATCH', `todos/${locals.userid}/${form.get('uid')}`, {
+ text: form.has('text') ? form.get('text') : undefined,
+ done: form.has('done') ? !!form.get('done') : undefined
+ });
+};
+
+export const DELETE = async ({ request, locals }) => {
+ const form = await request.formData();
+
+ await api('DELETE', `todos/${locals.userid}/${form.get('uid')}`);
+};
diff --git a/examples/sveltekit-app-template-web3/src/routes/todos/index.svelte b/examples/sveltekit-app-template-web3/src/routes/todos/+page.svelte
similarity index 79%
rename from examples/sveltekit-app-template-web3/src/routes/todos/index.svelte
rename to examples/sveltekit-app-template-web3/src/routes/todos/+page.svelte
index bdf12af..51d3d7a 100644
--- a/examples/sveltekit-app-template-web3/src/routes/todos/index.svelte
+++ b/examples/sveltekit-app-template-web3/src/routes/todos/+page.svelte
@@ -1,44 +1,14 @@
-
-
Todos
+
@@ -46,13 +16,10 @@
- {#each todos as todo (todo.uid)}
+ {#each data.todos as todo (todo.uid)}
-
@@ -158,7 +117,7 @@
.done {
transform: none;
opacity: 0.4;
- filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1));
+ filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));
}
form.text {
diff --git a/examples/sveltekit-app-template-web3/src/routes/todos/[uid].json.js b/examples/sveltekit-app-template-web3/src/routes/todos/[uid].json.js
deleted file mode 100644
index 4373f20..0000000
--- a/examples/sveltekit-app-template-web3/src/routes/todos/[uid].json.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { api } from './_api';
-
-// PATCH /todos/:uid.json
-export const patch = async (request) => {
- return api(request, `todos/${request.locals.userid}/${request.params.uid}`, {
- text: request.body.get('text'),
- done: request.body.has('done') ? !!request.body.get('done') : undefined
- });
-};
-
-// DELETE /todos/:uid.json
-export const del = async (request) => {
- return api(request, `todos/${request.locals.userid}/${request.params.uid}`);
-};
diff --git a/examples/sveltekit-app-template-web3/src/routes/todos/_api.js b/examples/sveltekit-app-template-web3/src/routes/todos/_api.js
deleted file mode 100644
index 9dc73ad..0000000
--- a/examples/sveltekit-app-template-web3/src/routes/todos/_api.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- This module is used by the /todos.json and /todos/[uid].json
- endpoints to make calls to api.svelte.dev, which stores todos
- for each user. The leading underscore indicates that this is
- a private module, _not_ an endpoint — visiting /todos/_api
- will net you a 404 response.
-
- (The data on the todo app will expire periodically; no
- guarantees are made. Don't use it to organise your life.)
-*/
-
-const base = 'https://api.svelte.dev';
-
-export async function api(request, resource, data) {
- // user must have a cookie set
- if (!request.locals.userid) {
- return { status: 401 };
- }
-
- const res = await fetch(`${base}/${resource}`, {
- method: request.method,
- headers: {
- 'content-type': 'application/json'
- },
- body: data && JSON.stringify(data)
- });
-
- // if the request came from a