@ossy/app 0.1.5 → 0.1.7

package/cli/Api.js

@@ -0,0 +1,3 @@
+// dummy file so it can be imported
+
+export default undefined

package/cli/build.js

@@ -0,0 +1,124 @@
+import path from 'path';
+import url from 'url';
+import fs from 'fs';
+import { rollup } from 'rollup';
+import babel from '@rollup/plugin-babel';
+import { nodeResolve as resolveDependencies } from '@rollup/plugin-node-resolve'
+import resolveCommonJsDependencies from '@rollup/plugin-commonjs'
+import removeOwnPeerDependencies from 'rollup-plugin-peer-deps-external'
+import minifyJS from '@rollup/plugin-terser'
+// import typescript from '@rollup/plugin-typescript'
+import preserveDirectives from "rollup-plugin-preserve-directives"
+import json from "@rollup/plugin-json"
+import copy from 'rollup-plugin-copy';
+import replace from '@rollup/plugin-replace';
+import remove from 'rollup-plugin-delete';
+import arg from 'arg'
+// import inject from '@rollup/plugin-inject'
+
+export const build = async (cliArgs) => {
+    console.log('[@ossy/cli][app][build] Starting...')
+
+    const options = arg({
+        '--source': String,
+        '--s': '--source',
+
+        '--destination': String,
+        '--d': '--destination',
+    
+        '--config': String,
+        '-c': '--config',
+      }, { argv: cliArgs })
+
+
+    const appSourcePath = path.resolve(options['--source'] || 'src/App.jsx');
+    let apiSourcePath = path.resolve(options['--api-source'] || 'src/Api.js');
+    const configPath = path.resolve(options['--config'] || 'src/config.js');
+    const buildPath = path.resolve(options['--destination'] || 'build');
+    const publicDir = path.resolve('public')
+
+    const scriptDir = path.dirname(url.fileURLToPath(import.meta.url))
+    const inputClient = path.resolve(scriptDir, 'client.js')
+    const inputServer = path.resolve(scriptDir, 'server.js')
+
+    const inputFiles = [inputClient, inputServer]
+
+    if (!fs.existsSync(appSourcePath)) {
+        throw new Error(`[@ossy/cli][app][build] Source path does not exist: ${appSourcePath}`);
+    }
+
+    if (!fs.existsSync(apiSourcePath)) {
+      apiSourcePath = path.resolve(scriptDir, 'Api.js')
+    }
+
+    if (fs.existsSync(configPath)) {
+        inputFiles.push(configPath)
+    }
+
+    const inputOptions = {
+        input: inputFiles,
+        plugins: [
+          remove({ targets: buildPath }),
+          // inject({ 'React': 'react' }),
+          replace({
+            delimiters: ['%%', '%%'],
+            '@ossy/app/source-file': appSourcePath,
+          }),
+          replace({
+            delimiters: ['%%', '%%'],
+            '@ossy/api/source-file': apiSourcePath,
+          }),
+          replace({
+            'process.env.NODE_ENV': JSON.stringify('production')
+          }),
+          json(),
+          // removeOwnPeerDependencies(),
+          resolveCommonJsDependencies(),
+          resolveDependencies({ preferBuiltins: true }),
+          babel({
+            babelHelpers: 'bundled',
+          //   exclude: ['**/node_modules/**/*'],
+            presets: ['@babel/preset-env', '@babel/preset-react']
+          }),
+          // preserveDirectives(),
+          minifyJS(),
+          copy({
+              targets: [
+                fs.existsSync(publicDir)
+                  ? { src: `${publicDir}/**/*`, dest: 'build/public' }
+                  : undefined,
+              ].filter(x => !!x)
+            })
+        ],
+    };
+
+    const outputOptions = [
+        {
+            dir: 'build',
+            // preserveModules: true,
+            entryFileNames: ({ name }) => {
+              if (name === 'server') {
+                return '[name].js'
+              } else if (name === 'Api') {
+                return '[name].js'
+              } else if (name === 'client') {
+                return 'public/static/main.js'
+              } else if (name === 'config') {
+                return 'public/static/[name].js'
+              } else {
+                return 'public/static/[name].js'
+              }
+            },
+            chunkFileNames: 'public/static/[name]-[hash].js',
+            format: 'esm',
+        }
+    ];
+
+    const bundle = await rollup(inputOptions);
+
+    for (const options of outputOptions) {
+        await bundle.write(options);
+    }
+
+    console.log('[@ossy/cli][app][build] Finished');
+};

package/cli/client.js

@@ -0,0 +1,6 @@
+import React, { createElement } from 'react'
+import 'react-dom'
+import { hydrateRoot } from 'react-dom/client';
+import App from '%%@ossy/app/source-file%%'
+
+hydrateRoot(document, createElement(App))

package/cli/server.js

@@ -0,0 +1,57 @@
+import path from 'path';
+import url from 'url'
+import React, { createElement } from 'react';
+import express from 'express';
+import { prerenderToNodeStream } from 'react-dom/static'
+import App from '%%@ossy/app/source-file%%'
+import ApiRouter from '%%@ossy/api/source-file%%'
+
+const app = express();
+
+const currentDir = path.dirname(url.fileURLToPath(import.meta.url))
+const ROOT_PATH = path.resolve(currentDir, 'public')
+
+console.log('[@ossy/cli][app][server] ROOT_PATH: ', ROOT_PATH)
+
+app.use(express.static(ROOT_PATH));
+
+ApiRouter && app.use('/api', ApiRouter)
+
+app.get('*', (req, res) => {
+
+  console.log('[@ossy/cli][app][server] req.url: ', req.url)
+
+    renderToString(App, { url: req.url })
+      .then(html => { res.send(html) })
+      .catch(err => { res.send(err) })
+
+});
+
+app.listen(3000, () => {
+  console.log('Server is running on http://localhost:3000');
+});
+
+async function renderToSteam(App, config) {
+
+  return prerenderToNodeStream(createElement(App, config), {
+    bootstrapModules: ['/static/index.js']
+  })
+
+}
+
+async function renderToString(App, config) {
+
+  const { prelude } = await prerenderToNodeStream(createElement(App, config), {
+    bootstrapModules: ['/static/main.js']
+  });
+  
+  return new Promise((resolve, reject) => {
+    let data = '';
+    prelude.on('data', chunk => {
+      data += chunk;
+    });
+    prelude.on('end', () => resolve(data));
+    prelude.on('error', reject);
+  });
+
+}

package/cli/temp.js

@@ -0,0 +1,3 @@
+import path from 'path';
+
+console.log(path.resolve('./', 'client.js'))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ossy/app",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "",
   "source": "./src/index.js",
   "main": "./src/index.js",
@@ -44,8 +44,8 @@
     "rollup-plugin-preserve-directives": "^0.4.0"
   },
   "files": [
-    "/build",
+    "/cli",
     "README.md"
   ],
-  "gitHead": "a768d71e76cc523f367cd764a403c0960f8d2e93"
+  "gitHead": "0d479b1b153efa36a487a3c007a43ffa86950aff"
 }