elegance-js 2.1.37 → 3.0.0

package/dist/elements/specific_props.js

@@ -1 +0,0 @@
-export {};

package/dist/global.d.ts

@@ -1,229 +0,0 @@
-import { AnyElement, EleganceElementBuilder, SpecialElementOption } from "./elements/element";
-import { StateManager, ObserverManager, LoadHookManager, EventListenerManager, EffectManager } from "./client/runtime";
-declare global {
-    /**
-     * **IMPORTANT** These values are only available in the *browser* runtime.
-     */
-    var eleganceClient: {
-        createHTMLElementFromElement: (element: AnyElement) => {
-            root: Node;
-            specialElementOptions: {
-                elementKey: string;
-                optionName: string;
-                optionValue: SpecialElementOption;
-            }[];
-        };
-        fetchPage: (targetURL: URL) => Promise<Document | void>;
-        navigateLocally: (target: string, pushState: boolean) => Promise<void>;
-        /**
-         * Listen to local navigation events in the browser.
-         *
-         * Local navigations are triggered by the Link() component, or anything that uses `eleganceClient.navigateLocally`, eg. the window popstate event's override.
-         * @param callback Will be called whenever we navigate locally.
-         * @returns The index of the callback, use `eleganceClient.removeNavigationCallback(idx)` to ensure there are no duplicate listeners.
-         */
-        onNavigate: (callback: (pathname: string) => any) => number;
-        removeNavigationCallback: (idx: number) => void;
-        /**
-         * Generate a non-deterministic unique id that can be used for browser specific things like custom client observers.
-         * Unique, but may change between builds; depends on order of creation.
-         * @returns A unique id
-         */
-        genLocalID: () => number;
-    };
-    /**
-     * **IMPORTANT** These values are only available in the *browser* runtime.
-     *
-     * **IMPORTANT** These values are only available in dev builds, and are stripped out from production builds for security reasons.
-     */
-    var devtools: {
-        pageData: Record<string, any>;
-        stateManager: StateManager;
-        eventListenerManager: EventListenerManager;
-        observerManager: ObserverManager;
-        loadHookManager: LoadHookManager;
-        effectManager: EffectManager;
-    };
-    var area: EleganceElementBuilder<"area">;
-    var base: EleganceElementBuilder<"base">;
-    var br: EleganceElementBuilder<"br">;
-    var col: EleganceElementBuilder<"col">;
-    var embed: EleganceElementBuilder<"embed">;
-    var hr: EleganceElementBuilder<"hr">;
-    var img: EleganceElementBuilder<"img">;
-    var input: EleganceElementBuilder<"input">;
-    var link: EleganceElementBuilder<"link">;
-    var meta: EleganceElementBuilder<"meta">;
-    var param: EleganceElementBuilder<"param">;
-    var source: EleganceElementBuilder<"source">;
-    var track: EleganceElementBuilder<"track">;
-    var wbr: EleganceElementBuilder<"wbr">;
-    var a: EleganceElementBuilder<"a">;
-    var abbr: EleganceElementBuilder<"abbr">;
-    var address: EleganceElementBuilder<"address">;
-    var article: EleganceElementBuilder<"article">;
-    var aside: EleganceElementBuilder<"aside">;
-    var audio: EleganceElementBuilder<"audio">;
-    var b: EleganceElementBuilder<"b">;
-    var bdi: EleganceElementBuilder<"bdi">;
-    var bdo: EleganceElementBuilder<"bdo">;
-    var blockquote: EleganceElementBuilder<"blockquote">;
-    var body: EleganceElementBuilder<"body">;
-    var button: EleganceElementBuilder<"button">;
-    var canvas: EleganceElementBuilder<"canvas">;
-    var caption: EleganceElementBuilder<"caption">;
-    var cite: EleganceElementBuilder<"cite">;
-    var code: EleganceElementBuilder<"code">;
-    var colgroup: EleganceElementBuilder<"colgroup">;
-    var data: EleganceElementBuilder<"data">;
-    var datalist: EleganceElementBuilder<"datalist">;
-    var dd: EleganceElementBuilder<"dd">;
-    var del: EleganceElementBuilder<"del">;
-    var details: EleganceElementBuilder<"details">;
-    var dfn: EleganceElementBuilder<"dfn">;
-    var dialog: EleganceElementBuilder<"dialog">;
-    var div: EleganceElementBuilder<"div">;
-    var dl: EleganceElementBuilder<"dl">;
-    var dt: EleganceElementBuilder<"dt">;
-    var em: EleganceElementBuilder<"em">;
-    var fieldset: EleganceElementBuilder<"fieldset">;
-    var figcaption: EleganceElementBuilder<"figcaption">;
-    var figure: EleganceElementBuilder<"figure">;
-    var footer: EleganceElementBuilder<"footer">;
-    var form: EleganceElementBuilder<"form">;
-    var h1: EleganceElementBuilder<"h1">;
-    var h2: EleganceElementBuilder<"h2">;
-    var h3: EleganceElementBuilder<"h3">;
-    var h4: EleganceElementBuilder<"h4">;
-    var h5: EleganceElementBuilder<"h5">;
-    var h6: EleganceElementBuilder<"h6">;
-    var head: EleganceElementBuilder<"head">;
-    var header: EleganceElementBuilder<"header">;
-    var hgroup: EleganceElementBuilder<"hgroup">;
-    var html: EleganceElementBuilder<"html">;
-    var i: EleganceElementBuilder<"i">;
-    var iframe: EleganceElementBuilder<"iframe">;
-    var ins: EleganceElementBuilder<"ins">;
-    var kbd: EleganceElementBuilder<"kbd">;
-    var label: EleganceElementBuilder<"label">;
-    var legend: EleganceElementBuilder<"legend">;
-    var li: EleganceElementBuilder<"li">;
-    var main: EleganceElementBuilder<"main">;
-    var map: EleganceElementBuilder<"map">;
-    var mark: EleganceElementBuilder<"mark">;
-    var menu: EleganceElementBuilder<"menu">;
-    var meter: EleganceElementBuilder<"meter">;
-    var nav: EleganceElementBuilder<"nav">;
-    var noscript: EleganceElementBuilder<"noscript">;
-    var object: EleganceElementBuilder<"object">;
-    var ol: EleganceElementBuilder<"ol">;
-    var optgroup: EleganceElementBuilder<"optgroup">;
-    var option: EleganceElementBuilder<"option">;
-    var output: EleganceElementBuilder<"output">;
-    var p: EleganceElementBuilder<"p">;
-    var picture: EleganceElementBuilder<"picture">;
-    var pre: EleganceElementBuilder<"pre">;
-    var progress: EleganceElementBuilder<"progress">;
-    var q: EleganceElementBuilder<"q">;
-    var rp: EleganceElementBuilder<"rp">;
-    var rt: EleganceElementBuilder<"rt">;
-    var ruby: EleganceElementBuilder<"ruby">;
-    var s: EleganceElementBuilder<"s">;
-    var samp: EleganceElementBuilder<"samp">;
-    var script: EleganceElementBuilder<"script">;
-    var search: EleganceElementBuilder<"search">;
-    var section: EleganceElementBuilder<"section">;
-    var select: EleganceElementBuilder<"select">;
-    var slot: EleganceElementBuilder<"slot">;
-    var small: EleganceElementBuilder<"small">;
-    var span: EleganceElementBuilder<"span">;
-    var strong: EleganceElementBuilder<"strong">;
-    var style: EleganceElementBuilder<"style">;
-    var sub: EleganceElementBuilder<"sub">;
-    var summary: EleganceElementBuilder<"summary">;
-    var sup: EleganceElementBuilder<"sup">;
-    var table: EleganceElementBuilder<"table">;
-    var tbody: EleganceElementBuilder<"tbody">;
-    var td: EleganceElementBuilder<"td">;
-    var template: EleganceElementBuilder<"template">;
-    var textarea: EleganceElementBuilder<"textarea">;
-    var tfoot: EleganceElementBuilder<"tfoot">;
-    var th: EleganceElementBuilder<"th">;
-    var thead: EleganceElementBuilder<"thead">;
-    var time: EleganceElementBuilder<"time">;
-    var title: EleganceElementBuilder<"title">;
-    var tr: EleganceElementBuilder<"tr">;
-    var u: EleganceElementBuilder<"u">;
-    var ul: EleganceElementBuilder<"ul">;
-    var varElement: EleganceElementBuilder<"varElement">;
-    var video: EleganceElementBuilder<"video">;
-    var path: EleganceElementBuilder<"path">;
-    var circle: EleganceElementBuilder<"circle">;
-    var ellipse: EleganceElementBuilder<"ellipse">;
-    var line: EleganceElementBuilder<"line">;
-    var polygon: EleganceElementBuilder<"polygon">;
-    var polyline: EleganceElementBuilder<"polyline">;
-    var stopElement: EleganceElementBuilder<"stop">;
-    var svg: EleganceElementBuilder<"svg">;
-    var g: EleganceElementBuilder<"g">;
-    var text: EleganceElementBuilder<"text">;
-    var tspan: EleganceElementBuilder<"tspan">;
-    var textPath: EleganceElementBuilder<"textPath">;
-    var defs: EleganceElementBuilder<"defs">;
-    var symbol: EleganceElementBuilder<"symbol">;
-    var use: EleganceElementBuilder<"use">;
-    var image: EleganceElementBuilder<"image">;
-    var clipPath: EleganceElementBuilder<"clipPath">;
-    var mask: EleganceElementBuilder<"mask">;
-    var pattern: EleganceElementBuilder<"pattern">;
-    var linearGradient: EleganceElementBuilder<"linearGradient">;
-    var radialGradient: EleganceElementBuilder<"radialGradient">;
-    var filter: EleganceElementBuilder<"filter">;
-    var marker: EleganceElementBuilder<"marker">;
-    var view: EleganceElementBuilder<"view">;
-    var feBlend: EleganceElementBuilder<"feBlend">;
-    var feColorMatrix: EleganceElementBuilder<"feColorMatrix">;
-    var feComponentTransfer: EleganceElementBuilder<"feComponentTransfer">;
-    var feComposite: EleganceElementBuilder<"feComposite">;
-    var feConvolveMatrix: EleganceElementBuilder<"feConvolveMatrix">;
-    var feDiffuseLighting: EleganceElementBuilder<"feDiffuseLighting">;
-    var feDisplacementMap: EleganceElementBuilder<"feDisplacementMap">;
-    var feDistantLight: EleganceElementBuilder<"feDistantLight">;
-    var feFlood: EleganceElementBuilder<"feFlood">;
-    var feFuncA: EleganceElementBuilder<"feFuncA">;
-    var feFuncB: EleganceElementBuilder<"feFuncB">;
-    var feFuncG: EleganceElementBuilder<"feFuncG">;
-    var feFuncR: EleganceElementBuilder<"feFuncR">;
-    var feGaussianBlur: EleganceElementBuilder<"feGaussianBlur">;
-    var feImage: EleganceElementBuilder<"feImage">;
-    var feMerge: EleganceElementBuilder<"feMerge">;
-    var feMergeNode: EleganceElementBuilder<"feMergeNode">;
-    var feMorphology: EleganceElementBuilder<"feMorphology">;
-    var feOffset: EleganceElementBuilder<"feOffset">;
-    var fePointLight: EleganceElementBuilder<"fePointLight">;
-    var feSpecularLighting: EleganceElementBuilder<"feSpecularLighting">;
-    var feSpotLight: EleganceElementBuilder<"feSpotLight">;
-    var feTile: EleganceElementBuilder<"feTile">;
-    var feTurbulence: EleganceElementBuilder<"feTurbulence">;
-    var mi: EleganceElementBuilder<"mi">;
-    var mn: EleganceElementBuilder<"mn">;
-    var mo: EleganceElementBuilder<"mo">;
-    var math: EleganceElementBuilder<"math">;
-    var ms: EleganceElementBuilder<"ms">;
-    var mtext: EleganceElementBuilder<"mtext">;
-    var mrow: EleganceElementBuilder<"mrow">;
-    var mfenced: EleganceElementBuilder<"mfenced">;
-    var msup: EleganceElementBuilder<"msup">;
-    var msub: EleganceElementBuilder<"msub">;
-    var msubsup: EleganceElementBuilder<"msubsup">;
-    var mfrac: EleganceElementBuilder<"mfrac">;
-    var msqrt: EleganceElementBuilder<"msqrt">;
-    var mroot: EleganceElementBuilder<"mroot">;
-    var mtable: EleganceElementBuilder<"mtable">;
-    var mtr: EleganceElementBuilder<"mtr">;
-    var mtd: EleganceElementBuilder<"mtd">;
-    var mstyle: EleganceElementBuilder<"mstyle">;
-    var menclose: EleganceElementBuilder<"menclose">;
-    var mmultiscripts: EleganceElementBuilder<"mmultiscripts">;
-}
-export {};

package/dist/global.js

@@ -1 +0,0 @@
-export {};

package/dist/index.d.ts

@@ -1,16 +0,0 @@
-export { LogLevel } from "./server/log";
-export { observer, getSelf, } from "./client/observer";
-export { eventListener, } from "./client/eventListener";
-export { loadHook, } from "./client/loadHook";
-export { state } from "./client/state";
-export type { ServerSubject } from "./client/state";
-export { startEleganceRuntime } from "./server/runtime";
-export { Link, } from "./components/Link";
-export { ClientComponent } from "./components/ClientComponent";
-export { serveProject, getQuery, getCookieStore, respondWith, redirect, } from "./server/server";
-export { effect } from "./client/effect";
-export * from "./compilation/compiler";
-export type { AnyElement as Element, EleganceElement } from "./elements/element";
-export type { LayoutConstructor as Layout, LayoutMetadataConstructor as LayoutMetadata, LayoutConstructorParameters as LayoutParams, Child, } from "./server/layout";
-export { raw } from "./elements/raw";
-export type { PageConstructor as Page, PageMetadataConstructor as PageMetadata, PageParams, } from "./server/page";

package/dist/index.js

@@ -1,12 +0,0 @@
-export { LogLevel } from "./server/log.js";
-export { observer, getSelf, } from "./client/observer.js";
-export { eventListener, } from "./client/eventListener.js";
-export { loadHook, } from "./client/loadHook.js";
-export { state } from "./client/state.js";
-export { startEleganceRuntime } from "./server/runtime.js";
-export { Link, } from "./components/Link.js";
-export { ClientComponent } from "./components/ClientComponent.js";
-export { serveProject, getQuery, getCookieStore, respondWith, redirect, } from "./server/server.js";
-export { effect } from "./client/effect.js";
-export * from "./compilation/compiler.js";
-export { raw } from "./elements/raw.js";

package/dist/server/layout.d.ts

@@ -1,34 +0,0 @@
-import { AnyElement } from "../elements/element";
-import { CompilerOptions } from "../compilation/compiler";
-/**
- * These become page({ props: <your_props> }) within page.ts
- */
-type LayoutProps = Record<string, unknown>;
-type Child = (props: LayoutProps) => AnyElement;
-type LayoutConstructorParameters = {
-    child: Child;
-    props: LayoutProps;
-};
-type LayoutConstructor = ((params: LayoutConstructorParameters) => AnyElement) | ((params: LayoutConstructorParameters) => Promise<AnyElement>);
-type LayoutMetadataConstructor = (() => AnyElement[]) | (() => Promise<AnyElement[]>);
-/**
- * Described the formatted supported exports of a given page.
- */
-type LayoutExports = {
-    isDynamic: boolean;
-    layoutConstructor: LayoutConstructor;
-    layoutMetadataConstructor: LayoutMetadataConstructor;
-};
-/**
- * Holds information about a given user-defined layout within the project.
- */
-type LayoutInformation = {
-    /** The absolute path to the .ts file containing the module for this page. */
-    modulePath: string;
-    /** The pathname of this page relative to pagesDirectory */
-    pathname: string;
-    exports: LayoutExports;
-};
-declare function invalidLayoutError(compilerOptions: CompilerOptions, modulePath: string, reason: string): Error;
-export type { LayoutInformation, LayoutExports, LayoutConstructor, LayoutMetadataConstructor, LayoutConstructorParameters, LayoutProps, Child };
-export { invalidLayoutError, };

package/dist/server/layout.js

@@ -1,6 +0,0 @@
-import { relative } from "node:path";
-function invalidLayoutError(compilerOptions, modulePath, reason) {
-    const relativePath = relative(compilerOptions.pagesDirectory, modulePath);
-    return new Error(`The layout at path: "${relativePath}" is invalid.\n${reason}`);
-}
-export { invalidLayoutError, };

package/dist/server/log.d.ts

@@ -1,12 +0,0 @@
-declare enum LogLevel {
-    NONE = 0,
-    ERROR = 1,
-    WARN = 2,
-    INFO = 3,
-    DEBUG = 4
-}
-declare let logLevel: LogLevel;
-declare function setLogLevel(level: LogLevel): void;
-declare function formatToLog(level: LogLevel, ...args: unknown[]): string;
-declare function formattedLog(level: LogLevel, ...args: unknown[]): void;
-export { formattedLog, setLogLevel, LogLevel, logLevel, formatToLog, };

package/dist/server/log.js

@@ -1,64 +0,0 @@
-import util from "node:util";
-var LogLevel;
-(function (LogLevel) {
-    LogLevel[LogLevel["NONE"] = 0] = "NONE";
-    LogLevel[LogLevel["ERROR"] = 1] = "ERROR";
-    LogLevel[LogLevel["WARN"] = 2] = "WARN";
-    LogLevel[LogLevel["INFO"] = 3] = "INFO";
-    LogLevel[LogLevel["DEBUG"] = 4] = "DEBUG";
-})(LogLevel || (LogLevel = {}));
-let logLevel = LogLevel.INFO;
-function setLogLevel(level) {
-    logLevel = level;
-}
-function formatToLog(level, ...args) {
-    if (level === LogLevel.NONE) {
-        throw new Error("Can't log with LogLevel none.");
-    }
-    let tag;
-    let tagColor;
-    let msgColor;
-    switch (level) {
-        case LogLevel.ERROR:
-            tag = "[ERROR]";
-            tagColor = "\x1b[41;30m"; // red bg, black text
-            msgColor = "\x1b[31m"; // red text
-            break;
-        case LogLevel.WARN:
-            tag = "[WARN]";
-            tagColor = "\x1b[43;30m"; // yellow bg, black text
-            msgColor = "\x1b[33m"; // yellow text
-            break;
-        case LogLevel.INFO:
-            tag = "[INFO]";
-            tagColor = "\x1b[44;37m"; // blue bg, white text
-            msgColor = "\x1b[36m"; // cyan text
-            break;
-        case LogLevel.DEBUG:
-            tag = "[DEBUG]";
-            tagColor = "\x1b[45;37m"; // magenta bg, white text
-            msgColor = "\x1b[90m"; // gray text
-            break;
-    }
-    const ts = new Date().toLocaleTimeString("en-us");
-    const formattedArgs = [
-        `${ts} Elegance-JS `,
-        `${tagColor}${tag}\x1b[0m `,
-        msgColor,
-        ...args,
-        "\x1b[0m"
-    ];
-    return formattedArgs.map(arg => {
-        if (typeof arg === "string")
-            return arg;
-        return util.inspect(arg, { colors: false, depth: null });
-    }).join('');
-}
-function formattedLog(level, ...args) {
-    if (level > logLevel) {
-        return;
-    }
-    const str = formatToLog(level, ...args);
-    console.log(str);
-}
-export { formattedLog, setLogLevel, LogLevel, logLevel, formatToLog, };

package/dist/server/page.d.ts

@@ -1,32 +0,0 @@
-import { CompilerOptions } from "../compilation/compiler";
-import { AnyElement } from "../elements/element";
-import { LayoutInformation } from "./layout";
-type PageParams = Record<any, unknown>;
-type PageConstructor = ((params: PageParams) => AnyElement) | ((params: PageParams) => Promise<AnyElement>);
-type PageMetadataConstructor = ((params: PageParams) => AnyElement) | ((params: PageParams) => Promise<AnyElement>);
-/**
- * Described the formatted supported exports of a given page.
- */
-type PageExports = {
-    isDynamic: boolean;
-    pageConstructor: PageConstructor;
-    pageMetadataConstructor: PageMetadataConstructor;
-    enumerateRoutes: (() => string[]) | null;
-};
-/**
- * Holds information about a given user-defined page within the project.
- */
-type PageInformation = {
-    /** The absolute path to the .ts file containing the module for this page. */
-    modulePath: string;
-    /** The pathname of this page relative to pagesDirectory */
-    pathname: string;
-    exports: PageExports;
-    /** This is just the result of pathname.split("/") */
-    pathnameParts: string[];
-    /** An in-order list of the layouts that apply to this page. */
-    applicableLayouts: LayoutInformation[];
-};
-declare function invalidPageError(compilerOptions: CompilerOptions, modulePath: string, reason: string): Error;
-export { invalidPageError, };
-export type { PageInformation, PageExports, PageParams, PageConstructor, PageMetadataConstructor, };

package/dist/server/page.js

@@ -1,6 +0,0 @@
-import { relative } from "path";
-function invalidPageError(compilerOptions, modulePath, reason) {
-    const relativePath = relative(compilerOptions.pagesDirectory, modulePath);
-    return new Error(`The page at path: "${relativePath}" is invalid.\n${reason}`);
-}
-export { invalidPageError, };

package/dist/server/runtime.d.ts

@@ -1,6 +0,0 @@
-/**
- * Run the elegance runtime, and if hot-reloading is enabled, will start the hot-reload server.
- * @param file The runtime file to execute.
- */
-declare function startEleganceRuntime(file: string): void;
-export { startEleganceRuntime, };

package/dist/server/runtime.js

@@ -1,92 +0,0 @@
-import { spawn } from "child_process";
-import { resolve } from "path";
-import { formattedLog, LogLevel } from "./log.js";
-import { createServer } from "http";
-import { createRecursiveWatcher } from "../compilation/compiler.js";
-let child;
-let childPath;
-const clients = new Set();
-let server;
-let serverIsActive = false;
-let compilerOptions;
-/**
- * Run the elegance runtime, and if hot-reloading is enabled, will start the hot-reload server.
- * @param file The runtime file to execute.
- */
-function startEleganceRuntime(file) {
-    formattedLog(LogLevel.INFO, "Starting Elegance..");
-    childPath = resolve(file);
-    server = createServer((req, res) => {
-        formattedLog(LogLevel.DEBUG, "Received hot-reload listener.");
-        if (req.url === "/elegance-hot-reload") {
-            res.writeHead(200, {
-                "Content-Type": "text/event-stream",
-                "Cache-Control": "no-cache",
-                "Connection": "keep-alive",
-                "Access-Control-Allow-Origin": "*"
-            });
-            res.write(":ok\n\n");
-            clients.add(res);
-            req.on("close", () => {
-                clients.delete(res);
-            });
-            return;
-        }
-        res.writeHead(404);
-        res.end();
-    });
-    restartEleganceRuntime();
-}
-function restartEleganceRuntime() {
-    if (child && child.killed === false) {
-        child.kill();
-    }
-    child = spawn("node", ["--import", "ts-arc/register", childPath], {
-        stdio: ['inherit', 'inherit', 'inherit', 'ipc'],
-        env: { ...process.env }
-    });
-    child.on("exit", (code) => {
-        if (code === 0)
-            return;
-        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);
-        if (message === "restart-me") {
-            formattedLog(LogLevel.INFO, "Rebuilding..");
-            restartEleganceRuntime();
-        }
-        if (message === "set-compiler-options") {
-            compilerOptions = JSON.parse(content);
-            formattedLog(LogLevel.DEBUG, "Setting compiler options in parent..");
-            return;
-        }
-        if (message === "hot-reload-finish") {
-            if (!serverIsActive) {
-                serverIsActive = true;
-                server.listen(4000, () => {
-                    formattedLog(LogLevel.DEBUG, "Hot-reload server listening on port 4000");
-                });
-            }
-            for (const client of clients) {
-                client.write("data: hot-reload\n\n");
-            }
-        }
-        if (message === "disable-hot-reload") {
-            if (!serverIsActive)
-                return;
-            serverIsActive = false;
-            server.close();
-        }
-    });
-}
-export { startEleganceRuntime, };

package/scripts/bootstrap.js

@@ -1,95 +0,0 @@
-#!/usr/bin/env node
-
-import fs from "fs";
-import path from "path";
-
-import { execSync } from "node:child_process";
-import { fileURLToPath } from "node:url";
-
-execSync("npm install tailwindcss @tailwindcss/cli && npm install --save-dev @types/node");
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const dirs = ["pages", "public", path.join("pages", "api"), path.join("pages", "api", "middleware")];
-dirs.forEach((dir) => {
-  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
-});
-
-const pageTsPath = path.join("pages", "page.ts");
-const layoutTsPath = path.join("pages", "layout.ts");
-const middlewareTsPath = path.join("pages", "api", "middleware", "middleware.ts");
-const routeTsPath = path.join("pages", "api", "route.ts");
-
-const indexTsPath = path.join("index.ts");
-const eleganceTsPath = path.join("elegance.ts");
-
-const bootstrapFilesDir = path.join(__dirname, "bootstrap_files");
-
-const pageTsContent = fs.readFileSync(path.join(bootstrapFilesDir, "page.txt"));
-const layoutTsContent = fs.readFileSync(path.join(bootstrapFilesDir, "layout.txt"));
-const middlewareTsContent = fs.readFileSync(path.join(bootstrapFilesDir, "middleware.txt"));
-const routeTsContent = fs.readFileSync(path.join(bootstrapFilesDir, "route.txt"));
-const indexTsContent = fs.readFileSync(path.join(bootstrapFilesDir, "index.txt"));
-const eleganceTsContent = fs.readFileSync(path.join(bootstrapFilesDir, "elegance.txt"));
-
-const indexCssPath = path.join("pages", "input.css");
-const envDtsPath = "env.d.ts";
-const tsconfigPath = "tsconfig.json";
-
-const envDtsContent = `/// <reference types="elegance-js/global" />`;
-
-const tsconfigContent = JSON.stringify({
-  compilerOptions: {
-    target: "ESNext",
-    module: "ESNext",
-    moduleResolution: "bundler",
-    strict: true,
-    esModuleInterop: true,
-    forceConsistentCasingInFileNames: true,
-    skipLibCheck: true,
-    paths: {
-        "@/": ["./"],
-    }
-
-  },
-  include: ["pages/**/*", "env.d.ts"],
-  exclude: ["node_modules"],
-}, null, 4);
-
-const indexCssContent = `
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
-
-* {
-    line-height: normal;
-}
-
-@import "tailwindcss";
-
-@theme {
-    --font-inter: "Inter", sans-serif;
-}
-`;
-
-fs.writeFileSync(pageTsPath, pageTsContent, "utf8");
-fs.writeFileSync(layoutTsPath, layoutTsContent, "utf8");
-fs.writeFileSync(routeTsPath, routeTsContent, "utf8");
-fs.writeFileSync(middlewareTsPath, middlewareTsContent, "utf8");
-fs.writeFileSync(indexCssPath, indexCssContent, "utf8");
-fs.writeFileSync(envDtsPath, envDtsContent, "utf8");
-fs.writeFileSync(tsconfigPath, tsconfigContent, "utf8");
-
-if (process.argv[2] === "--manual") {
-    console.log("--manual: Creating manual defaults..");
-
-    execSync("npm install ts-arc");
-
-    fs.writeFileSync(eleganceTsPath, eleganceTsContent, "utf8");
-    fs.writeFileSync(indexTsPath, indexTsContent, "utf8");
-
-    console.log("Run this project with: npx ts-arc index.ts");
-} else {
-    console.log("Run this project with: npx run");
-}
-
-console.log("Bootstrapped new project!");

package/scripts/bootstrap_files/elegance.txt

@@ -1,40 +0,0 @@
-import { execSync } from "child_process";
-import { serveProject, compileEntireProject, setCompilerOptions, } 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,
-    });
-
-    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();