.gitea/workflows/publishToNpm.yaml

@@ -12,18 +12,16 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2
-      - name: Set up Node.js
+      - name: Setup Biome
-        uses: actions/setup-node@v2
+        uses: biomejs/setup-biome@v2
         with:
-          node-version: '22'
+          version: latest
-      - name: Install dependencies
-        run: npm ci
       - name: Run Biome
         run: biome ci .
 
   publish:
     runs-on: ubuntu-latest
-    needs: quality
+
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2

rollup.config.js

@@ -1,6 +1,6 @@
 import resolve from '@rollup/plugin-node-resolve'
-import terser from '@rollup/plugin-terser'
 import typescript from '@rollup/plugin-typescript'
+import terser from '@rollup/plugin-terser'
 import dts from 'rollup-plugin-dts'
 
 export default [

src/main.ts

@@ -66,11 +66,7 @@ export default (options: ComponentOptions) => {
 			this._states = new Proxy(
 				{ ...(states || {}) },
 				{
-					set: (
+					set: (target: Record<string, unknown>, keyPath: string, value: unknown) => {
-						target: Record<string, unknown>,
-						keyPath: string,
-						value: unknown,
-					) => {
 						const valueRoute = keyPath.split('.')
 						let currentTarget = target
 						for (const i in valueRoute) {
@@ -78,7 +74,8 @@ export default (options: ComponentOptions) => {
 							if (Number.parseInt(i) === valueRoute.length - 1) {
 								currentTarget[key] = value
 							} else {
-								if (!currentTarget[key]) currentTarget[key] = {}
+								if (!currentTarget[key])
+									currentTarget[key] = {}
 								currentTarget = currentTarget[key] as Record<string, unknown>
 							}
 						}
@@ -116,7 +113,8 @@ export default (options: ComponentOptions) => {
 							if (Number.parseInt(i) === valueRoute.length - 1)
 								return currentTarget[key]
 
-							if (!currentTarget[key]) currentTarget[key] = {}
+							if (!currentTarget[key])
+								currentTarget[key] = {}
 							currentTarget = currentTarget[key] as Record<string, unknown>
 						}
 						return undefined
@@ -194,19 +192,19 @@ export default (options: ComponentOptions) => {
 						if (value !== undefined)
 							binding.element.setAttribute(binding.attrName, String(value))
 					}
+
 			}
 		}
 
 		private _scheduleUpdate(elements: Set<HTMLElement>) {
 			requestAnimationFrame(() => {
-				for (const element of elements) this._updateElement(element)
+				for (const element of elements)
+					this._updateElement(element)
 			})
 		}
 
 		private _updateElement(element: HTMLElement) {
-			const renderFunction = (
+			const renderFunction = (element as { _renderFunction?: () => string | Node })._renderFunction
-				element as { _renderFunction?: () => string | Node }
-			)._renderFunction
 			if (renderFunction) {
 				// Set rendering context
 				this._currentRenderingElement = element
@@ -215,7 +213,8 @@ export default (options: ComponentOptions) => {
 				const result = renderFunction()
 
 				// Update DOM
-				if (typeof result === 'string') element.innerHTML = result
+				if (typeof result === 'string')
+					element.innerHTML = result
 				else if (result instanceof Node) {
 					element.innerHTML = ''
 					element.appendChild(result)
@@ -350,19 +349,11 @@ export default (options: ComponentOptions) => {
 								eventName,
 								handlerValue,
 							)
-						} else if (
+						} else if (typeof (this as Record<string, unknown>)[handlerValue] === 'function') {
-							typeof (this as Record<string, unknown>)[handlerValue] ===
-							'function'
-						) {
 							// Handle method reference: @click="handleClick"
 							currentElementNode.addEventListener(
 								eventName,
-								(
+								((this as unknown as Record<string, (...args: unknown[]) => void>)[handlerValue]).bind(this),
-									this as unknown as Record<
-										string,
-										(...args: unknown[]) => void
-									>
-								)[handlerValue].bind(this),
 							)
 						} else {
 							// Handle simple expression: @click="count++" or @input="name = $event.target.value"
@@ -436,7 +427,8 @@ export default (options: ComponentOptions) => {
 			this._statesListeners[expr] = (newValue: unknown) => {
 				if (element instanceof HTMLInputElement)
 					element.value = newValue as string
-				else element.setAttribute('data-laterano-connect', String(newValue))
+				else
+					element.setAttribute('data-laterano-connect', String(newValue))
 			}
 		}
 
@@ -518,14 +510,15 @@ export default (options: ComponentOptions) => {
 				const keyAttr = template.getAttribute('%key')
 				if (!keyAttr)
 					console.warn(
-						'%key attribute not found in the template, which is not a recommended practice.',
+						'%key attribute not found in the template, which is not a recommended practice.'
 					)
 
 				// Store a map of existing items by key for reuse
 				const existingElementsByKey = new Map()
 				// renderedItems.forEach((item) => {
 				for (const item of renderedItems)
-					if (item.key !== undefined) existingElementsByKey.set(item.key, item)
+					if (item.key !== undefined)
+						existingElementsByKey.set(item.key, item)
 
 				// Clear rendered items
 				renderedItems.length = 0
@@ -628,8 +621,7 @@ export default (options: ComponentOptions) => {
 			itemContext: Record<string, unknown>,
 		) {
 			// 1. Store the item context of the element so that subsequent updates can find it
-			;(element as { _itemContext?: Record<string, unknown> })._itemContext =
+			; (element as { _itemContext?: Record<string, unknown> })._itemContext = itemContext
-				itemContext
 
 			// 2. Process bindings in text nodes
 			const processTextNodes = (node: Node) => {
@@ -655,7 +647,8 @@ export default (options: ComponentOptions) => {
 			// Process the text nodes of the element itself
 			// Array.from(element.childNodes).forEach((node) => {
 			for (const node of Array.from(element.childNodes))
-				if (node.nodeType === Node.TEXT_NODE) processTextNodes(node)
+				if (node.nodeType === Node.TEXT_NODE)
+					processTextNodes(node)
 
 			// 3. Process attribute bindings (:attr)
 			// Array.from(element.attributes).forEach((attr) => {
@@ -668,7 +661,8 @@ export default (options: ComponentOptions) => {
 						itemContext,
 					)
 
-					if (value !== undefined) element.setAttribute(attrName, String(value))
+					if (value !== undefined)
+						element.setAttribute(attrName, String(value))
 
 					// Remove the original binding attribute (execute only for cloned templates once)
 					element.removeAttribute(attr.name)
@@ -730,7 +724,8 @@ export default (options: ComponentOptions) => {
 					shouldDisplay = Boolean(result)
 
 					// Apply the condition (in the list item context, we use display style to simplify)
-					if (!shouldDisplay) (element as HTMLElement).style.display = 'none'
+					if (!shouldDisplay)
+						(element as HTMLElement).style.display = 'none'
 				}
 			}
 
@@ -758,7 +753,8 @@ export default (options: ComponentOptions) => {
 			}
 
 			// If this element is a list element, skip child element processing (they will be processed by the list processor)
-			if (hasForDirective) return
+			if (hasForDirective)
+				return
 
 			// 7. Recursively process all child elements
 			// Array.from(element.children).forEach((child) => {
@@ -857,8 +853,9 @@ export default (options: ComponentOptions) => {
 					let value = itemContext[itemVar]
 
 					for (const part of parts) {
-						if (value === undefined || value === null) return undefined
+						if (value === undefined || value === null)
-						value = (value as { [key: string]: unknown })[part]
+							return undefined
+						value = (value as { [key: string]: unknown})[part]
 					}
 
 					return value
@@ -957,7 +954,8 @@ export default (options: ComponentOptions) => {
 						throw new Error(`Invalid arrow function syntax: ${handlerValue}`)
 					}
 					const paramsStr = (() => {
-						if (splitted[0].includes('(')) return splitted[0].trim()
+						if (splitted[0].includes('('))
+							return splitted[0].trim()
 						return `(${splitted[0].trim()})`
 					})()
 					const bodyStr = splitted[1].trim()
@@ -1030,16 +1028,12 @@ export default (options: ComponentOptions) => {
 			// Add all methods of the component
 			// Object.getOwnPropertyNames(Object.getPrototypeOf(this)).forEach(
 			// 	(name) => {
-			for (const name of Object.getOwnPropertyNames(
+			for (const name of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
-				Object.getPrototypeOf(this),
-			))
 				if (
 					typeof (this as Record<string, unknown>)[name] === 'function' &&
 					name !== 'constructor'
 				)
-					context[name] = (
+					context[name] = (this as unknown as Record<string, (...args: unknown[]) => void>)[name].bind(this)
-						this as unknown as Record<string, (...args: unknown[]) => void>
-					)[name].bind(this)
 
 			return context
 		}
@@ -1157,7 +1151,8 @@ 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]
 			}
 
@@ -1193,7 +1188,8 @@ 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

tsconfig.json

@@ -11,11 +11,8 @@
     // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
 
     /* Language and Environment */
-		"target": "ES6" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+    "target": "ES6",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-		"lib": [
+    "lib": ["DOM", "ES2024"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-			"DOM",
-			"ES2024"
-		] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
     // "jsx": "preserve",                                /* Specify what JSX code is generated. */
     // "libReplacement": true,                           /* Enable lib replacement. */
     // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
@@ -29,7 +26,7 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-		"module": "ES2022" /* Specify what module code is generated. */,
+    "module": "ES2022",                                /* Specify what module code is generated. */
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
     // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
@@ -55,14 +52,14 @@
     // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
 
     /* Emit */
-		"declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
+    "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
-		"declarationMap": true /* Create sourcemaps for d.ts files. */,
+    "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
     // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
     // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
     // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-		"outDir": "./dist" /* Specify an output folder for all emitted files. */,
+    "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
     // "removeComments": true,                           /* Disable emitting comments. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
     // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
@@ -75,7 +72,7 @@
     // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
     // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
     // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
-		"declarationDir": "./dist/types" /* Specify the output directory for generated declaration files. */,
+    "declarationDir": "./dist/types",                           /* Specify the output directory for generated declaration files. */
 
     /* Interop Constraints */
     // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
@@ -83,12 +80,12 @@
     // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
     // "erasableSyntaxOnly": true,                       /* Do not allow runtime constructs that are not part of ECMAScript. */
     // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
-		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
     // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
-		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
 
     /* Type Checking */
-		"strict": true /* Enable all strict type-checking options. */,
+    "strict": true,                                      /* Enable all strict type-checking options. */
     // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
     // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
     // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
@@ -113,6 +110,11 @@
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
     "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
   },
-	"include": ["./src/**/*"],
+  "include": [
-	"exclude": ["node_modules", "dist"]
+    "./src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ],
 }