create-chayns-app 1.1.27 → 1.2.0-beta.0

package/templates/api-v5/shared/ts/src/types/global.d.ts

@@ -12,3 +12,8 @@ declare module '*.svg?url' {
     const value: string;
     export = value;
 }
+
+declare module '*.json' {
+    const value: any;
+    export default value;
+}

package/templates/api-v5/shared/ts/tsconfig.json

@@ -1,21 +1,19 @@
 {
-  "compilerOptions": {
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "baseUrl": "src",
-    "checkJs": false,
-    "esModuleInterop": true,
-    "experimentalDecorators": true,
-    "isolatedModules": true,
-    "jsx": "react",
-    "lib": [
-      "DOM",
-      "ESNext"
-    ],
-    "moduleResolution": "Node",
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "strict": true
-  }
+    "compilerOptions": {
+        "allowJs": true,
+        "allowSyntheticDefaultImports": true,
+        "baseUrl": "src",
+        "checkJs": false,
+        "esModuleInterop": true,
+        "experimentalDecorators": true,
+        "isolatedModules": true,
+        "jsx": "react",
+        "lib": ["DOM", "ESNext"],
+        "moduleResolution": "Node",
+        "target": "ES2020",
+        "noEmit": true,
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "strict": true
+    }
 }

package/templates/page/README.md

@@ -13,8 +13,7 @@
 
 ## Get Started
 
-To get started with working on the project first you have to install its
-dependencies:
+To get started with working on the project first you have to install its dependencies:
 
 ```bash
 {{ install-command }}
@@ -24,16 +23,15 @@ Then you will have the following commands available:
 
 ### `{{ run-command }} dev`
 
-This starts the project with a local server for development. Typically this will
-be on [`http://localhost:1234/`](http://localhost:1234/), but this
+This starts the project with a local server for development. Typically this will be on
+[`http://localhost:1234/`](http://localhost:1234/), but this
 [can be adjusted](https://github.com/TobitSoftware/chayns-toolkit#development-options).
 
 ### `{{ run-command }} build`
 
 This builds your project for production.
 
-> If you want to analyze your bundle size you can do so by passing the `-a` flag
-> to this command.
+> If you want to analyze your bundle size you can do so by passing the `-a` flag to this command.
 
 ### `{{ run-command }} lint`
 
@@ -45,7 +43,6 @@ Automatically formats all of the source code in your project.
 
 ---
 
-This project is based on
-[`chayns-toolkit`](https://github.com/TobitSoftware/chayns-toolkit). If you
+This project is based on [`chayns-toolkit`](https://github.com/TobitSoftware/chayns-toolkit). If you
 encounter any issues with the toolchain and the commands, please
 [open an issue](https://github.com/TobitSoftware/chayns-toolkit/issues/new).

package/templates/page/src/index.html

@@ -9,7 +9,7 @@
         <title>{{ readable-package-name }}</title>
     </head>
     <body>
-        <div class="tapp" id="root" {{ tapp-style }}></div>
+        <div class="tapp" id="root"{{ tapp-style }}></div>
         <script src="https://api.chayns-static.space/js/v4.0/chayns.min.js"></script>
     </body>
 </html>

package/templates/shared/README.md

@@ -13,8 +13,7 @@
 
 ## Get Started
 
-To get started with working on the project first you have to install its
-dependencies:
+To get started with working on the project first you have to install its dependencies:
 
 ```bash
 {{ install-command }}
@@ -24,16 +23,15 @@ Then you will have the following commands available:
 
 ### `{{ run-command }} dev`
 
-This starts the project with a local server for development. Typically this will
-be on [`http://localhost:1234/`](http://localhost:1234/), but this
+This starts the project with a local server for development. Typically this will be on
+[`http://localhost:1234/`](http://localhost:1234/), but this
 [can be adjusted](https://github.com/TobitSoftware/chayns-toolkit#development-options).
 
 ### `{{ run-command }} build`
 
 This builds your project for production.
 
-> If you want to analyze your bundle size you can do so by passing the `-a` flag
-> to this command.
+> If you want to analyze your bundle size you can do so by passing the `-a` flag to this command.
 
 ### `{{ run-command }} lint`
 
@@ -45,7 +43,6 @@ Automatically formats all of the source code in your project.
 
 ---
 
-This project is based on
-[`chayns-toolkit`](https://github.com/TobitSoftware/chayns-toolkit). If you
+This project is based on [`chayns-toolkit`](https://github.com/TobitSoftware/chayns-toolkit). If you
 encounter any issues with the toolchain and the commands, please
 [open an issue](https://github.com/TobitSoftware/chayns-toolkit/issues/new).

package/templates/shared/tests/setup.js

@@ -0,0 +1,9 @@
+import { expect, afterEach } from 'vitest';
+import { cleanup } from '@testing-library/react';
+import * as matchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(matchers);
+
+afterEach(() => {
+    cleanup();
+});

package/templates/shared/vitest.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+    plugins: [react()],
+    test: {
+        globals: true,
+        environment: 'jsdom',
+        setupFiles: './tests/setup.js',
+        coverage: {
+            enabled: true,
+            provider: 'v8',
+            reporter: ['text', 'json', 'html'],
+            include: ['src/**'],
+            all: true,
+        },
+    },
+});

package/.github/workflows/publish.yml

@@ -1,21 +0,0 @@
-name: Publish to NPM
-
-on:
-    workflow_dispatch:
-    push:
-        tags:
-            - 'v*'
-
-jobs:
-    build:
-        runs-on: ubuntu-latest
-        steps:
-            - uses: actions/checkout@v2
-            - uses: actions/setup-node@v1
-              with:
-                  node-version: '20'
-                  registry-url: https://registry.npmjs.org/
-            - run: npm ci
-            - run: npm publish
-              env:
-                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}