frontfire 0.1.0 → 0.1.1

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "frontfire",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "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,107 @@
+const esbuild = require( "esbuild" );
+const { copy } = require( "esbuild-plugin-copy" );
+const copyStaticFiles = require( "esbuild-copy-static-files" );
+const http = require( "node:http" );
+
+const rootBuildDir = 'build';
+
+// @todo Add PATH_SEPERATOR for paths
+
+async function frontFire( isWatch )
+{
+    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",
+            ".png" : "file"
+        },
+        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();
+    }
+}
+
+module.exports = frontFire;

package/src/index.js

@@ -1,3 +1,21 @@
+#! /usr/bin/env node
+const { program } = require( 'commander' );
+const frontFire = require( "./FrontFire.js" );
+
+program
+    .command( 'run-dev' )
+    .description( 'Running development server.' )
+    .action( function() {frontFire( true ); } );
+
+program
+    .command( 'build' )
+    .description( 'Building for production.' )
+    .action( function() {frontFire( false ); } );
+
+
+program.parse();
+
+/*
 import * as esbuild from 'esbuild';
 import { copy } from "esbuild-plugin-copy";
 import copyStaticFiles from "esbuild-copy-static-files";
@@ -100,3 +118,4 @@ else
     await ctx.rebuild();
     ctx.dispose();
 }
+*/

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>