elegance-js 2.1.35 → 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.
@@ -1123,6 +1124,7 @@ async function compileEntireProject() {
         return;
     };
     formattedLog(LogLevel.DEBUG, "Compiling project..");
+    const start = performance.now();
     // This is used to restart us if we crash, via an FS watcher.
     process.send?.(JSON.stringify({ message: "set-compiler-options", content: JSON.stringify(compilerOptions) }));
     process.on("uncaughtException", gracefulErr);
@@ -1140,6 +1142,8 @@ async function compileEntireProject() {
     cpSync(compilerOptions.publicDirectory, getDistDir(), { recursive: true, });
     process.off("uncaughtException", gracefulErr);
     process.off("unhandledRejection", gracefulErr);
+    const end = performance.now();
+    formattedLog(LogLevel.INFO, `Finished building in: ${Math.round(end - start)}ms`);
     return {
         allPages,
         allLayouts,

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

@@ -48,11 +48,16 @@ function restartEleganceRuntime() {
     child.on("exit", (code) => {
         if (code === 0)
             return;
-        formattedLog(LogLevel.ERROR, "The Elegance runtime has crashed. Waiting for file changes..");
-        createRecursiveWatcher(compilerOptions.pagesDirectory, async (path) => {
-            formattedLog(LogLevel.INFO, "Change noticed after error, restarting Elegance Runtime..");
+        formattedLog(LogLevel.ERROR, "Waiting for file changes..");
+        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);
@@ -69,7 +74,7 @@ function restartEleganceRuntime() {
             if (!serverIsActive) {
                 serverIsActive = true;
                 server.listen(4000, () => {
-                    formattedLog(LogLevel.INFO, "Hot-reload server listening on port 4000");
+                    formattedLog(LogLevel.DEBUG, "Hot-reload server listening on port 4000");
                 });
             }
             for (const client of clients) {

package/dist/server/server.js

@@ -546,7 +546,7 @@ async function serveProject(startupServerOptions) {
         if (compilerOptions.doHotReload) {
             process.send?.(JSON.stringify({ message: "hot-reload-finish" }));
         }
-        formattedLog(LogLevel.INFO, `Server listening on port ${port}`);
+        formattedLog(LogLevel.INFO, `Website Live at: http://${serverOptions.hostname}:${port}/`);
     });
     return {
         port,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elegance-js",
-  "version": "2.1.35",
+  "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(),