frontfire 0.1.0 → 0.1.3

package/README.md

@@ -1 +1,16 @@
-# frontfire
+# Frontfire
+
+Welcome to Frontfire. Frontfire is the development and build environment created for InfrontJS projects.
+
+It is entirely built upon the great esbuild ecosystem.
+
+## Logic
+
+Structure
+
+- src/assets/**/*
+- src/app/main.js
+- src/app/app.css
+- src/index.html
+
+Entrypoint for building is main.js and app.css

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "frontfire",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "",
   "main": "src/index.js",
   "scripts": {
+    "start": "node src/index.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -18,8 +19,14 @@
   },
   "homepage": "https://github.com/infrontjs/frontfire#readme",
   "dependencies": {
+    "chalk": "^5.2.0",
+    "commander": "^10.0.0",
+    "conf": "^11.0.1",
     "esbuild": "^0.17.4",
     "esbuild-copy-static-files": "^0.1.0",
     "esbuild-plugin-copy": "^2.0.2"
+  },
+  "bin": {
+    "frontfire": "src/index.js"
   }
 }

package/src/FrontFire.js

@@ -0,0 +1,135 @@
+const esbuild = require( "esbuild" );
+const { copy } = require( "esbuild-plugin-copy" );
+const copyStaticFiles = require( "esbuild-copy-static-files" );
+const http = require( "node:http" );
+const fs = require( 'node:fs' );
+const path = require( 'node:path' );
+
+const rootBuildDir = 'build';
+
+try
+{
+    if ( fs.statSync( rootBuildDir ) )
+    {
+        console.log( "Cleaning build directory: " + rootBuildDir );
+        fs.rmSync( rootBuildDir, { recursive: true, force: true } );
+    }
+}
+catch( ie )
+{
+    // Fail silently
+    console.error( ie );
+}
+
+const rootFiles = fs.readdirSync( `src${path.sep}`, { withFileTypes : true } );
+const rootFilesToCopy = [];
+for ( let ri = 0; ri < rootFiles.length; ri++ )
+{
+    if ( rootFiles[ ri ].isDirectory() )
+    {
+        continue;
+    }
+
+    // Note
+    // It seems that the copy plugin requires normal slashes no matter what OS we are on
+    rootFilesToCopy.push( `src/` + rootFiles[ ri ].name );
+}
+
+async function frontFire( isWatch )
+{
+    let opts = {
+        // esbuild options
+        bundle: true,
+        sourcemap: true,
+        minify: isWatch ? false : true,
+        logLevel: isWatch ? "info" : "error",
+        entryPoints : [ `src${path.sep}app${path.sep}main.js`, `src${path.sep}app${path.sep}app.css` ],
+        outdir : isWatch ? `${rootBuildDir}${path.sep}debug${path.sep}app${path.sep}` : `${rootBuildDir}${path.sep}release${path.sep}app${path.sep}`,
+        loader: {
+            ".html" : "text",
+            ".png" : "file"
+        },
+        plugins: [
+            copy({
+                resolveFrom : 'cwd',
+                assets: [
+                    {
+                        from: rootFilesToCopy,
+                        to: [ isWatch ? `${rootBuildDir}${path.sep}debug` : `${rootBuildDir}${path.sep}release` ]
+                    }
+                ]
+            }),
+            copyStaticFiles({
+                src: 'src/assets',
+                dest: isWatch ? `${rootBuildDir}${path.sep}debug${path.sep}assets` : `${rootBuildDir}${path.sep}release${path.sep}assets`,
+                dereference: true,
+                errorOnExist: false,
+                preserveTimestamps: true,
+                recursive: true
+            })
+        ]
+
+    };
+
+    if ( true === isWatch )
+    {
+        opts[ "banner" ] = {
+            js: "(() => { (new EventSource(\"/esbuild\")).addEventListener('change', () => location.reload()); })();"
+        };
+    }
+
+    let ctx = await esbuild.context( opts );
+
+    if ( true === isWatch )
+    {
+        await ctx.watch();
+        let { host, port } = await ctx.serve(
+            {
+                servedir : `.${path.sep}${rootBuildDir}${path.sep}debug`
+            }
+        );
+
+        // Then start a proxy server on port 3000
+        http.createServer((req, res) => {
+
+            const options = {
+                hostname: host,
+                port: port,
+                path: req.url,
+                method: req.method,
+                headers: req.headers,
+            }
+
+            // Check if path is a valid state route
+            // then pass it as "index.html" to the server
+
+            // Forward each incoming request to esbuild
+            const proxyReq = http.request(options, proxyRes => {
+                // If esbuild returns "not found", send a custom 404 page
+                if (proxyRes.statusCode === 404) {
+                    res.writeHead(404, { 'Content-Type': 'text/html' })
+                    res.end('<h1>A custom 404 page</h1>')
+                    return
+                }
+
+                // Otherwise, forward the response from esbuild to the client
+                res.writeHead(proxyRes.statusCode, proxyRes.headers)
+
+                proxyRes.pipe(res, { end: true })
+            })
+
+            // Forward the body of the request to esbuild
+            req.pipe(proxyReq, { end: true })
+
+        }).listen(3000);
+
+        console.log( '> InfrontJS:http://localhost:3000' );
+    }
+    else
+    {
+        await ctx.rebuild();
+        ctx.dispose();
+    }
+}
+
+module.exports = frontFire;

package/src/index.js

@@ -1,102 +1,16 @@
-import * as esbuild from 'esbuild';
-import { copy } from "esbuild-plugin-copy";
-import copyStaticFiles from "esbuild-copy-static-files";
-import http from 'node:http';
+#! /usr/bin/env node
+const { program } = require( 'commander' );
+const frontFire = require( "./FrontFire.js" );
 
-const isWatch = process.argv.includes('-w');
-const rootBuildDir = 'build';
+program
+    .command( 'run-dev' )
+    .description( 'Running development server.' )
+    .action( function() {frontFire( true ); } );
 
-// @todo Add PATH_SEPERATOR for paths
+program
+    .command( 'build' )
+    .description( 'Building for production.' )
+    .action( function() {frontFire( false ); } );
 
-let opts = {
-    // esbuild options
-    bundle: true,
-    sourcemap: true,
-    minify: isWatch ? false : true,
-    logLevel: isWatch ? "info" : "error",
-    entryPoints : [ 'src/main.js', 'src/style.css' ],
-    outdir : isWatch ? `${rootBuildDir}/debug/bundles/` : `${rootBuildDir}/release/bundles`,
-    loader: {
-        ".html" : "text"
-    },
-    plugins: [
-        copy({
-            resolveFrom : 'cwd',
-            assets: [
-                {
-                    from: [ 'src/index.html' ],
-                    to: [ isWatch ? `${rootBuildDir}/debug/` : `${rootBuildDir}/release/` ]
-                }
-            ]
-        }),
-        copyStaticFiles({
-            src: 'src/assets',
-            dest: isWatch ? `${rootBuildDir}/debug/assets` : `${rootBuildDir}/release/assets`,
-            dereference: true,
-            errorOnExist: false,
-            preserveTimestamps: true,
-            recursive: true
-        })
-    ]
 
-};
-
-if ( true === isWatch )
-{
-    opts[ "banner" ] = {
-        js: "(() => { (new EventSource(\"/esbuild\")).addEventListener('change', () => location.reload()); })();"
-    };
-}
-
-let ctx = await esbuild.context( opts );
-
-if ( true === isWatch )
-{
-    await ctx.watch();
-    let { host, port } = await ctx.serve(
-        {
-            servedir : `./${rootBuildDir}/debug`
-        }
-    );
-
-    // Then start a proxy server on port 3000
-    http.createServer((req, res) => {
-
-        const options = {
-            hostname: host,
-            port: port,
-            path: req.url,
-            method: req.method,
-            headers: req.headers,
-        }
-
-        // Check if path is a valid state route
-        // then pass it as "index.html" to the server
-
-        // Forward each incoming request to esbuild
-        const proxyReq = http.request(options, proxyRes => {
-            // If esbuild returns "not found", send a custom 404 page
-            if (proxyRes.statusCode === 404) {
-                res.writeHead(404, { 'Content-Type': 'text/html' })
-                res.end('<h1>A custom 404 page</h1>')
-                return
-            }
-
-            // Otherwise, forward the response from esbuild to the client
-            res.writeHead(proxyRes.statusCode, proxyRes.headers)
-
-            proxyRes.pipe(res, { end: true })
-        })
-
-        // Forward the body of the request to esbuild
-        req.pipe(proxyReq, { end: true })
-
-    }).listen(3000);
-
-    console.log( '> InfrontJS:http://localhost:3000' );
-}
-else
-{
-    await ctx.rebuild();
-    ctx.dispose();
-}
+program.parse();

package/.idea/infrontjs-frontfire.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/infrontjs-frontfire.iml" filepath="$PROJECT_DIR$/.idea/infrontjs-frontfire.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/php.xml

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="MessDetectorOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PHPCSFixerOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PHPCodeSnifferOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PhpStanOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PsalmOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>