create-mikstack 0.1.32 → 0.1.34

package/package.json

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

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

@@ -146,7 +146,8 @@
     <!-- {{#if:!i18n}} -->
     <h2>New note</h2>
     <!-- {{/if:!i18n}} -->
-    <form id={createNoteForm.id} onsubmit={createNoteForm.onsubmit} onkeydown={submitOnModEnter} class="note-form" role="form">
+    <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+    <form id={createNoteForm.id} onsubmit={createNoteForm.onsubmit} onkeydown={submitOnModEnter} class="note-form">
       <FormField for={createNoteForm.fields.title.as("text").id}>
         {#snippet label(attrs)}
           <!-- {{#if:i18n}} -->
@@ -238,7 +239,8 @@
         {#each notes as note (note.id)}
           <li class="note-card">
             {#if editingId === note.id}
-              <form id={editForm.id} onsubmit={editForm.onsubmit} onkeydown={submitOnModEnter} class="note-form" role="form">
+              <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+              <form id={editForm.id} onsubmit={editForm.onsubmit} onkeydown={submitOnModEnter} class="note-form">
                 <FormField for={editForm.fields.title.as("text").id}>
                   {#snippet label(attrs)}
                     <!-- {{#if:i18n}} -->

package/templates/testing/src/lib/server/db/schema.test.ts

@@ -15,7 +15,7 @@ describe("database schema", () => {
   });
 
   it("pushes schema without data loss", async () => {
-    const result = await pushSchema(schema, testDb.db);
+    const result = await pushSchema(schema, testDb.db as Parameters<typeof pushSchema>[1]);
     expect(result.warnings).toEqual([]);
     expect(result.hasDataLoss).toBe(false);
     await result.apply();
@@ -25,7 +25,7 @@ describe("database schema", () => {
       WHERE table_schema = 'public'
       ORDER BY table_name
     `;
-    const tableNames = tables.map((row) => row.table_name);
+    const tableNames = tables.map((row) => row.table_name as string);
 
     expect(tableNames).toContain("user");
     expect(tableNames).toContain("session");

package/templates/ui/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "stylelint.validate": ["css", "svelte"]
+}

package/templates/ui/package.json.partial

@@ -8,6 +8,7 @@
   },
   "devDependencies": {
     "stylelint": "^17.1.1",
+    "stylelint-config-html": "^1.1.0",
     "stylelint-config-standard": "^40.0.0"
   }
 }

package/templates/ui/src/app.css

@@ -65,15 +65,15 @@ select {
   --radius-lg: 0.75rem;
 
   /* Light Mode Colors (oklch) */
-  --surface-1: oklch(100% 0 0);
-  --surface-2: oklch(97% 0 0);
-  --surface-3: oklch(93% 0 0);
-  --text-1: oklch(20% 0 0);
-  --text-2: oklch(40% 0 0);
-  --accent: oklch(55% 0.2 260);
-  --danger: oklch(55% 0.2 25);
-  --border: oklch(85% 0 0);
-  --focus: oklch(55% 0.2 260 / 50%);
+  --surface-1: oklch(100% 0 0deg);
+  --surface-2: oklch(97% 0 0deg);
+  --surface-3: oklch(93% 0 0deg);
+  --text-1: oklch(20% 0 0deg);
+  --text-2: oklch(40% 0 0deg);
+  --accent: oklch(55% 0.2 260deg);
+  --danger: oklch(55% 0.2 25deg);
+  --border: oklch(85% 0 0deg);
+  --focus: oklch(55% 0.2 260deg / 50%);
 
   color: var(--text-1);
   background-color: var(--surface-1);
@@ -81,14 +81,14 @@ select {
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --surface-1: oklch(15% 0 0);
-    --surface-2: oklch(20% 0 0);
-    --surface-3: oklch(25% 0 0);
-    --text-1: oklch(93% 0 0);
-    --text-2: oklch(70% 0 0);
-    --accent: oklch(70% 0.18 260);
-    --danger: oklch(70% 0.18 25);
-    --border: oklch(30% 0 0);
-    --focus: oklch(70% 0.18 260 / 50%);
+    --surface-1: oklch(15% 0 0deg);
+    --surface-2: oklch(20% 0 0deg);
+    --surface-3: oklch(25% 0 0deg);
+    --text-1: oklch(93% 0 0deg);
+    --text-2: oklch(70% 0 0deg);
+    --accent: oklch(70% 0.18 260deg);
+    --danger: oklch(70% 0.18 25deg);
+    --border: oklch(30% 0 0deg);
+    --focus: oklch(70% 0.18 260deg / 50%);
   }
 }

package/templates/ui/stylelint.config.js

@@ -1,6 +1,6 @@
 /** @type {import('stylelint').Config} */
 export default {
-  extends: ["stylelint-config-standard"],
+  extends: ["stylelint-config-standard", "stylelint-config-html/svelte"],
   rules: {
     "selector-pseudo-class-no-unknown": [true, { ignorePseudoClasses: ["global"] }],
   },

package/templates/ui-vendor/src/lib/components/ui/Alert/Alert.svelte

@@ -36,14 +36,14 @@
     }
 
     &[data-variant='success'] {
-      background-color: oklch(55% 0.15 145 / 10%);
-      border-color: oklch(55% 0.15 145 / 30%);
+      background-color: oklch(55% 0.15 145deg / 10%);
+      border-color: oklch(55% 0.15 145deg / 30%);
       color: var(--text-1);
     }
 
     &[data-variant='warning'] {
-      background-color: oklch(75% 0.15 85 / 10%);
-      border-color: oklch(75% 0.15 85 / 30%);
+      background-color: oklch(75% 0.15 85deg / 10%);
+      border-color: oklch(75% 0.15 85deg / 30%);
       color: var(--text-1);
     }
 

package/templates/ui-vendor/src/lib/components/ui/Badge/Badge.svelte

@@ -36,7 +36,7 @@
     }
 
     &[data-variant='success'] {
-      background-color: oklch(55% 0.15 145);
+      background-color: oklch(55% 0.15 145deg);
       color: white;
     }