Fixed bug with selects where they dont get set

Author: JulianFun123

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.13-prealpha",
+  "version": "1.0.14-prealpha",
   "description": "",
   "main": "index.ts",
   "type": "module",

packages/create-puls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pulsjs",
-  "version": "1.0.13-prealpha",
+  "version": "1.0.14-prealpha",
   "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

packages/create-puls/template-js/package.json

@@ -12,6 +12,6 @@
     "vite": "^6.1.0"
   },
   "dependencies": {
-    "pulsjs": "1.0.13-prealpha"
+    "pulsjs": "1.0.14-prealpha"
   }
 }

packages/create-puls/template-ts/package.json

@@ -13,6 +13,6 @@
     "vite": "^6.1.0"
   },
   "dependencies": {
-    "pulsjs": "1.0.13-prealpha"
+    "pulsjs": "1.0.14-prealpha"
   }
 }

packages/puls-adapter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pulsjs-adapter",
-  "version": "1.0.13-prealpha",
+  "version": "1.0.14-prealpha",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

packages/puls-compiler/index.ts

@@ -6,6 +6,7 @@ import {
     templateStringParse
 } from "pulsjs-template";
 import fs from "node:fs";
+import {Project} from "ts-morph";
 
 class RealValue {
     constructor(public value?: any) {
@@ -91,12 +92,31 @@ export async function compile(r: string) {
 
     const promises: Promise<void>[] = []
 
+    let generic: string|undefined = undefined
+
     templateParser.filterElements = (e: ParserTag) => {
         if (e.tag === 'script') {
             promises.push(new Promise<void>(async (res) => {
                 const lang = e.attributes.find(([k]) => k === 'lang')?.[1]
 
+                generic = e.attributes.find(([k]) => k === 'generics')?.[1]
+
                 let scriptValue = (e.body[0] as ParserText).value
+
+
+                const proj = new Project({
+                    useInMemoryFileSystem: true,
+                })
+                const sourceFile = proj.createSourceFile('example.ts', scriptValue)
+                sourceFile.getImportDeclarations().forEach((imp) => {
+                    hasHtmlImport = hasHtmlImport || !!imp.getNamedImports().find(n => n.getName() === 'pulsInstance')
+                    extractedImports += imp.getFullText() + '\n'
+                    imp.remove()
+                })
+
+                scriptValue = sourceFile.getFullText();
+
+
                 if (lang === 'ts') {
                     const ts = await import('typescript')
                     const { outputText } = ts.transpileModule(scriptValue, {
@@ -106,20 +126,15 @@ export async function compile(r: string) {
                             target: ts.ScriptTarget.ESNext,
                             moduleResolution: ts.ModuleResolutionKind.NodeJs,
                             esModuleInterop: true,
+                            noUnusedLocals: false,
+                            noUnusedParameters: false,
+                            allowUnusedLabels: true
                         }
                     })
                     scriptValue = outputText;
                 }
                 scriptTag = scriptValue;
 
-                const importRegex = /import\s+(((?:type\s+)?(?:\*\s+as\s+\w+|{[^}]+}|\w+)\s+from\s+['"][^'"]+['"](?:\s+with\s+{[^}]+})?\s*)|(['"][^'"]+['"]));?/g;
-                const imports = scriptTag.match(importRegex) || [];
-
-                hasHtmlImport = imports.some(i => /import\s+.*\bhtml\b.*from\s+['"]pulsInstance['"]/.test(i));
-
-                extractedImports = imports.join('\n');
-                scriptTag = scriptTag.replace(importRegex, '').trim();
-
                 other = r.substring(0, e.from) + r.substring(e.to);
                 res()
             }))
@@ -134,7 +149,7 @@ export async function compile(r: string) {
     const [strings, values] = parseTemplateString(other)
     const second = templateStringParse(new TemplateParser(), strings as any, ...values).parse();
 
-    return `${extractedImports}${hasHtmlImport ? '' : "\nimport { pulsInstance } from 'pulsjs';"}\n\nexport default ($props = {}) => {
+    return `${extractedImports}${hasHtmlImport ? '' : "\nimport { pulsInstance } from 'pulsjs';"}\n/* ${generic ? `@template ${generic}` : ''} */\nexport default ($props = {}) => {
     \n    ${scriptTag}\n    \n    return (new pulsInstance.adapter(${exportOutput(second)})).render();
 }`;
 }

packages/puls-compiler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pulsjs-compiler",
-  "version": "1.0.13-prealpha",
+  "version": "1.0.14-prealpha",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -20,7 +20,8 @@
     "url": "git+https://github.com/interaapps/puls.git"
   },
   "dependencies": {
-    "pulsjs-template": "workspace:*"
+    "pulsjs-template": "workspace:*",
+    "ts-morph": "^25.0.1"
   },
   "module": "dist/index.mjs",
   "exports": {

packages/puls-css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pulsjs-css",
-  "version": "1.0.13-prealpha",
+  "version": "1.0.14-prealpha",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

packages/puls-dom-adapter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pulsjs-dom-adapter",
-  "version": "1.0.13-prealpha",
+  "version": "1.0.14-prealpha",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

packages/puls-dom-adapter/src/PulsDOMAdapter.ts

@@ -7,7 +7,8 @@ import {
     OnUnmounted,
     PulsAdapter,
     resetLifecycleHooks,
-    currentLifecycleDefines, removeLifecycleHooksFromInstance
+    currentLifecycleDefines,
+    removeLifecycleHooksFromInstance
 } from "pulsjs-adapter";
 
 export type ValueTransformer<T> = {
@@ -25,6 +26,8 @@ export class PulsDOMAdapter extends PulsAdapter<Node[]>{
 
     inSVG = false
 
+    postRenderQueue: (() => void)[] = []
+
     get document(): Document {
         return this.documentOverride ?? window.document
     }
@@ -96,10 +99,10 @@ export class PulsDOMAdapter extends PulsAdapter<Node[]>{
 
                     lifeCycleHooks.onMount.forEach((fn: OnMount) => fn())
 
-                    lifeCycleComment.addEventListener(':attached', (e) => lifeCycleHooks.onMounted.forEach((fn: OnUnmount) => fn()))
+                    lifeCycleComment.addEventListener(':attached', (e) => lifeCycleHooks.onMounted.forEach((fn: OnMounted) => fn()))
                     lifeCycleComment.addEventListener(':detach', () => lifeCycleHooks.onUnmount.forEach((fn: OnUnmount) => fn()))
                     lifeCycleComment.addEventListener(':detached', () => {
-                        lifeCycleHooks.onUnmounted.forEach((fn: OnUnmount) => fn())
+                        lifeCycleHooks.onUnmounted.forEach((fn: OnUnmounted) => fn())
                     })
                 }
 
@@ -451,6 +454,9 @@ export class PulsDOMAdapter extends PulsAdapter<Node[]>{
     }
 
     render(): Node[] {
-        return this.parsed.map(p => this.addPart(p)).flat().filter(c => c)
+        this.postRenderQueue = []
+        const result = this.parsed.map(p => this.addPart(p)).flat().filter(c => c)
+        this.postRenderQueue.forEach(fn => fn())
+        return result
     }
 }