Added: linter

Author: Mqxx

deno.json

@@ -70,6 +70,10 @@
     ]
   },
   "lint": {
+    "include": [ "./src/components/toggle_switch/" ],
+    "plugins": [
+      "./lint/plugins/colon_spacing.ts"
+    ],
     "rules": {
       "tags": [
         "recommended"
@@ -101,10 +105,9 @@
     }
   },
   "fmt": {
-    "options": {
-      "singleQuote": true,
-      "lineWidth": 120
-    }
+    "trailingCommas": "never",
+    "singleQuote": true,
+    "lineWidth": 120
   },
   "imports": {
     "@deno/esbuild-plugin": "jsr:@deno/esbuild-plugin@^1.2.0",

lint/plugins/colon_spacing.ts

@@ -0,0 +1,32 @@
+/// <reference lib="deno.ns" />
+/// <reference lib="deno.unstable" />
+
+export default {
+  name: "colon-spacing",
+  rules: {
+    "after-function": {
+       create(context) : Deno.lint.LintVisitor {
+         return {
+            TSTypeAnnotation(node) : void {
+              if (node.parent.type === 'FunctionDeclaration') {
+                const functionStart = node.parent.range[0];
+                const sectionEnd = node.range[0]
+                const index = context.sourceCode.getText(node.parent).substring(0, sectionEnd - functionStart).search(/\) *$/) + 1
+                const sectionStart = functionStart + index;
+
+                if (index !== -1 && sectionEnd - sectionStart !== 1) {
+                  context.report({
+                    message: `Wrong colon spacing. [${sectionStart}, ${sectionEnd}]`,
+                    range: [sectionStart - 1, sectionEnd + 1],
+                    fix(fixer) {
+                      return fixer.replaceTextRange([sectionStart, sectionEnd], ' ')
+                    },
+                  })
+                } 
+              }
+            }
+         }
+       }
+    }
+  }
+} satisfies Deno.lint.Plugin

src/components/button/button.tsx

@@ -1,19 +1,20 @@
-import { mergeProps, type JSXElement } from '@solid-js'
-import { buttonTypes, type ButtonType } from './button_types.ts';
-import './index.css'
-
+import { type JSXElement, mergeProps } from '@solid-js';
+import { type ButtonType, buttonTypes } from './button_types.ts';
+import './index.css';
 
 export function Button(props: {
-  type?: ButtonType,
-  children: JSXElement
-}) : JSXElement {
+  type?: ButtonType;
+  children: JSXElement;
+}): JSXElement {
   const properties = mergeProps({ type: buttonTypes.DEFAULT }, props);
 
   return (
     <button
       type='button'
       class={`ui button button--${properties.type}`}
       data-type={properties.type}
-    >{properties.children}</button>
-  )
+    >
+      {properties.children}
+    </button>
+  );
 }

src/components/toggle_switch/toggle_switch.tsx

@@ -1,21 +1,19 @@
-import { type JSXElement, createSignal } from '@solid-js'
+import { createSignal, type JSXElement } from '@solid-js';
 
-import './index.css'
-
-
-export function ToggleSwitch() : JSXElement {
+import './index.css';
 
+export default function ToggleSwitch(_foo: string, _bar: string): JSXElement {
   const [state, setState] = createSignal(false);
 
   const toggle = () => {
     setState((v) => !v);
     console.log('State is now:', state());
-  }
+  };
 
   return (
     <button
       type='button'
-      class={`ui toggle-switch`}
+      class='ui toggle-switch'
       classList={{
         'toggle-switch--active': state()
       }}
@@ -24,5 +22,5 @@ export function ToggleSwitch() : JSXElement {
     >
       {state() ? 'ON' : 'OFF'}
     </button>
-  )
+  );
 }