create-mikstack 0.1.16 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mikstack",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "license": "MIT",
   "repository": {
     "type": "git",

package/templates/base/src/lib/zero/queries.ts

@@ -4,7 +4,7 @@ import { zql } from "./schema";
 export const queries = defineQueries({
   note: {
     mine: defineQuery(({ ctx }) =>
-      zql.note.where("userId", ctx.userID).orderBy("updatedAt", "desc"),
+      zql.note.where("userId", ctx.userID).orderBy("createdAt", "desc"),
     ),
   },
   inAppNotification: {

package/templates/base/src/routes/(app)/+page.svelte

@@ -25,6 +25,17 @@
   const notesQuery = z.q(queries.note.mine());
   const notes = $derived(notesQuery.data);
 
+  const isMac = $derived(navigator.platform.startsWith("Mac") || navigator.platform === "iPhone");
+  const isMobile = $derived(/Android|iPhone|iPad|iPod/i.test(navigator.userAgent));
+  const modLabel = $derived(isMac ? "⌘" : "Ctrl");
+
+  function submitOnModEnter(e: KeyboardEvent) {
+    if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+      e.preventDefault();
+      (e.currentTarget as HTMLFormElement).requestSubmit();
+    }
+  }
+
   let editingId = $state<string | null>(null);
 
   const noteSchema = v.object({
@@ -107,7 +118,7 @@
 
   <section>
     <h2>New note</h2>
-    <form id={createNoteForm.id} onsubmit={createNoteForm.onsubmit} class="note-form">
+    <form id={createNoteForm.id} onsubmit={createNoteForm.onsubmit} onkeydown={submitOnModEnter} class="note-form">
       <FormField for={createNoteForm.fields.title.as("text").id}>
         {#snippet label(attrs)}
           <label {...attrs}>Title</label>
@@ -129,12 +140,6 @@
           id="{createNoteForm.id}-content"
           oninput={(e) =>
             createNoteForm.fields.content.set((e.target as HTMLTextAreaElement).value)}
-          onkeydown={(e) => {
-            if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
-              e.preventDefault();
-              document.getElementById(createNoteForm.id)?.requestSubmit();
-            }
-          }}
           value={createNoteForm.fields.content.value() as string}
           placeholder="Write something..."
         />
@@ -146,7 +151,8 @@
 
       <Button type="submit" disabled={createNoteForm.pending}>
         <Plus size={16} weight="bold" />
-        {createNoteForm.pending ? "Creating..." : "Create note"} <kbd>Ctrl+Enter</kbd>
+        {createNoteForm.pending ? "Creating..." : "Create note"}
+        {#if !isMobile}<kbd>{modLabel}+Enter</kbd>{/if}
       </Button>
     </form>
   </section>
@@ -162,7 +168,7 @@
         {#each notes as note (note.id)}
           <li class="note-card">
             {#if editingId === note.id}
-              <form id={editForm.id} onsubmit={editForm.onsubmit} class="note-form">
+              <form id={editForm.id} onsubmit={editForm.onsubmit} onkeydown={submitOnModEnter} class="note-form">
                 <FormField for={editForm.fields.title.as("text").id}>
                   {#snippet label(attrs)}
                     <label {...attrs}>Title</label>
@@ -184,13 +190,8 @@
                     id="{editForm.id}-content"
                     oninput={(e) =>
                       editForm.fields.content.set((e.target as HTMLTextAreaElement).value)}
-                    onkeydown={(e) => {
-                      if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
-                        e.preventDefault();
-                        document.getElementById(editForm.id)?.requestSubmit();
-                      }
-                    }}
                     value={editForm.fields.content.value() as string}
+                    autofocus
                   />
                 </FormField>
 
@@ -201,6 +202,7 @@
                 <div class="actions">
                   <Button type="submit" disabled={editForm.pending}>
                     {editForm.pending ? "Saving..." : "Save"}
+                    {#if !isMobile}<kbd>{modLabel}+Enter</kbd>{/if}
                   </Button>
                   <Button variant="ghost" type="button" onclick={cancelEdit}>
                     <X size={16} weight="bold" /> Cancel

package/templates/supply-chain-bun/.mcp.json

@@ -0,0 +1,13 @@
+{
+  "mcpServers": {
+    "svelte": {
+      "type": "stdio",
+      "command": "bunx",
+      "args": ["@sveltejs/mcp"]
+    },
+    "chrome-devtools": {
+      "command": "bunx",
+      "args": ["chrome-devtools-mcp@latest"]
+    }
+  }
+}

package/templates/{base → supply-chain-npm}/.mcp.json

@@ -4,6 +4,10 @@
       "type": "stdio",
       "command": "npx",
       "args": ["-y", "@sveltejs/mcp"]
+    },
+    "chrome-devtools": {
+      "command": "npx",
+      "args": ["-y", "chrome-devtools-mcp@latest"]
     }
   }
 }

package/templates/supply-chain-pnpm/.mcp.json

@@ -0,0 +1,13 @@
+{
+  "mcpServers": {
+    "svelte": {
+      "type": "stdio",
+      "command": "pnpx",
+      "args": ["@sveltejs/mcp"]
+    },
+    "chrome-devtools": {
+      "command": "pnpx",
+      "args": ["chrome-devtools-mcp@latest"]
+    }
+  }
+}