htmv 0.0.29 → 0.0.31

package/dist/views.js

@@ -10,10 +10,18 @@ export async function view(view, props) {
     const filePath = path.join(viewsPath, `${view}.html`);
     const code = await fs.readFile(filePath, "utf-8");
     const replacedCode = code
+        .replace(/<For\s+(\w+)\s+in\s+(\w+)>([\s\S]*?)<\/For>/g, (_, itemName, listName, innerContent) => {
+        const list = props[listName];
+        if (!Array.isArray(list))
+            throw new Error(`${listName} on view ${view} is not an array. If you wish for the For to not do anything pass an empty array instead.`);
+        return list
+            .map((item) => innerContent.replace(new RegExp(`{${itemName}}`, "g"), String(item)))
+            .join("");
+    })
         .replace(/{(\w+)}/g, (_, propName) => {
         return props[propName];
     })
-        .replace(/<Isset\s+(\w+)>([\s\S]*?)<\/Isset>/g, (_, propNameWithPrefix, innerContent) => {
+        .replace(/<Isset\s+(!?\w+)>([\s\S]*?)<\/Isset>/g, (_, propNameWithPrefix, innerContent) => {
         const isNegated = propNameWithPrefix.startsWith("!");
         const propName = isNegated
             ? propNameWithPrefix.slice(1)

package/package.json

@@ -2,7 +2,7 @@
 	"name": "htmv",
 	"main": "dist/index.js",
 	"type": "module",
-	"version": "0.0.29",
+	"version": "0.0.31",
 	"devDependencies": {
 		"@biomejs/biome": "2.3.3",
 		"@types/bun": "latest"

package/src/views.ts

@@ -15,11 +15,30 @@ export async function view(view: string, props: Record<string, unknown>) {
 	const filePath = path.join(viewsPath, `${view}.html`);
 	const code = await fs.readFile(filePath, "utf-8");
 	const replacedCode = code
+		.replace(
+			/<For\s+(\w+)\s+in\s+(\w+)>([\s\S]*?)<\/For>/g,
+			(_, itemName: string, listName: string, innerContent: string) => {
+				const list = props[listName];
+				if (!Array.isArray(list))
+					throw new Error(
+						`${listName} on view ${view} is not an array. If you wish for the For to not do anything pass an empty array instead.`,
+					);
+
+				return list
+					.map((item) =>
+						innerContent.replace(
+							new RegExp(`{${itemName}}`, "g"),
+							String(item),
+						),
+					)
+					.join("");
+			},
+		)
 		.replace(/{(\w+)}/g, (_, propName) => {
 			return props[propName] as string;
 		})
 		.replace(
-			/<Isset\s+(\w+)>([\s\S]*?)<\/Isset>/g,
+			/<Isset\s+(!?\w+)>([\s\S]*?)<\/Isset>/g,
 			(_, propNameWithPrefix: string, innerContent: string) => {
 				const isNegated = propNameWithPrefix.startsWith("!");
 				const propName = isNegated