.gitea/workflows/workflow.yaml

@@ -4,26 +4,21 @@ on:
   push:
     branches:
       - '*'
-  pull_request:
-    branches:
-      - '*'
 
 jobs:
   quality:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v2
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v2
         with:
           node-version: '22'
       - name: Install dependencies
         run: npm ci
-      - name: Run Biome checks
+      - name: Run Biome
         run: npm run quality-check
-      - name: Run husky tests
-        run: npm test
     if: always()
     outputs:
       status: ${{ job.status }}

.github/workflows/workflow.yaml

@@ -1,7 +1,7 @@
-name: CI Pipeline
+name: Quality Check
 
 on:
-  pull_request:
+  push:
     branches:
       - '*'
 
@@ -10,15 +10,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v2
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v2
         with:
           node-version: '22'
-          cache: 'npm'
       - name: Install dependencies
         run: npm ci
-      - name: Run Biome checks
+      - name: Run Biome
-        run: npx @biomejs/biome check --apply .
+        run: npm run quality-check
-      - name: Run tests
+    if: always()
-        run: npm test
+    outputs:
+      status: ${{ job.status }}

biome.json

@@ -19,22 +19,7 @@
 	"linter": {
 		"enabled": true,
 		"rules": {
-			"recommended": true,
+			"recommended": true
-			"correctness": {
-				"noUnusedVariables": "error",
-				"noUndeclaredVariables": "error",
-				"noUnreachable": "error",
-				"noUnsafeFinally": "error"
-			},
-			"security": {
-				"noDangerouslySetInnerHtml": "error",
-				"noGlobalEval": "error"
-			},
-			"style": {
-				"noVar": "error",
-				"useBlockStatements": "error",
-				"useConst": "error"
-			}
 		}
 	},
 	"javascript": {

package-lock.json

@@ -14,7 +14,6 @@
 				"@rollup/plugin-terser": "^0.4.4",
 				"@rollup/plugin-typescript": "^12.1.2",
 				"dts-bundle-generator": "^9.5.1",
-				"husky": "^9.1.7",
 				"i": "^0.3.7",
 				"npm": "^11.4.0",
 				"rimraf": "^6.0.1",
@@ -1041,22 +1040,6 @@
 				"node": ">= 0.4"
 			}
 		},
-		"node_modules/husky": {
-			"version": "9.1.7",
-			"resolved": "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz",
-			"integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
-			"dev": true,
-			"license": "MIT",
-			"bin": {
-				"husky": "bin.js"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/typicode"
-			}
-		},
 		"node_modules/i": {
 			"version": "0.3.7",
 			"resolved": "https://registry.npmjs.org/i/-/i-0.3.7.tgz",

package.json

@@ -25,7 +25,6 @@
 		"@rollup/plugin-terser": "^0.4.4",
 		"@rollup/plugin-typescript": "^12.1.2",
 		"dts-bundle-generator": "^9.5.1",
-		"husky": "^9.1.7",
 		"i": "^0.3.7",
 		"npm": "^11.4.0",
 		"rimraf": "^6.0.1",
@@ -34,10 +33,5 @@
 		"tslib": "^2.8.1",
 		"typescript": "^5.8.3"
 	},
-	"type": "module",
+	"type": "module"
-	"husky": {
-		"hooks": {
-			"pre-commit": "npm run quality-check && npm test"
-		}
-	}
 }

src/main.ts

@@ -83,8 +83,8 @@ export default (options: ComponentOptions) => {
 					conditionalElements: this._conditionalElements,
 					evaluateIfCondition: this._evaluateIfCondition.bind(this),
 				},
-				states,
+				options.states,
-				statesListeners,
+				options.statesListeners,
 			)
 
 			// initialize shadow dom
@@ -126,9 +126,7 @@ export default (options: ComponentOptions) => {
 
 		private _scheduleUpdate(elements: Set<HTMLElement>) {
 			requestAnimationFrame(() => {
-				for (const element of elements) {
+				for (const element of elements) this._updateElement(element)
-					this._updateElement(element)
-				}
 			})
 		}
 
@@ -144,9 +142,8 @@ export default (options: ComponentOptions) => {
 				const result = renderFunction()
 
 				// Update DOM
-				if (typeof result === 'string') {
+				if (typeof result === 'string') element.innerHTML = result
-					element.innerHTML = result
+				else if (result instanceof Node) {
-				} else if (result instanceof Node) {
 					element.innerHTML = ''
 					element.appendChild(result)
 				}
@@ -158,21 +155,21 @@ export default (options: ComponentOptions) => {
 
 		private _evaluateIfCondition(element: Element, condition: string) {
 			const info = this._conditionalElements.get(element)
-			if (!info) { return }
+			if (!info) return
 
 			// Evaluate the condition
 			const result = this._evaluateExpression(condition)
 			const shouldShow = Boolean(result)
 
 			if (shouldShow !== info.isPresent) {
-				if (shouldShow) {
+				if (shouldShow)
 					// Insert the element back into the DOM
 					info.placeholder.parentNode?.insertBefore(
 						element,
 						info.placeholder.nextSibling,
 					)
 				// Remove the element from the DOM
-				} else { element.parentNode?.removeChild(element) }
+				else element.parentNode?.removeChild(element)
 
 				// Update the state
 				info.isPresent = shouldShow
@@ -183,9 +180,8 @@ export default (options: ComponentOptions) => {
 		private _evaluateExpression(expression: string): unknown {
 			try {
 				// get the state keys and values
-				if (this._states[expression] !== undefined) {
+				if (this._states[expression] !== undefined)
 					return this._states[expression]
-				}
 
 				// execute the expression
 				const stateKeys = Object.keys(this._states)
@@ -193,11 +189,10 @@ export default (options: ComponentOptions) => {
 
 				const func = new Function(...stateKeys, `return ${expression}`)
 				const execRes = func(...stateValues)
-				if (typeof execRes !== 'boolean') {
+				if (typeof execRes !== 'boolean')
 					throw new Error(
 						`The expression "${expression}" must return a boolean value.`,
 					)
-				}
 				return execRes
 			} catch (error) {
 				console.error(`Error evaluating expression: ${expression}`, error)
@@ -237,16 +232,15 @@ export default (options: ComponentOptions) => {
 			// 	(name) => {
 			for (const name of Object.getOwnPropertyNames(
 				Object.getPrototypeOf(this),
-			)) {
+			))
 				if (
 					typeof (this as Record<string, unknown>)[name] === 'function' &&
 					name !== 'constructor'
-				) {
+				)
 					context[name] = (
 						this as unknown as Record<string, (...args: unknown[]) => unknown>
 					)[name].bind(this)
-				}
+
-			}
 			return context
 		}
 
@@ -366,7 +360,7 @@ export default (options: ComponentOptions) => {
 			let result = this._states
 
 			for (const part of parts) {
-				if (result === undefined || result === null) { return undefined }
+				if (result === undefined || result === null) return undefined
 				result = (result as { [key: string]: Record<string, unknown> })[part]
 			}
 
@@ -374,11 +368,11 @@ export default (options: ComponentOptions) => {
 		}
 
 		connectedCallback() {
-			if (onMount) { onMount.call(this) }
+			if (onMount) onMount.call(this)
 		}
 
 		disconnectedCallback() {
-			if (onUnmount) { onUnmount.call(this) }
+			if (onUnmount) onUnmount.call(this)
 		}
 
 		static get observedAttributes() {
@@ -390,7 +384,7 @@ export default (options: ComponentOptions) => {
 			oldValue: string,
 			newValue: string,
 		) {
-			if (onAttributeChanged) { onAttributeChanged(attrName, oldValue, newValue) }
+			if (onAttributeChanged) onAttributeChanged(attrName, oldValue, newValue)
 		}
 
 		// state manager
@@ -402,7 +396,7 @@ export default (options: ComponentOptions) => {
 			const parts = keyPath.split('.')
 			let result = this._states
 			for (const part of parts) {
-				if (result === undefined || result === null) { return undefined }
+				if (result === undefined || result === null) return undefined
 				result = (result as { [key: string]: Record<string, unknown> })[part]
 			}
 			return result