WIP - svelte-kit example

exceptionless/Website#38
exceptionless · Oct 20, 2021 · 8d1d4a6 · 8d1d4a6
1 parent e3133b8
commit 8d1d4a6
Show file tree

Hide file tree

Showing 11 changed files with 803 additions and 30 deletions.
diff --git a/example/svelte-kit/.gitignore b/example/svelte-kit/.gitignore
@@ -0,0 +1,5 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
diff --git a/example/svelte-kit/README.md b/example/svelte-kit/README.md
@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte);
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm init svelte@next
+
+# create a new project in my-app
+npm init svelte@next my-app
+```
+
+> Note: the `@next` is temporary
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+Before creating a production version of your app, install an [adapter](https://kit.svelte.dev/docs#adapters) for your target environment. Then:
+
+```bash
+npm run build
+```
+
+> You can preview the built app with `npm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.
diff --git a/example/svelte-kit/jsconfig.json b/example/svelte-kit/jsconfig.json
@@ -0,0 +1,10 @@
+{
+	"compilerOptions": {
+		"baseUrl": ".",
+		"paths": {
+			"$lib": ["src/lib"],
+			"$lib/*": ["src/lib/*"]
+		}
+	},
+	"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/example/svelte-kit/package.json b/example/svelte-kit/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "svelte-kit",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "svelte-kit dev",
+    "build": "svelte-kit build",
+    "preview": "svelte-kit preview"
+  },
+  "dependencies": {
+    "@exceptionless/browser": "2.0.0-dev"
+  },
+  "devDependencies": {
+    "@sveltejs/kit": "next",
+    "svelte": "^3.42.6"
+  },
+  "type": "module"
+}
diff --git a/example/svelte-kit/src/app.html b/example/svelte-kit/src/app.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%svelte.head%
+	</head>
+	<body>
+		<div id="svelte">%svelte.body%</div>
+	</body>
+</html>
diff --git a/example/svelte-kit/src/global.d.ts b/example/svelte-kit/src/global.d.ts
@@ -0,0 +1 @@
+/// <reference types="@sveltejs/kit" />
diff --git a/example/svelte-kit/src/hooks.js b/example/svelte-kit/src/hooks.js
@@ -0,0 +1,11 @@
+import { Exceptionless } from "@exceptionless/browser";
+
+Exceptionless.startup(c => {
+  c.apiKey = "LhhP1C9gijpSKCslHHCvwdSIz298twx271n1l6xw";
+  c.serverUrl = "http://localhost:5000";
+});
+
+/** @type {import('@sveltejs/kit').HandleError} */
+export async function handleError({ error, request }) {
+  await Exceptionless.submitException(error);
+}
diff --git a/example/svelte-kit/src/routes/index.svelte b/example/svelte-kit/src/routes/index.svelte
@@ -0,0 +1,9 @@
+<h1>Welcome to SvelteKit</h1>
+<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+
+<script>
+  const badVariable = () => {
+    return fakeVariable;
+  }
+  badVariable();
+</script>
diff --git a/example/svelte-kit/static/favicon.png b/example/svelte-kit/static/favicon.png
diff --git a/example/svelte-kit/svelte.config.js b/example/svelte-kit/svelte.config.js
@@ -0,0 +1,9 @@
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+  kit: {
+    // hydrate the <div id="svelte"> element in src/app.html
+    target: '#svelte',
+  }
+};
+
+export default config;