version bump, fixes for 0.0.16 and 0.0.17

Author: cblanquera

docs/backlog.md

@@ -3,6 +3,7 @@
  - Develop `$ incept build` Script
  - Develop `$ incept start` Script
  - Develop `$ incept lint` Script
+ - Develop npx starter called `create-incept-app`
  - Move scripts to a package called `devops`
  - Move babel configuration into a package called `presets`
  - Move webpack configuration into a package called `presets`
@@ -51,13 +52,6 @@ There is a huge overlap between Babel and Webpack in terms of intent.
 If babel is for transpiling and webpack is for bundling, what's up 
 with isomorphic plugins?
 
-**Isomorphic Babel & Webpack**
-
-Both of these projects suffer from plugins that need to be isomorphic 
-being outdated in a matter of years like CSS, SVG, file & url importing.
-I ended up fixing and hosting up a fork of 
-[`babel-plugin-file-loader`](https://github.com/cblanquera/babel-plugin-file-loader)
-
 **webpack-dev-middleware**
 
 For some reason `webpack-dev-middleware` is compiling for the 

packages/admin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inceptjs/admin",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Incept Admin",
   "author": "Chris <chris@incept.asia>",
   "license": "MIT",
@@ -12,7 +12,7 @@
   ],
   "dependencies": {
     "boxicons": "2.0.9",
-    "inceptjs": "^0.0.17",
+    "inceptjs": "^0.0.18",
     "react-redux": "^7.2.5",
     "redux-thunk": "^2.3.0",
     "redux": "^4.1.1"

packages/framework/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@inceptjs/framework",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Defines basic framework concepts",
   "author": "Chris <chris@incept.asia>",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@inceptjs/types": "^0.0.17",
+    "@inceptjs/types": "^0.0.18",
     "mime": "^2.5.2"
   },
   "devDependencies": {

packages/framework/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inceptjs",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "A pluggable React framework",
   "author": "Chris <chris@incept.asia>",
   "license": "MIT",
@@ -31,8 +31,8 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
     "@babel/register": "^7.15.3",
-    "@inceptjs/framework": "^0.0.17",
-    "@inceptjs/virtualfs": "^0.0.17",
+    "@inceptjs/framework": "^0.0.18",
+    "@inceptjs/virtualfs": "^0.0.18",
     "@loadable/babel-plugin": "5.13.2",
     "@loadable/component": "5.15.0",
     "@loadable/server": "5.15.1",

packages/incept/package-lock.json

@@ -21,6 +21,8 @@ function startDevServer(
   const webpack = app.withWebpack;
   //log all errors
   app.on('error', logError.bind(app));
+  //virtualize react files
+  react.virtualize();
   //load webpack
   const {dev, hot} = webpack.develop(!!write);
   app.use(dev);

packages/incept/package.json

@@ -7,8 +7,8 @@ import { StaticRouter, matchPath } from 'react-router';
 import { Request, Response } from '@inceptjs/framework';
 
 import { Application } from '../types/Application';
+import Exception from './Exception';
 import Page from './Page';
-import { Exception } from '..';
 
 export default class WithReact {
   /**
@@ -19,12 +19,12 @@ export default class WithReact {
   /**
    * The file path to the App component
    */
-  protected _app: string;
+  protected _app: string = '';
 
   /**
    * The file path to the client entry
    */
-  protected _entry: string;
+  protected _entry: string = '';
 
   /**
    * The page component
@@ -62,13 +62,7 @@ export default class WithReact {
    */
   set app(app: string) {
     const resolved = this._application.withVirtualFS.resolvePath(app);
-    Exception.require(!!resolved, 'Cannot find module %s', app);
-    const App = fs.readFileSync(resolved as string, 'utf8');
-    const props = this._generateProps();
-    this._application.withVirtualFS.writeFileSync(
-      path.join(this._application.cwd, 'App.js'),
-      App.replace(/\nconst props[^\n]+/g, `\n${props}\n`)
-    );
+    Exception.require(!!resolved, 'Module not found %s', app);
     this._app = resolved as string;
   }
 
@@ -77,11 +71,7 @@ export default class WithReact {
    */
   set entry(entry: string) {
     const resolved = this._application.withVirtualFS.resolvePath(entry);
-    Exception.require(!!resolved, 'Cannot find module %s', entry);
-    this._application.withVirtualFS.writeFileSync(
-      path.join(this._application.cwd, 'entry.js'),
-      fs.readFileSync(resolved as string, 'utf8')
-    );
+    Exception.require(!!resolved, 'Module not found %s', entry);
     this._entry = resolved as string;
   }
 
@@ -99,29 +89,27 @@ export default class WithReact {
     this._application = app;
     //make a virtual cwd
     app.withVirtualFS.mkdirSync(app.cwd, { recursive: true });
-    this._entry = path.normalize(
+    //set a default entry
+    this.entry = path.normalize(
       path.join(__dirname, '../../templates/entry')
     );
-    this._app = path.normalize(
+    //set a default app
+    this.app = path.normalize(
       path.join(__dirname, '../../templates/App')
     );
+    //set a default layout
     this._layouts.default = path.normalize(
       path.join(__dirname, '../../templates/Layout')
     );
+    //set a default page
     this._page = this.makePage();
   }
 
   /**
    * sets a config file
    */
   config(name: string, file: string): WithReact {
-    this._props[name] = file;
-    const App = fs.readFileSync(this._app as string, 'utf8');
-    const props = this._generateProps();
-    this._application.withVirtualFS.writeFileSync(
-      path.join(this._application.cwd, 'App.js'),
-      App.replace(/\nconst props[^\n]+/g, `\n${props}\n`)
-    );
+    this._props[name] = file
     return this
   }
 
@@ -237,6 +225,24 @@ export default class WithReact {
     return page.render(app);
   }
 
+  /**
+   * Adds dynamically rendered files to node's FS
+   */
+  virtualize() {
+    //copy entry to cwd/entry.js
+    this._application.withVirtualFS.writeFileSync(
+      path.join(this._application.cwd, 'entry.js'),
+      fs.readFileSync(this._entry as string, 'utf8')
+    );
+    //copy App to cwd/App.js
+    const App = fs.readFileSync(this._app as string, 'utf8');
+    const props = this._generateProps();
+    this._application.withVirtualFS.writeFileSync(
+      path.join(this._application.cwd, 'App.js'),
+      App.replace(/\nconst props[^\n]+/g, `\n${props}\n`)
+    );
+  }
+
   private _generateProps(): string {
     const importClause = `const %s = loadable(_ => import('%s'))`;
     const routes = this.routes;

packages/incept/src/plugin/develop.ts

@@ -98,10 +98,10 @@ export default class Application extends http.Router {
     this._config = Object.assign({}, defaults, config);
     this._pluginManager = new PluginLoader(this._config.cwd);
 
+    this.withVirtualFS = vfs;
     this.withBabel = new WithBabel;
     this.withReact = new WithReact(this);
     this.withWebpack = new WithWebpack(this);
-    this.withVirtualFS = vfs;
     this.withVirtualFS.patchFS();
   }
 

packages/incept/src/react/index.ts

@@ -116,7 +116,7 @@ export default class WithWebpack {
     ]);
 
     //build a webpack compiler
-    const compiler = bundler.compiler
+    const compiler = bundler.compiler;
 
     const dev = webpackDevMiddleware(compiler, {
       serverSideRender: true,