@adriankulik/create-fullstack-app 1.5.0 → 1.6.0

package/templates/frontend/svelte/package.json

@@ -7,24 +7,25 @@
     "build": "vite build",
     "preview": "vite preview",
     "test": "vitest run",
-    "lint": "eslint . --ext .svelte,.js,.ts,.cjs,.mjs --fix --ignore-path ../.gitignore"
+    "lint": "eslint . --fix"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@testing-library/svelte": "^4.1.0",
-    "@testing-library/jest-dom": "^6.4.2",
+    "@eslint/js": "^10.0.1",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.3.1",
     "@tsconfig/svelte": "^5.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-svelte": "^2.35.1",
-    "jsdom": "^24.0.0",
+    "eslint": "^10.4.0",
+    "eslint-plugin-svelte": "^3.17.1",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
     "prettier": "^3.2.5",
-    "svelte": "^5.55.5",
+    "svelte": "^5.55.7",
     "svelte-check": "^3.6.7",
     "tslib": "^2.6.2",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6",
-    "vitest": "^1.4.0"
+    "typescript": "^5.9.0",
+    "typescript-eslint": "^8.59.3",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.6"
   }
 }

package/templates/frontend/svelte/src/App.spec.ts

@@ -2,16 +2,16 @@ import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { render, fireEvent, waitFor } from '@testing-library/svelte/svelte5'
 import App from './App.svelte'
 
-global.fetch = vi.fn(() =>
+globalThis.fetch = vi.fn(() =>
   Promise.resolve({
     ok: true,
     json: () => Promise.resolve({ result: 10 }),
-  })
-)
+  } as unknown as Response)
+) as typeof fetch
 
 describe('App', () => {
   beforeEach(() => {
-    fetch.mockClear()
+    (fetch as ReturnType<typeof vi.fn>).mockClear()
   })
 
   it('renders a heading', () => {
@@ -21,15 +21,15 @@ describe('App', () => {
 
   it('submits a number and displays the result', async () => {
     const { getByLabelText, getByText, getByRole } = render(App)
-    
+
     const input = getByLabelText(/Enter a number/i)
     const button = getByRole('button', { name: /Multiply by 2/i })
 
     await fireEvent.input(input, { target: { value: '5' } })
-    await fireEvent.click(button)
+    await fireEvent.submit(button.closest('form')!)
 
     expect(fetch).toHaveBeenCalledTimes(1)
-    
+
     await waitFor(() => expect(getByText(/Result:/i)).toBeInTheDocument())
     expect(getByText('10')).toBeInTheDocument()
   })

package/templates/frontend/svelte/src/App.svelte

@@ -1,14 +1,21 @@
 <script lang="ts">
-  let number: string = '';
-  let result: number | null = null;
-  let error: string | null = null;
+  interface MultiplyResponse {
+    result: number;
+  }
+
+  let number: string = $state('');
+  let result: number | null = $state(null);
+  let error: string | null = $state(null);
+
+  const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:8000';
 
-  async function handleSubmit() {
+  async function handleSubmit(e: Event) {
+    e.preventDefault();
     error = null;
     result = null;
 
     try {
-      const response = await fetch('http://localhost:8000/api/multiply', {
+      const response = await fetch(`${apiUrl}/api/multiply`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -20,7 +27,7 @@
         throw new Error('Network response was not ok');
       }
 
-      const data = await response.json();
+      const data: MultiplyResponse = await response.json();
       result = data.result;
     } catch (err: unknown) {
       error = (err as Error).message;
@@ -30,7 +37,7 @@
 
 <main style="padding: 2rem; font-family: sans-serif;">
   <h1>Multiplier App (Svelte)</h1>
-  <form on:submit|preventDefault={handleSubmit} style="margin-bottom: 1rem;">
+  <form onsubmit={handleSubmit} style="margin-bottom: 1rem;">
     <label for="numberInput" style="display: block; margin-bottom: 0.5rem;">
       Enter a number:
     </label>

package/templates/frontend/svelte/start.sh

@@ -1,2 +1,3 @@
 #!/usr/bin/env bash
+set -e
 npm run dev

package/templates/frontend/svelte/test.sh

@@ -1,2 +1,3 @@
 #!/usr/bin/env bash
+set -e
 npm run test

package/templates/frontend/svelte/vite.config.ts

@@ -1,9 +1,9 @@
-/// <reference types="vitest" />
 import { defineConfig } from 'vitest/config'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { svelteTesting } from '@testing-library/svelte/vite'
 
 export default defineConfig({
-  plugins: [svelte()],
+  plugins: [svelte(), svelteTesting()],
   test: {
     environment: 'jsdom',
     globals: true,

package/templates/frontend/vue/eslint.config.js

@@ -0,0 +1,26 @@
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+import tseslint from 'typescript-eslint'
+import globals from 'globals'
+
+export default [
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node
+      }
+    }
+  },
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: tseslint.parser
+      }
+    }
+  }
+]

package/templates/frontend/vue/lint.sh

@@ -1,3 +1,4 @@
 #!/usr/bin/env bash
+set -e
 npm run lint
 npx prettier --write .