[WIP] Implement plop base

.prettierignore

@@ -4,10 +4,13 @@
 # Include specific folders
 !/code
 !/packages
-
 # But exclude folders anywhere
 node_modules
 dist
 build
 public
 .turbo
+
+# Exclude Handlebars.js (.hbs) files
+# TODO: Figure out how to format hanldebar templates
+**/*.hbs

code/react/handlebar-templates/App.tsx.hbs

@@ -0,0 +1,23 @@
+import { Suspense } from "react";
+{{#if router}}
+import { Router } from './routes';
+{{else}}
+import Home from './ui/pages';
+{{/if}}
+import { AppProviders } from "./context";
+
+function App() {
+  return (
+    <AppProviders>
+      <Suspense>
+        {{#if router}}
+        <Router />
+        {{else}}
+        <Home />
+        {{/if}}
+      </Suspense>
+    </AppProviders>
+  )
+}
+
+export default App;

packages/start-frontend/package.json

@@ -19,7 +19,8 @@
     "degit": "2.8.4",
     "fs-extra": "11.1.0",
     "inquirer": "8.2.3",
-    "meow": "7.1.1"
+    "meow": "7.1.1",
+    "node-plop": "^0.32.0"
   },
   "devDependencies": {
     "@types/concat-stream": "2.0.0",

packages/start-frontend/src/index.ts

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+// @ts-ignore
 import { format } from "prettier";
 import fse from "fs-extra";
 import meow from "meow";
@@ -326,6 +327,16 @@ async function run() {
     removeEslintConfig();
   }
 
+  const { default: nodePlop } = await import("node-plop");
+  const plopFilePath = path.resolve(__dirname, "plopfile.js");
+  const plop = await nodePlop(plopFilePath, {
+    destBasePath: appDir,
+    force: true,
+  });
+
+  const baseGenerator = plop.getGenerator("constructBase");
+  baseGenerator.runActions({});
+
   // Copy commons
   copyCommon(appDir, sharedConfigDir);
 

packages/start-frontend/src/plopfile.ts

@@ -0,0 +1,25 @@
+import type { NodePlopAPI } from "node-plop";
+import path from "node:path";
+
+const TEMP_DIR = path.resolve(__dirname, "temp");
+
+module.exports = function (plop: NodePlopAPI) {
+  plop.setHelper("reverseEach", (ctx, { fn }) =>
+    ctx.reverse().map(fn).join("")
+  );
+
+  plop.setGenerator("constructBase", {
+    actions: [
+      {
+        type: "add",
+        force: true,
+        path: "src/app.tsx",
+        templateFile: path.resolve(
+          TEMP_DIR,
+          "handlebar-templates",
+          "app.tsx.hbs"
+        ),
+      },
+    ],
+  });
+};

packages/start-frontend/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "tsconfig/library.json",
   "compilerOptions": {
-    "rootDir": "."
+    "rootDir": ".",
+    "module": "ESNext"
   },
   "include": ["src", "tsup.config.ts"],
   "exclude": ["templates"]

packages/start-frontend/tsup.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig, Options } from "tsup";
 
 export default defineConfig((options: Options) => ({
-  entry: ["src/index.ts"],
+  entry: ["src/index.ts", "src/plopfile.ts"],
   format: ["cjs"],
   clean: true,
   define: {