Merge remote-tracking branch 'sveltejs/main' into update-up-to-20230309

tomoam · tomoam · commit b01d47685691 · 2023-03-10T15:26:44.000+09:00
diff --git a/content/tutorial/01-svelte/01-introduction/01-welcome-to-svelte/README.md b/content/tutorial/01-svelte/01-introduction/01-welcome-to-svelte/README.md
@@ -12,7 +12,7 @@ Svelte は、web アプリケーションを構築するためのツールです
 
 これらのコンポーネントは小さくて効率的な JavaScript モジュールに _コンパイル_ されるため、従来の UI フレームワークには付き物だったオーバーヘッドがありません。
 
-アプリ全体を Svelte で作ることもできますし (例えば [SvelteKit](https://kit.svelte.jp) のようなアプリケーションフレームワークを使用)、既存のコードベースに部分的/段階的に追加することもできます。また、どんな場所でも機能するスタンドアロンパッケージとしてコンポーネントを配布することもできます。
+アプリ全体を Svelte で作ることもできますし (例えば [SvelteKit](https://kit.svelte.jp) のようなアプリケーションフレームワークを使用して。SvelteKit はこのチュートリアルで学習できます)、既存のコードベースに部分的/段階的に追加することもできます。また、どんな場所でも機能するスタンドアロンパッケージとしてコンポーネントを配布することもできます。
 
 ## このチュートリアルの使い方
 
diff --git a/content/tutorial/01-svelte/01-introduction/meta.json b/content/tutorial/01-svelte/01-introduction/meta.json
@@ -2,7 +2,6 @@
 	"title": "Introduction",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/02-reactivity/meta.json b/content/tutorial/01-svelte/02-reactivity/meta.json
@@ -2,7 +2,6 @@
 	"title": "Reactivity",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/03-props/meta.json b/content/tutorial/01-svelte/03-props/meta.json
@@ -2,7 +2,6 @@
 	"title": "Props",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/04-logic/meta.json b/content/tutorial/01-svelte/04-logic/meta.json
@@ -2,7 +2,6 @@
 	"title": "Logic",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/05-events/meta.json b/content/tutorial/01-svelte/05-events/meta.json
@@ -2,7 +2,6 @@
 	"title": "Events",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/06-bindings/meta.json b/content/tutorial/01-svelte/06-bindings/meta.json
@@ -2,7 +2,6 @@
 	"title": "Bindings",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/07-lifecycle/02-ondestroy/app-b/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/02-ondestroy/app-b/src/lib/App.svelte
@@ -1,7 +1,7 @@
 <script>
 	import Timer from './Timer.svelte';
 
-	let open = true;
+	let open = false;
 	let seconds = 0;
 
 	const toggle = () => (open = !open);
diff --git a/content/tutorial/01-svelte/07-lifecycle/03-update/README.md b/content/tutorial/01-svelte/07-lifecycle/03-update/README.md
@@ -2,8 +2,6 @@
 title: beforeUpdate and afterUpdate
 ---
 
-> この練習問題で使用される Eliza Chatbot が現時点では動作しません。代わりに、既存のチュートリアルをお試しください: https://svelte.jp/tutorial/update
-
 `beforeUpdate` 関数は DOM が更新される直前に作業をスケジュールします。`afterUpdate` はそれと対になるもので、DOM がデータと同期した後にコードを実行するために使用されます。
 
 これらは、要素のスクロール位置を更新するなど、純粋な状態駆動では実現が困難なことを、命令的に行うのに便利です。
diff --git a/content/tutorial/01-svelte/07-lifecycle/meta.json b/content/tutorial/01-svelte/07-lifecycle/meta.json
@@ -2,7 +2,6 @@
 	"title": "Lifecycle",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/08-stores/meta.json b/content/tutorial/01-svelte/08-stores/meta.json
@@ -2,7 +2,6 @@
 	"title": "Stores",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/01-svelte/meta.json b/content/tutorial/01-svelte/meta.json
@@ -2,7 +2,6 @@
 	"title": "Welcome to Svelte",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/02-sveltekit/03-loading-data/03-universal-load-functions/README.md b/content/tutorial/02-sveltekit/03-loading-data/03-universal-load-functions/README.md
@@ -4,6 +4,8 @@ title: Universal load functions
 
 > Coming soon
 
+In the meantime, read the [documentation](https://kit.svelte.dev/docs/load#shared-vs-server) to learn more about the distinction between server `load` functions and universal `load` functions.
+
 <!--
 In the previous two exercises we loaded data from the server using `+page.server.js` and `+layout.server.js` files. This is very convenient if you need to do things like getting data directly from a database, or reading cookies.
 
diff --git a/content/tutorial/02-sveltekit/07-page-options/05-trailingslash/README.md b/content/tutorial/02-sveltekit/07-page-options/05-trailingslash/README.md
@@ -2,7 +2,7 @@
 title: trailingSlash
 ---
 
-2つの URL `/foo` と `/foo/` は同じように見えるかもしれませんが、実際は異なります。`bar` のような相対 URL は、1つめのケースでは `/bar` に解決し、2つ目のケースでは `/foo/bar` に解決します。検索エンジンはこれらを別々のエントリとして扱うため、SEO に悪影響を与えます。
+2つの URL `/foo` と `/foo/` は同じように見えるかもしれませんが、実際は異なります。`./bar` のような相対 URL は、1つめのケースでは `/bar` に解決し、2つ目のケースでは `/foo/bar` に解決します。検索エンジンはこれらを別々のエントリとして扱うため、SEO に悪影響を与えます。
 
 要するに、末尾のスラッシュを雑に扱うのは悪い考えだということです。デフォルトで、SvelteKit は末尾のスラッシュを削除します。つまり、`/foo/` に対するリクエストは `/foo` にリダイレクトされます。
 
diff --git a/content/tutorial/02-sveltekit/meta.json b/content/tutorial/02-sveltekit/meta.json
@@ -2,7 +2,6 @@
 	"title": "Introduction to SvelteKit",
 	"scope": {
 		"prefix": "/",
-		"depth": 0,
 		"name": "project"
 	},
 	"focus": "/src/routes/+page.svelte"
diff --git a/content/tutorial/03-advanced-svelte/01-motion/meta.json b/content/tutorial/03-advanced-svelte/01-motion/meta.json
@@ -2,7 +2,6 @@
 	"title": "Motion",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/02-transitions/meta.json b/content/tutorial/03-advanced-svelte/02-transitions/meta.json
@@ -2,7 +2,6 @@
 	"title": "Transitions",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/03-animations/meta.json b/content/tutorial/03-advanced-svelte/03-animations/meta.json
@@ -2,7 +2,6 @@
 	"title": "Animations",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/04-actions/meta.json b/content/tutorial/03-advanced-svelte/04-actions/meta.json
@@ -2,7 +2,6 @@
 	"title": "Actions",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/05-bindings/meta.json b/content/tutorial/03-advanced-svelte/05-bindings/meta.json
@@ -2,7 +2,6 @@
 	"title": "Advanced bindings",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/06-classes/meta.json b/content/tutorial/03-advanced-svelte/06-classes/meta.json
@@ -2,7 +2,6 @@
 	"title": "Classes",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/07-composition/meta.json b/content/tutorial/03-advanced-svelte/07-composition/meta.json
@@ -2,7 +2,6 @@
 	"title": "Component composition",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/08-context/meta.json b/content/tutorial/03-advanced-svelte/08-context/meta.json
@@ -2,7 +2,6 @@
 	"title": "Context API",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/meta.json b/content/tutorial/03-advanced-svelte/09-special-elements/meta.json
@@ -2,7 +2,6 @@
 	"title": "Special elements",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/10-module-context/meta.json b/content/tutorial/03-advanced-svelte/10-module-context/meta.json
@@ -2,7 +2,6 @@
 	"title": "Module context",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/11-special-tags/meta.json b/content/tutorial/03-advanced-svelte/11-special-tags/meta.json
@@ -2,7 +2,6 @@
 	"title": "Debugging",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/12-next-steps/meta.json b/content/tutorial/03-advanced-svelte/12-next-steps/meta.json
@@ -2,7 +2,6 @@
 	"title": "Next steps",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/03-advanced-svelte/meta.json b/content/tutorial/03-advanced-svelte/meta.json
@@ -2,7 +2,6 @@
 	"title": "Advanced Svelte",
 	"scope": {
 		"prefix": "/src/lib/",
-		"depth": 2,
 		"name": "src"
 	},
 	"focus": "/src/lib/App.svelte"
diff --git a/content/tutorial/04-advanced-sveltekit/meta.json b/content/tutorial/04-advanced-sveltekit/meta.json
@@ -2,7 +2,6 @@
 	"title": "Advanced SvelteKit",
 	"scope": {
 		"prefix": "/",
-		"depth": 0,
 		"name": "project"
 	},
 	"focus": "/src/routes/+page.svelte"
diff --git a/package.json b/package.json
@@ -12,27 +12,28 @@
 		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.30.0",
+		"@playwright/test": "^1.31.2",
 		"@sveltejs/adapter-vercel": "2.0.4",
-		"@sveltejs/kit": "^1.7.2",
+		"@sveltejs/kit": "^1.11.0",
 		"@sveltejs/site-kit": "^3.2.2",
 		"@types/diff": "^5.0.2",
 		"@types/marked": "^4.0.8",
 		"@types/prismjs": "^1.26.0",
 		"@types/ws": "^8.5.4",
 		"diff": "^5.1.0",
-		"esbuild": "^0.17.9",
+		"esbuild": "^0.17.11",
 		"prettier": "^2.8.4",
 		"prettier-plugin-svelte": "^2.9.0",
 		"svelte": "^3.55.1",
 		"svelte-check": "^2.10.3",
 		"tiny-glob": "^0.2.9",
 		"typescript": "~4.6.4",
-		"vite": "^4.1.3"
+		"vite": "^4.1.4"
 	},
 	"type": "module",
 	"dependencies": {
 		"@fontsource/roboto-mono": "^4.5.10",
+		"@rich_harris/svelte-split-pane": "^1.0.0",
 		"@webcontainer/api": "^1.0.2",
 		"adm-zip": "^0.5.10",
 		"base64-js": "^1.5.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/components/SplitPane.svelte b/src/lib/components/SplitPane.svelte
diff --git a/src/lib/icons/file.svg b/src/lib/icons/file.svg
diff --git a/src/lib/server/content.js b/src/lib/server/content.js
diff --git a/src/lib/types/index.d.ts b/src/lib/types/index.d.ts
diff --git a/src/routes/tutorial/[slug]/+page.svelte b/src/routes/tutorial/[slug]/+page.svelte
diff --git a/src/routes/tutorial/[slug]/Sidebar.svelte b/src/routes/tutorial/[slug]/Sidebar.svelte
diff --git a/src/routes/tutorial/[slug]/filetree/File.svelte b/src/routes/tutorial/[slug]/filetree/File.svelte
diff --git a/src/routes/tutorial/[slug]/filetree/Filetree.svelte b/src/routes/tutorial/[slug]/filetree/Filetree.svelte
diff --git a/src/routes/tutorial/[slug]/filetree/Folder.svelte b/src/routes/tutorial/[slug]/filetree/Folder.svelte
diff --git a/src/routes/tutorial/[slug]/filetree/Item.svelte b/src/routes/tutorial/[slug]/filetree/Item.svelte
diff --git a/src/routes/tutorial/[slug]/state.js b/src/routes/tutorial/[slug]/state.js
