From c63eb367a85c25d52c84e7950805db0d6e4ba92a Mon Sep 17 00:00:00 2001
From: pbohlman <phil.l.bohlman.gr@dartmouth.edu>
Date: Tue, 2 Apr 2024 14:21:41 -0500
Subject: [PATCH] create-triplit-app: add svelte option

---
 .changeset/big-ways-learn.md                |  5 +++++
 packages/create-triplit-app/files/schema.ts |  5 +----
 packages/create-triplit-app/src/index.ts    | 14 +++++++++++++-
 3 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/big-ways-learn.md

diff --git a/.changeset/big-ways-learn.md b/.changeset/big-ways-learn.md
new file mode 100644
index 00000000..bdebcc12
--- /dev/null
+++ b/.changeset/big-ways-learn.md
@@ -0,0 +1,5 @@
+---
+'create-triplit-app': patch
+---
+
+add svelte option
diff --git a/packages/create-triplit-app/files/schema.ts b/packages/create-triplit-app/files/schema.ts
index faa4f871..553ab732 100644
--- a/packages/create-triplit-app/files/schema.ts
+++ b/packages/create-triplit-app/files/schema.ts
@@ -1,10 +1,7 @@
 // import { Schema as S } from '@triplit/db';
 
 /**
- * Define your schema here. To use your schema, you can either:
- * - Directly import your schema into your app
- * - Run 'triplit migrate create' to generate migrations (recommended for production apps)
- *
+ * Define your schema here.
  * For more information on schemas, see the docs: https://www.triplit.dev/docs/database/schemas
  */
 export const schema = {
diff --git a/packages/create-triplit-app/src/index.ts b/packages/create-triplit-app/src/index.ts
index 8fe36fe0..e27027ed 100644
--- a/packages/create-triplit-app/src/index.ts
+++ b/packages/create-triplit-app/src/index.ts
@@ -49,6 +49,15 @@ const FRAMEWORKS: Framework[] = [
       '@triplit/react': '^0.3.1',
     },
   },
+  {
+    name: 'svelte',
+    display: 'Svelte',
+    color: red,
+    variants: [],
+    dependencies: {
+      '@triplit/svelte': '^0.1.3',
+    },
+  },
 ];
 
 const TEMPLATES = ['chat'];
@@ -69,6 +78,8 @@ function getViteTemplateForFramework(framework: string) {
   switch (framework) {
     case 'react':
       return 'react-ts';
+    case 'svelte':
+      return 'svelte-ts';
     case 'vanilla':
       return 'vanilla-ts';
     default:
@@ -182,7 +193,8 @@ async function createTriplitAppWithVite() {
   const viteScaffold = new Promise<void>((resolve, reject) => {
     const child = spawn(pkgManager, createArgs, {
       stdio: [process.stdin, process.stdout, process.stderr],
-    shell:true})!;
+      shell: true,
+    })!;
     child.on('error', (err) => {
       console.error(err);
       reject();