elegance-js 2.1.37 → 3.0.0

package/scripts/bootstrap_files/index.txt

@@ -1,3 +0,0 @@
-import { startEleganceRuntime } from "elegance-js";
-
-startEleganceRuntime("./elegance.ts");

package/scripts/bootstrap_files/layout.txt

@@ -1,46 +0,0 @@
-import { LayoutParams, loadHook, observer, state } from "elegance-js";
-
-function Header() {
-    const pathname = state("");
-
-    loadHook((pathname) => {
-        pathname.value = window.location.pathname;
-
-        const id = eleganceClient.onNavigate((newPathname) => {
-            pathname.value = newPathname;
-        });
-
-        return () => eleganceClient.removeNavigationCallback(id);
-    }, [pathname])
-
-    return div({
-        class: "px-4 py-2 w-max rounded-md bg-green-400 text-black"
-    },
-        "Currently visiting: ",
-
-        span({
-            innerText: observer(pathname)
-        }),
-    );
-}
-
-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]",
-        },
-            Header(),
-
-            child,
-        ),
-    );
-}
-
-export function metadata() {
-    return [
-        link({
-            rel: "stylesheet",
-            href: "/index.css",
-        }),
-    ]
-}

package/scripts/bootstrap_files/middleware.txt

@@ -1,18 +0,0 @@
-import { IncomingMessage, ServerResponse } from "http";
-
-async function middleware(req: IncomingMessage, res: ServerResponse, next: () => void) {
-    if (Math.random() > 0.3) {
-        res.statusCode = 401;
-        res.end("Sorry, you're not getting into this page, cause you're not logged in!");
-        
-        next();
-
-        return;
-    }
-
-    next();
-}
-
-export {
-    middleware,
-}

package/scripts/bootstrap_files/page.txt

@@ -1,123 +0,0 @@
-import { ClientComponent, eventListener, loadHook, observer, state } from "elegance-js";
-
-function Counter() {
-    const counter = state(0);
-
-    return div({
-        className: "flex flex-col"
-    },
-        div({
-            className: "flex gap-2"
-        },
-            button({
-                onClick: eventListener((_, counter) => {
-                    counter.value--;
-                }, [counter]),
-                className: "w-max hover:scale-120 hover:duration-200 p-2 rounded-sm bg-gray-400 text-black"
-            },
-                "Less!",
-            ),
-            button({
-                onClick: eventListener((_, counter) => {
-                    counter.value++;
-                }, [counter]),
-                className: "w-max hover:scale-120 hover:duration-200 p-2 rounded-sm bg-gray-400 text-black"
-            },
-                "More!",
-            ),
-        ),
-
-        div(
-            "The counter is at: ",
-            span({ innerText: observer(counter), })
-        ),
-    );
-}
-
-function NameList() {
-    const names = state(["Lisa", "John", "Mary", "Mike"]);
-
-    loadHook((names) => {
-        const intervalId = setInterval(() => {
-            names.value.sort(() => Math.random() - 0.5);
-            names.triggerObservers();
-        }, 1000);
-
-        return () => {
-            clearInterval(intervalId);
-        };
-    }, [names]);
-
-    return div(
-        h3({
-            className: "font-semibold"
-        },
-            "My favourite people:",
-        ),
-        div({
-            className: "grid grid-rows-2 grid-cols-2 w-max gap-2 font-mono",
-        },
-            names.reactiveMap((name) => p(name))
-        )
-    );
-}
-
-function SlowComponent() {
-    const slowData = state<undefined | number>(undefined);
-
-    loadHook((slowData) => {
-        const id = Date.now().toString();
-
-        let timeoutId: NodeJS.Timeout;
-
-        slowData.observe(id, (value) => {
-            if (value !== undefined) return;
-
-            timeoutId = setTimeout(() => {
-                slowData.value = Math.random() * 100;
-            }, Math.random() * 1000 * 2 + 1);
-        })
-
-        return () => {
-            clearTimeout(timeoutId);
-        }
-    }, [slowData]);
-
-    return div(
-
-        button({
-            disabled: observer((s) => s === undefined ? true : false, [slowData]),
-            className: "disabled:opacity-30",
-            onClick: eventListener((_, slowData) => {
-                slowData.value = undefined;
-            }, [slowData]),
-        }, "Refresh"),
-
-        ClientComponent((slowData) => {
-            if (!slowData.value) {
-                return div("Waiting for slow data..");
-            }
-
-            return div("Slow Component gave result: ", slowData.value);
-        }, [slowData]),
-
-    );
-}
-
-export function page() {
-    return div({
-        className: "bg-gray-950 border-2 border-gray-900 p-4 flex flex-col gap-8"
-    },
-        Counter(),
-
-        NameList(),
-
-        SlowComponent(),
-    );
-}
-
-export function metadata() {
-    return [
-        title("This is a demo page!"),
-    ]
-}

package/scripts/bootstrap_files/route.txt

@@ -1,6 +0,0 @@
-import { IncomingMessage, ServerResponse } from "http";
-
-export async function GET(req: IncomingMessage, res: ServerResponse) {
-    res.statusCode = 403;
-    res.end("You're not allowed!! Shoo!");
-}

package/scripts/elegance_dev.ts

@@ -1,42 +0,0 @@
-import { execSync } from "child_process";
-import { serveProject, compileEntireProject, setCompilerOptions, LogLevel, } from "elegance-js";
-import path from "path";
-
-async function runtime() {
-    const pagesDirectory = path.resolve("./pages");
-    const publicDirectory = path.resolve("./public");
-    const outputDirectory = path.resolve(".elegance");
-
-    setCompilerOptions({
-        pagesDirectory: pagesDirectory,
-        publicDirectory: publicDirectory,
-        outputDirectory: outputDirectory,
-        environment: "development",
-
-        doHotReload: true,
-        
-        logLevel: LogLevel.INFO,
-    });
-
-    const { allLayouts, allPages, allStatusCodePages, compiledStaticLayouts, compiledStaticPages, } = await compileEntireProject();
-
-    execSync(`npx @tailwindcss/cli -i ${path.join(pagesDirectory, "input.css")} -o ${path.join(outputDirectory, "DIST", "index.css")}`);
-
-    await serveProject({
-        port: 3000,
-        hostname: "0.0.0.0",
-        
-        allowDynamic: true,
-        allowStatusCodePages: true, 
-        serveAPI: true,
-        
-        allLayouts,
-        allStatusCodePages,
-        allPages,
-
-        builtStaticPages: compiledStaticPages,
-        builtStaticLayouts: compiledStaticLayouts,
-    });
-}
-
-runtime();

package/scripts/elegance_prod.ts

@@ -1,42 +0,0 @@
-import { execSync } from "child_process";
-import { serveProject, compileEntireProject, setCompilerOptions, LogLevel, } from "elegance-js";
-import path from "path";
-
-async function runtime() {
-    const pagesDirectory = path.resolve("./pages");
-    const publicDirectory = path.resolve("./public");
-    const outputDirectory = path.resolve(".elegance");
-
-    setCompilerOptions({
-        pagesDirectory: pagesDirectory,
-        publicDirectory: publicDirectory,
-        outputDirectory: outputDirectory,
-        environment: "production",
-
-        doHotReload: false,
-
-        logLevel: LogLevel.INFO,
-    });
-
-    const { allLayouts, allPages, allStatusCodePages, compiledStaticLayouts, compiledStaticPages, } = await compileEntireProject();
-
-    execSync(`npx @tailwindcss/cli -i ${path.join(pagesDirectory, "input.css")} -o ${path.join(outputDirectory, "DIST", "index.css")} --minify`);
-
-    await serveProject({
-        port: 3000,
-        hostname: "0.0.0.0",
-        
-        allowDynamic: true,
-        allowStatusCodePages: true, 
-        serveAPI: true,
-        
-        allLayouts,
-        allStatusCodePages,
-        allPages,
-
-        builtStaticPages: compiledStaticPages,
-        builtStaticLayouts: compiledStaticLayouts,
-    });
-}
-
-runtime();

package/scripts/elegance_static.ts

@@ -1,26 +0,0 @@
-import { execSync } from "child_process";
-import { serveProject, compileEntireProject, setCompilerOptions, LogLevel, } from "elegance-js";
-import path from "path";
-
-async function runtime() {
-    const pagesDirectory = path.resolve("./pages");
-    const publicDirectory = path.resolve("./public");
-    const outputDirectory = path.resolve(".elegance");
-
-    setCompilerOptions({
-        pagesDirectory: pagesDirectory,
-        publicDirectory: publicDirectory,
-        outputDirectory: outputDirectory,
-        environment: "production",
-
-        doHotReload: false,
-
-        logLevel: LogLevel.INFO,
-    });
-
-    await compileEntireProject();
-
-    execSync(`npx @tailwindcss/cli -i ${path.join(pagesDirectory, "input.css")} -o ${path.join(outputDirectory, "DIST", "index.css")} --minify`);
-}
-
-runtime();

package/scripts/prod.js

@@ -1,13 +0,0 @@
-#!/usr/bin/env node
-
-import { startEleganceRuntime } from "elegance-js";
-import { join, dirname } from "path";
-
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const runtimePath = join(__dirname, "elegance_prod.ts");
-
-startEleganceRuntime(runtimePath);

package/scripts/run.js

@@ -1,13 +0,0 @@
-#!/usr/bin/env node
-
-import { startEleganceRuntime } from "elegance-js";
-import { join, dirname } from "path";
-
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const runtimePath = join(__dirname, "elegance_dev.ts");
-
-startEleganceRuntime(runtimePath);

package/scripts/static.js

@@ -1,13 +0,0 @@
-#!/usr/bin/env node
-
-import { startEleganceRuntime } from "elegance-js";
-import { join, dirname } from "path";
-
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const runtimePath = join(__dirname, "elegance_static.ts");
-
-startEleganceRuntime(runtimePath);