fmt

Author: Mqxx

.github/workflows/deployment.yml

@@ -2,8 +2,8 @@ name: Deploy GitHub Pages
 
 on:
   push:
-    branches: ["main"]
-    
+    branches: ['main']
+
   workflow_dispatch:
     inputs:
       page-root-directory:
@@ -17,10 +17,10 @@ permissions:
   id-token: write
 
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: false
 
-jobs:   
+jobs:
   deploy:
     name: Deploy Pages
     # Deploy only to Github Pages if repository name ends with .github.io
@@ -38,7 +38,7 @@ jobs:
         uses: denoland/setup-deno@v2
         with:
           deno-version: ${{env.deno-version}}
-          
+
       - name: Build page
         run: deno task build
 
@@ -47,13 +47,13 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           path: ${{env.page-root-directory}}
-          
+
       - name: Upload build artifact (Workflow Dispatch)
         if: (github.event.inputs.page-root-directory)
         uses: actions/upload-artifact@v4
         with:
           path: ${{github.event.inputs.page-root-directory}}
-        
+
       - name: Setup pages
         uses: actions/configure-pages@v4
 
@@ -72,4 +72,3 @@ jobs:
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v3
-          

.github/workflows/lint.yml

@@ -1,32 +1,31 @@
-name: Run Linter
-
-on:
-  push:
-    branches: ["main"]
-
-  workflow_dispatch:
-
-permissions:
-  contents: read
-  pages: write
-  checks: write
-
-jobs:
-  lint:
-    name: Lint
-    runs-on: ubuntu-latest
-    env:
-      deno-version: v2.x
-
-    steps:
-      - name: Setup Repository (${{github.event.repository.name}})
-        uses: actions/checkout@v4
-
-      - name: Setup Deno (${{env.deno-version}})
-        uses: denoland/setup-deno@v2
-        with:
-          deno-version: ${{env.deno-version}}
-      
-      - name: Run Linter
-        run: deno task lint
-
+name: Run Linter
+
+on:
+  push:
+    branches: ['main']
+
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  checks: write
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    env:
+      deno-version: v2.x
+
+    steps:
+      - name: Setup Repository (${{github.event.repository.name}})
+        uses: actions/checkout@v4
+
+      - name: Setup Deno (${{env.deno-version}})
+        uses: denoland/setup-deno@v2
+        with:
+          deno-version: ${{env.deno-version}}
+
+      - name: Run Linter
+        run: deno task lint

.github/workflows/test.yml

@@ -2,7 +2,7 @@ name: Run Unit Tests
 
 on:
   push:
-    branches: ["main"]
+    branches: ['main']
 
   workflow_dispatch:
 
@@ -26,12 +26,11 @@ jobs:
         uses: denoland/setup-deno@v2
         with:
           deno-version: ${{env.deno-version}}
-      
+
       - name: Run Tests
         run: deno task test
 
       - name: Generate jUnit Report
         uses: mikepenz/action-junit-report@v4
         with:
           report_paths: 'reports/report.xml'
-

README.md

@@ -1,10 +1,10 @@
 # Template
+
 <img src="https://github.com/user-attachments/assets/ca0d1fb9-4f77-4b3d-9812-7590c4208193" align="right" width="128">
 
 Template for Frontend development. Build a web page using [SolidJS](https://solidjs.com) as frontend framework and
 [Deno](https://deno.land) as your backend. Clean architecture. No NodeJS required.
 
-
 [![Run Linter](https://github.com/JavaScriptPlayground/Template/actions/workflows/lint.yml/badge.svg)](https://github.com/JavaScriptPlayground/Template/actions/workflows/lint.yml)
 [![Run Unit Tests](https://github.com/JavaScriptPlayground/Template/actions/workflows/test.yml/badge.svg)](https://github.com/JavaScriptPlayground/Template/actions/workflows/test.yml)
 [![Deploy GitHub Pages](https://github.com/JavaScriptPlayground/Template/actions/workflows/deployment.yml/badge.svg)](https://github.com/JavaScriptPlayground/Template/actions/workflows/deployment.yml)
@@ -41,32 +41,36 @@ Template for Frontend development. Build a web page using [SolidJS](https://soli
   - `e_to_e` End to End tests for the page.
 
 ## Usage
+
 ### Getting started
-Checkout the template and run initial [`deno install`](#tasks). This will install all the necessary dependencies.
-If you still getting import errors, try reloading the "import registries cache".
+
+Checkout the template and run initial [`deno install`](#tasks). This will install all the necessary dependencies. If you
+still getting import errors, try reloading the "import registries cache".
 
 Next you can build your app using [`deno task build`](#tasks).
 
 After that your app is ready to serve by using [`deno task serve`](#tasks).
 
 ### Tasks
+
 Use `deno task <name_of_the_task>`:
 
-- `build` Build the page. *(recommended)*
-- `build:watch` Build the page with active file watcher. *(recommended)*
+- `build` Build the page. _(recommended)_
+- `build:watch` Build the page with active file watcher. _(recommended)_
 - `build:dev` Build the page for development (without optimization like minification).
 - `build:dev:watch` Build the page for development (without optimization like minification) with active file watcher.
 - `cache-reload` Cache all dependencies.
-- `serve` Serve the build `dist` directory as the page root. *(recommended)*
-- `serve:dev` Serve the build `dist` directory as the page root for development (with verbose logging and directory 
+- `serve` Serve the build `dist` directory as the page root. _(recommended)_
+- `serve:dev` Serve the build `dist` directory as the page root for development (with verbose logging and directory
   listing enabled).
 - `lint` Lint the sourcecode
 - `test` Test your sourcecode (all `.test.ts` file will be checked). A junit report gets generated to
   `./reports/report.xml`
 
 ### GitHub Workflows
-- `deployment.yml` Deploys your current app to GitHub Pages if the name of your repository ends with `.github.io`.
-  (Ex. `github.com/foo/foo.github.io`)
+
+- `deployment.yml` Deploys your current app to GitHub Pages if the name of your repository ends with `.github.io`. (Ex.
+  `github.com/foo/foo.github.io`)
 - `lint.yml` Lints your sourcecode.
 - `test.yml` Runs all the unit tests.
 

build/esbuild.ts

@@ -4,16 +4,16 @@ import { bold, green, magenta } from '@std/fmt/colors';
 import { parseArgs } from '@std/cli/parse-args';
 import { copy as esbuildPluginCopy } from './plugins/copy.ts';
 import { transformScriptTags as esbuildPluginTransformScriptTags } from './plugins/transform_script_tags.ts';
-import { denoPlugin as esbuildPluginDeno } from "@deno/esbuild-plugin";
-import { solidPlugin as esbuildPluginSolidJS } from "@esbuild-plugin-solid";
+import { denoPlugin as esbuildPluginDeno } from '@deno/esbuild-plugin';
+import { solidPlugin as esbuildPluginSolidJS } from '@esbuild-plugin-solid';
 
 const args = parseArgs<{
   watch: boolean | undefined,
   develop: boolean | undefined,
   logLevel: esbuild.LogLevel
 }>(Deno.args);
 
-const copyConfig : esbuild.BuildOptions = {
+const copyConfig: esbuild.BuildOptions = {
   allowOverwrite: true,
   logLevel: args.logLevel ?? 'info',
   color: true,
@@ -26,9 +26,9 @@ const copyConfig : esbuild.BuildOptions = {
   plugins: [
     esbuildPluginCopy()
   ]
-}
+};
 
-const buildConfig : esbuild.BuildOptions = {
+const buildConfig: esbuild.BuildOptions = {
   allowOverwrite: true,
   logLevel: args.logLevel ?? 'info',
   legalComments: args.develop ? 'inline' : 'none',
@@ -59,9 +59,11 @@ const buildConfig : esbuild.BuildOptions = {
       debug: false
     })
   ]
-}
+};
 
-console.log(bold(`Build process started. Building and bundling for ${magenta(args.develop ? '[Development]' : '[Production]')}.`));
+console.log(
+  bold(`Build process started. Building and bundling for ${magenta(args.develop ? '[Development]' : '[Production]')}.`)
+);
 
 const timestampNow = Date.now();
 
@@ -75,5 +77,5 @@ if (args.watch) {
   ]).then(() => {
     esbuild.stop();
     console.log(green(`esbuild ${esbuild.version} finished build in ${(Date.now() - timestampNow).toString()}ms.`));
-  })
+  });
 }

build/plugins/copy.ts

@@ -1,16 +1,15 @@
 import type * as esbuild from '@esbuild';
 
-
 export function copy() : esbuild.Plugin {
   return ({
     name: 'copy',
-    setup(build) : void {
-      build.onLoad({filter: /.*/}, (args) => {
+    setup(build): void {
+      build.onLoad({ filter: /.*/ }, (args) => {
         return {
           contents: Deno.readTextFileSync(args.path),
-          loader: 'copy',
-        }
-      })
+          loader: 'copy'
+        };
+      });
     }
-  })
+  });
 }

build/plugins/transform_script_tags.ts

@@ -1,24 +1,23 @@
 import type * as esbuild from '@esbuild';
 
-
 export function transformScriptTags(options?: {
   pattern?: RegExp,
   replaceExtensionWith?: string
 }) : esbuild.Plugin {
   return ({
     name: 'html-script-tags',
-    setup(build) : void {
-      build.onLoad({filter: /\.html$/}, (args) => {
+    setup(build): void {
+      build.onLoad({ filter: /\.html$/ }, (args) => {
         return {
           contents: Deno.readTextFileSync(args.path).replace(
             options?.pattern ?? /(?<=<script.*src=")(.*)(?=".*>)/gm,
-            (_, scriptSrcPath : string) => {
-              return scriptSrcPath.replace(/\.tsx?$/, options?.replaceExtensionWith ?? '.js')
+            (_, scriptSrcPath: string) => {
+              return scriptSrcPath.replace(/\.tsx?$/, options?.replaceExtensionWith ?? '.js');
             }
           ),
-          loader: 'copy',
-        }
-      })
+          loader: 'copy'
+        };
+      });
     }
-  })
+  });
 }

deno.json

@@ -10,22 +10,22 @@
     "build": {
       "description": "Build the app for production.",
       "command": "deno run -A ./build/esbuild.ts",
-      "dependencies": [ "clear-dist" ]
+      "dependencies": ["clear-dist"]
     },
     "build:watch": {
       "description": "Build the app for production with watcher.",
       "command": "deno run -A ./build/esbuild.ts --watch",
-      "dependencies": [ "clear-dist" ]
+      "dependencies": ["clear-dist"]
     },
     "build:dev": {
       "description": "Build the app for development.",
       "command": "deno run -A ./build/esbuild.ts --develop",
-      "dependencies": [ "clear-dist" ]
+      "dependencies": ["clear-dist"]
     },
     "build:dev:watch": {
       "description": "Build the app for development with watcher.",
       "command": "deno run -A ./build/esbuild.ts --develop --watch",
-      "dependencies": [ "clear-dist" ]
+      "dependencies": ["clear-dist"]
     },
     "cache-reload": {
       "description": "Reload the dependency cache.",
@@ -34,12 +34,12 @@
     "serve": {
       "description": "Run the server on port 8000 for production.",
       "command": "deno run -A ./src/server/index.ts --port=8000",
-      "dependencies": [ "build" ]
+      "dependencies": ["build"]
     },
     "serve:dev": {
       "description": "Run the server on port 8000 for development.",
       "command": "deno run -A ./src/server/index.ts --develop --port=8000",
-      "dependencies": [ "build:dev" ]
+      "dependencies": ["build:dev"]
     },
     "lint": {
       "description": "Run linter.",
@@ -48,7 +48,7 @@
     "test": {
       "description": "Run unit tests. Junit reports will be saved to \"./reports/report.xml\".",
       "command": "deno test -A --check --reload --doc --permit-no-files --junit-path=\"./reports/report.xml\"",
-      "dependencies": [ "clear-reports" ]
+      "dependencies": ["clear-reports"]
     }
   },
   "compilerOptions": {
@@ -70,7 +70,6 @@
     ]
   },
   "lint": {
-    "include": [ "./src/components/toggle_switch/" ],
     "plugins": [
       "./lint/plugins/colon_spacing.ts"
     ],
@@ -107,7 +106,8 @@
   "fmt": {
     "trailingCommas": "never",
     "singleQuote": true,
-    "lineWidth": 120
+    "lineWidth": 120,
+    "typeLiteral.separatorKind": "comma"
   },
   "imports": {
     "@deno/esbuild-plugin": "jsr:@deno/esbuild-plugin@^1.2.0",