From b6bea30f3b046ef4165ff40945ff9b377dedae86 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <ghostdevbusiness@gmail.com>
Date: Sun, 20 Aug 2023 06:06:49 +0100
Subject: [PATCH] Add playground for development (#10391)

Co-authored-by: gtmnayan <gtmnayan@gmail.com>
Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>
---
 CONTRIBUTING.md                           |  10 +++++++++-
 playgrounds/basic/README.md               |   5 +++++
 playgrounds/basic/jsconfig.json           |  17 +++++++++++++++++
 playgrounds/basic/package.json            |  18 ++++++++++++++++++
 playgrounds/basic/src/app.d.ts            |  12 ++++++++++++
 playgrounds/basic/src/app.html            |  12 ++++++++++++
 playgrounds/basic/src/lib/index.js        |   1 +
 playgrounds/basic/src/routes/+page.svelte |   2 ++
 playgrounds/basic/static/favicon.png      | Bin 0 -> 1571 bytes
 playgrounds/basic/svelte.config.js        |  10 ++++++++++
 playgrounds/basic/vite.config.js          |   6 ++++++
 pnpm-lock.yaml                            |  18 ++++++++++++++++++
 pnpm-workspace.yaml                       |   1 +
 13 files changed, 111 insertions(+), 1 deletion(-)
 create mode 100644 playgrounds/basic/README.md
 create mode 100644 playgrounds/basic/jsconfig.json
 create mode 100644 playgrounds/basic/package.json
 create mode 100644 playgrounds/basic/src/app.d.ts
 create mode 100644 playgrounds/basic/src/app.html
 create mode 100644 playgrounds/basic/src/lib/index.js
 create mode 100644 playgrounds/basic/src/routes/+page.svelte
 create mode 100644 playgrounds/basic/static/favicon.png
 create mode 100644 playgrounds/basic/svelte.config.js
 create mode 100644 playgrounds/basic/vite.config.js

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a8902566fa5e..5fc83158606b 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -16,7 +16,15 @@ cd kit
 pnpm install
 ```
 
-You can now run SvelteKit by linking it into your project with [pnpm `overrides`](https://pnpm.io/package_json#pnpmoverrides):
+## Testing Changes
+
+### Playground
+
+You can use the playground at [`playgrounds/basic`](./playgrounds/basic/) to experiment with your changes to SvelteKit locally.
+
+### Linking
+
+If you want to test against an existing project, you can use [pnpm `overrides`](https://pnpm.io/package_json#pnpmoverrides) in that project:
 
 ```jsonc
 {
diff --git a/playgrounds/basic/README.md b/playgrounds/basic/README.md
new file mode 100644
index 000000000000..adb570111453
--- /dev/null
+++ b/playgrounds/basic/README.md
@@ -0,0 +1,5 @@
+You may use this package to experiment with your changes to SvelteKit.
+
+To prevent any changes you make in this directory from being accidentally committed, run `git update-index --skip-worktree ./**/*.*` in this directory.
+
+If you would actually like to make some changes to the files here for everyone then run `git update-index --no-skip-worktree ./**/*.*` before committing.
diff --git a/playgrounds/basic/jsconfig.json b/playgrounds/basic/jsconfig.json
new file mode 100644
index 000000000000..fe45e13fdd06
--- /dev/null
+++ b/playgrounds/basic/jsconfig.json
@@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
diff --git a/playgrounds/basic/package.json b/playgrounds/basic/package.json
new file mode 100644
index 000000000000..b25f98149d8f
--- /dev/null
+++ b/playgrounds/basic/package.json
@@ -0,0 +1,18 @@
+{
+	"name": "playground",
+	"version": "0.0.0",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "workspace:*",
+		"@sveltejs/kit": "workspace:*",
+		"svelte": "^4.0.5",
+		"typescript": "^5.0.0",
+		"vite": "^4.4.2"
+	},
+	"type": "module"
+}
diff --git a/playgrounds/basic/src/app.d.ts b/playgrounds/basic/src/app.d.ts
new file mode 100644
index 000000000000..f59b884c51ed
--- /dev/null
+++ b/playgrounds/basic/src/app.d.ts
@@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/playgrounds/basic/src/app.html b/playgrounds/basic/src/app.html
new file mode 100644
index 000000000000..effe0d0d266c
--- /dev/null
+++ b/playgrounds/basic/src/app.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/playgrounds/basic/src/lib/index.js b/playgrounds/basic/src/lib/index.js
new file mode 100644
index 000000000000..856f2b6c38ae
--- /dev/null
+++ b/playgrounds/basic/src/lib/index.js
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/playgrounds/basic/src/routes/+page.svelte b/playgrounds/basic/src/routes/+page.svelte
new file mode 100644
index 000000000000..5982b0ae37dd
--- /dev/null
+++ b/playgrounds/basic/src/routes/+page.svelte
@@ -0,0 +1,2 @@
+<h1>Welcome to SvelteKit</h1>
+<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
diff --git a/playgrounds/basic/static/favicon.png b/playgrounds/basic/static/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..825b9e65af7c104cfb07089bb28659393b4f2097
GIT binary patch
literal 1571
zcmV+;2Hg3HP)<h;3K|Lk000e1NJLTq004jh004jp1ONa4X*a1r00001b5ch_0Itp)
z=>Px)-AP12RCwC$UE6KzI1p6{F2N<Fgp}YCTtZ542`(WexCEDw|A=A)1A-t30wEX>
z1VK2vi|pOpn{~#djwYcWXTI_im_u^TJgMZ4JMOsSj!0ma>B?-(Hr@X&W@|R-$}W@Z
zg<YDbY-gN-C@$NXr>j#$x=!~7LGqHW?IO8+*oE1MyDp!G=L<gz=E*n%PA*mnuaD-%
zU>0#^lUx?;!fXv@l^6SvTnf^ac{5OurzC#ZMYc20lI%HhX816AYVs1T3heS1*WaWH
z%;x>)-J}YB5#CLzU@GBR6sXYrD>Vw(Fmt#|JP;+}<#6b63Ike{Fuo!?M{yEffez;|
zp!PfsuaC)>h>-AdbnwN13g*1LowNjT5?+lFVd#9$!8Z9HA|$*6dQ8EHLu}U|obW6f
z2%uGv?vr=KNq7YYa2Roj;|zooo<)lf=&2yxM@e`kM$CmCR#x>gI>I|*Ubr({5Y^rb
zghxQU22N}F51}^yfDSt7<V*0Nvi!iKPY@n`1~$se=LwHTOE7`*@+};uU_gT$1{Nib
z9&~5~nc4J(EWez%_f0Ty7T;wB{7s*oNO=9p8(o}N*_V>86oMTc!W&V;d?76)9KXX1
z+6Okem(d}YXmmOiZq$!IPk5t8nnS{%?+vDFz3BevmFN<oPlV?qzG@=jl`t@|E8zV8
zJ4}It4e%+dFPWw16u{sAX42jlFu{_e!AKZE75iV2&Q7>gpIod~R{>@#@5x9zJK<vg
zI0+@80NMa{gtNoRhsR-w%piFI3d-5xrN)R}H!WtK=Gp%dC5(a`Q0V4_vS-mj<((Z~
zbV*PucDY#zFVglY>EHLHv!gHeK~n)Ld!M8DB|Kfe%~123&Hz1Z(86nU7*G5chmyDe
ziV7$pB7pJ=96hpxHv9rCR29%bLOXlKU<_13_M8x)6;P8E1Kz6G<&P?$P^%c!M5`2`
zfY2zg;VK5~^>TJGQzc+33-n~gKt{{of8GzUkWmU110IgI0DLxRIM>0US|TsM=L|@F
z0Bun8U!cRB7-2apz=y-7*UxOxz@Z0)@QM)9wSGki1AZ38ceG7Q72z5`i;i=J`ILzL
z@iUO?SBBG-0cQuo+an4TsL<j(YStU%^TNkjEqg808>y-g-x;8P4UVwk|D8{W@U1Zi
z!M)+jqy@nQ$p?5tsHp-6J304Q={v-B>66$P0IDx&YT(`IcZ~bZfmn11#rXd7<5s}y
zBi9eim&zQc0Dk|2>$bs0PnLmDfMP5lcXRY&cvJ=zKxI^f0%-d$tD!`LBf9^jMSYUA
zI8U?CWdY@}cRq6{5~y+<zzg4N+!Mudx;=&$zSp?cjRmyF-+404b-P66DA17$<$H}=
z7$P4)QXt>)#h1!*-HcGW@+gZ4B};0OnC~`xQOyH19z*TA!!<qA9l$G~6DRxiCy7Vo
zOl^oK!S3XbayWz&p33NSw$lxR1fm)O*rCE0^ZNmk0wnax!!?%g599+O37!666~F(y
z5fq?5T*Fm{^%YR^PiM%z#%x`fAC+;C&`X5JXN_40SieIEXoaUU=*}=c0OC7@a*rFE
z3xr3yyFB~zRl(lNY&B@$Fia%81M!xeIuTYNz!Dz6eBKONjL<@dJdT$H?ShKl6$p=F
ze!fdgzelJI&n`Hk9f}>BJ%9s0V3F?CAJ{hTd#*tf+ur-W9MOURF-@B77_-OshsY}6
zOXRY=5%C^*26z?l)1=$bz30!so5tfABdSYzO+H=CpV~aaUefmjvfZ3Ttu9W&W3Iu6
zROlh0MFA5h;my}8lB0tAV-Rvc2Zs_CCSJnx@d`<ao$!3dCkTn3@aF0ny6VrToO6qA
z-~&2=w&2nT&o5u>**$idgy-iMob4dJWWw|21b4NB=LfsYp0Aeh{Ov)yztQi;eL4y5
zMi>8^SzKqk8~k?UiQK^^-5d8c%bV?$F8%X~czyiaKCI2=UH<v&YL5FIcieFm_zQ2O
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa

literal 0
HcmV?d00001

diff --git a/playgrounds/basic/svelte.config.js b/playgrounds/basic/svelte.config.js
new file mode 100644
index 000000000000..301e785eb88c
--- /dev/null
+++ b/playgrounds/basic/svelte.config.js
@@ -0,0 +1,10 @@
+import adapter from '@sveltejs/adapter-auto';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		adapter: adapter()
+	}
+};
+
+export default config;
diff --git a/playgrounds/basic/vite.config.js b/playgrounds/basic/vite.config.js
new file mode 100644
index 000000000000..bbf8c7da43f0
--- /dev/null
+++ b/playgrounds/basic/vite.config.js
@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5618bfc8a9d9..2e2414cfe3d6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -986,6 +986,24 @@ importers:
         specifier: ^0.5.6
         version: 0.5.6
 
+  playgrounds/basic:
+    devDependencies:
+      '@sveltejs/adapter-auto':
+        specifier: workspace:*
+        version: link:../../packages/adapter-auto
+      '@sveltejs/kit':
+        specifier: workspace:*
+        version: link:../../packages/kit
+      svelte:
+        specifier: ^4.0.5
+        version: 4.1.2
+      typescript:
+        specifier: ^5.0.0
+        version: 5.0.4
+      vite:
+        specifier: ^4.4.2
+        version: 4.4.9(@types/node@20.4.9)(lightningcss@1.21.5)
+
   sites/kit.svelte.dev:
     dependencies:
       d3-geo:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 7de1bd0a80cc..061febda7d04 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -8,3 +8,4 @@ packages:
   - 'packages/kit/test/build-errors/apps/*'
   - 'packages/create-svelte/templates/*'
   - '!.test-tmp/**'
+  - 'playgrounds/*'