elegance-js 2.1.36 → 2.1.37

package/dist/compilation/compiler.d.ts

@@ -2,6 +2,7 @@
  * This file contains the functions used by compiler_process to compile pages.
  */
 import { AnyElement, SpecialElementOption } from "../elements/element";
+import { FSWatcher } from "fs";
 import { PageInformation } from "../server/page";
 import { LayoutInformation, LayoutProps } from "../server/layout";
 import { AsyncLocalStorage } from "async_hooks";
@@ -133,7 +134,11 @@ declare function compileLayout(layoutInformation: LayoutInformation, allLayouts:
     req?: IncomingMessage;
     res?: ServerResponse;
 }): Promise<CompiledLayout>;
-declare function createRecursiveWatcher(targetDir: string, callback: (path: string) => Promise<void>): void;
+declare function createRecursiveWatcher(targetDir: string, callback: (path: string) => Promise<void>): {
+    watchers: Map<string, FSWatcher>;
+    timeouts: Map<string, NodeJS.Timeout>;
+    unregisterWatcher: (path: string) => void;
+};
 /**
  * Run the general compilation process for the project.
  * This compiles all static-pages & static-layouts, as well as gathers a list of every page (dynamic and static) & layout (dynamic and static).

package/dist/compilation/compiler.js

@@ -1108,6 +1108,7 @@ function createRecursiveWatcher(targetDir, callback) {
         catch (e) { }
     }
     registerWatcher(targetDir);
+    return { watchers, timeouts, unregisterWatcher };
 }
 /**
  * Run the general compilation process for the project.

package/dist/elements/specific_props.d.ts

@@ -524,7 +524,7 @@ export type SpecificPropsMap = {
     polyline: {
         points?: MaybeSpecial<string>;
     };
-    stopElement: {
+    stop: {
         offset?: MaybeSpecial<string | number>;
         stopColor?: MaybeSpecial<string>;
         stopOpacity?: MaybeSpecial<string | number>;

package/dist/server/runtime.js

@@ -49,9 +49,15 @@ function restartEleganceRuntime() {
         if (code === 0)
             return;
         formattedLog(LogLevel.ERROR, "Waiting for file changes..");
-        createRecursiveWatcher(compilerOptions.pagesDirectory, async (path) => {
+        const { watchers } = createRecursiveWatcher(compilerOptions.pagesDirectory, async (path) => {
+            deleteWatchers();
             restartEleganceRuntime();
         });
+        function deleteWatchers() {
+            for (const [_, watcher] of watchers) {
+                watcher.close();
+            }
+        }
     });
     child.on("message", (raw) => {
         const { message, content } = JSON.parse(raw);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elegance-js",
-  "version": "2.1.36",
+  "version": "2.1.37",
   "description": "Web-Framework",
   "type": "module",
   "main": "dist/index.mjs",

package/scripts/bootstrap_files/layout.txt

@@ -1,4 +1,4 @@
-import { AnyElement, loadHook, observer, state } from "elegance-js";
+import { LayoutParams, loadHook, observer, state } from "elegance-js";
 
 function Header() {
     const pathname = state("");
@@ -24,7 +24,7 @@ function Header() {
     );
 }
 
-export function layout(child: AnyElement) {
+export function layout({ child }: LayoutParams) {
     return html(
         body({
             class: "bg-black text-white h-screen w-screen grid grid-cols-1 p-4 gap-4 grid-rows-[auto_1fr]",

package/scripts/bootstrap_files/page.txt

@@ -4,16 +4,16 @@ function Counter() {
     const counter = state(0);
 
     return div({
-        class: "flex flex-col"
+        className: "flex flex-col"
     },
         div({
-            class: "flex gap-2"
+            className: "flex gap-2"
         },
             button({
                 onClick: eventListener((_, counter) => {
                     counter.value--;
                 }, [counter]),
-                class: "w-max hover:scale-120 hover:duration-200 p-2 rounded-sm bg-gray-400 text-black"
+                className: "w-max hover:scale-120 hover:duration-200 p-2 rounded-sm bg-gray-400 text-black"
             },
                 "Less!",
             ),
@@ -21,7 +21,7 @@ function Counter() {
                 onClick: eventListener((_, counter) => {
                     counter.value++;
                 }, [counter]),
-                class: "w-max hover:scale-120 hover:duration-200 p-2 rounded-sm bg-gray-400 text-black"
+                className: "w-max hover:scale-120 hover:duration-200 p-2 rounded-sm bg-gray-400 text-black"
             },
                 "More!",
             ),
@@ -50,12 +50,12 @@ function NameList() {
 
     return div(
         h3({
-            class: "font-semibold"
+            className: "font-semibold"
         },
             "My favourite people:",
         ),
         div({
-            class: "grid grid-rows-2 grid-cols-2 w-max gap-2 font-mono",
+            className: "grid grid-rows-2 grid-cols-2 w-max gap-2 font-mono",
         },
             names.reactiveMap((name) => p(name))
         )
@@ -87,7 +87,7 @@ function SlowComponent() {
 
         button({
             disabled: observer((s) => s === undefined ? true : false, [slowData]),
-            class: "disabled:opacity-30",
+            className: "disabled:opacity-30",
             onClick: eventListener((_, slowData) => {
                 slowData.value = undefined;
             }, [slowData]),
@@ -106,7 +106,7 @@ function SlowComponent() {
 
 export function page() {
     return div({
-        class: "bg-gray-950 border-2 border-gray-900 p-4 flex flex-col gap-8"
+        className: "bg-gray-950 border-2 border-gray-900 p-4 flex flex-col gap-8"
     },
         Counter(),