add a way to generate output (#4)

fixes idrinth-api-bench/issues#1080

Author: Idrinth

src/configuration.ts

@@ -13,6 +13,7 @@ interface Routes {
   overridePathMappings: {
     [filesystemPath: string]: string,
   },
+  useOutput: boolean,
 }
 interface HTMLMinify {
   collapseBooleanAttributes: boolean,
@@ -62,6 +63,7 @@ export default (cwd: string, cliArguments: string[]): Configuration => {
         home: '/',
         'not-found': '*',
       },
+      useOutput: false,
     },
     htmlMinify: {
       collapseBooleanAttributes: true,

src/generate-routes.ts

@@ -9,10 +9,10 @@ import Writer from './writer.js';
 export default (cwd: string, configuration: Configuration) => {
   const writers: Writer[] = [];
   if (configuration.routes.build && configuration.routes.type === 'tsx') {
-    writers.push(new TsxWriter(configuration.runtime.reloadWaitMs,))
+    writers.push(new TsxWriter(configuration.runtime.reloadWaitMs, configuration.routes.useOutput,))
   }
   if (configuration.routes.build && configuration.routes.type === 'jsx') {
-    writers.push(new JsxWriter(configuration.runtime.reloadWaitMs,))
+    writers.push(new JsxWriter(configuration.runtime.reloadWaitMs, configuration.routes.useOutput,))
   }
   if (configuration.sitemap.build) {
     writers.push(new SitemapWriter(configuration.sitemap.domain));

src/jsx-writer.ts

@@ -5,22 +5,24 @@ export default class JsxWriter implements Writer {
     return 'src/routes.jsx';
   }
   protected items: string[] = [];
-  constructor(private readonly waitReloadMS: number) {
+  constructor(private readonly waitReloadMS: number, private readonly useOutput: boolean,) {
   }
   // @ts-ignore TS6133
   add(path: string, url: string, changed: string): void
   {
     this.items.push(`  (() => {
       const LazyElement = buildLazyElement(OfflineLoader, RefreshLoader, import('./pages/${path}/index.tsx',),);
-      return buildRoute(LazyElement, Loader, '${ url }');
+      return buildRoute(LazyElement, Loader, '${ url }',);
     })(),`
     );
   }
   toString(): string {
     return 'import React, {\n' +
       '  lazy,\n' +
       '  Suspense,\n' +
-      '} from \'react\';\n\n' +
+      '} from \'react\';\n' +
+      (this.useOutput ? 'import {\n  Outlet,\n} from \'react-router-dom\';\n' : '' ) +
+      '\n' +
       'const buildLazyElement = (OfflineLoader, RefreshLoader, imp,) => lazy(async() => {\n' +
       '  try {\n' +
       '    return await imp;\n' +
@@ -44,10 +46,13 @@ export default class JsxWriter implements Writer {
       '};\n\n' +
       'export default (' +
       '  Loader,' +
+      (this.useOutput ? '  Layout,' : '' ) +
       '  RefreshLoader = undefined,' +
       '  OfflineLoader = undefined,' +
       ') => [\n  '
+      + (this.useOutput ? '{element: <Layout><Outlet/></Layout>, children: [\n' : '')
       + this.items.join('\n  ')
+      + (this.useOutput ? '\n]}' : '')
       + '\n];\n'
   }
 }

src/tsx-writer.ts

@@ -5,14 +5,14 @@ export default class TsxWriter implements Writer {
       return 'src/routes.tsx';
   }
   protected items: string[] = [];
-  constructor(private readonly waitReloadMS: number) {
+  constructor(private readonly waitReloadMS: number, private readonly useOutput: boolean,) {
   }
   // @ts-ignore TS6133
   add(path: string, url: string, changed: string): void
   {
     this.items.push(`  (() => {
       const LazyElement = buildLazyElement(OfflineLoader, RefreshLoader, import('./pages/${path}/index.tsx',),);
-      return buildRoute(LazyElement, Loader, '${ url }');;
+      return buildRoute(LazyElement, Loader, '${ url }',);
     })(),`
     );
   }
@@ -22,7 +22,9 @@ export default class TsxWriter implements Writer {
       '  Suspense,\n' +
       '  ElementType,\n' +
       '  ComponentType,\n' +
-      '} from \'react\';\n\n' +
+      '} from \'react\';\n' +
+      (this.useOutput ? 'import {\n  Outlet,\n} from \'react-router-dom\';\n' : '' ) +
+      '\n' +
       'const buildLazyElement = (\n' +
       '  OfflineLoader: ComponentType|undefined,\n' +
       '  RefreshLoader: ComponentType|undefined,\n' +
@@ -54,10 +56,13 @@ export default class TsxWriter implements Writer {
       '};\n\n' +
       'export default (\n' +
       '  Loader: ElementType,\n' +
+      (this.useOutput ? '  Layout: ElementType,\n' : '' ) +
       '  RefreshLoader: ComponentType|undefined = undefined,\n' +
       '  OfflineLoader: ComponentType|undefined = undefined,\n' +
       ') => [\n  '
+      + (this.useOutput ? '{element: <Layout><Outlet/></Layout>, children: [\n' : '')
       + this.items.join('\n  ')
+      + (this.useOutput ? '\n]}\n' : '')
       + '\n];\n'
   }
 }