Add logic for copying template routes

Shopify · Nov 28, 2022 · 508f29d · 508f29d
1 parent a3485af
commit 508f29d
Show file tree

Hide file tree

Showing 10 changed files with 87 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/hydrogen-remix/src/routing/routes.ts b/packages/hydrogen-remix/src/routing/routes.ts
@@ -15,24 +15,8 @@ export async function hydrogenRoutes(
     await buildLangRoutes();
   }
 
-  const templatesPath = path.resolve(__dirname, '../../templates');
+  await copyTemplates();
 
-  // fs.copyFileSync(templatesPath)
-
-  // const templates = await readDir(templatesPath);
-
-  // for (const template of templates) {
-  //   console.log(template);
-  // }
-
-  // @todo - extract into packaged helper function
-  // @todo - add logic for i18n
-  // const appRoutesPath = path.resolve(
-  //   '../../templates/demo-store',
-  //   'app/routes',
-  // );
-  // @todo - generalize from `path.cwd()`
-  // const appRouteFiles = await readDir(appRoutesPath);
   const hydrogenRoutesPath = path.resolve(process.cwd(), '.hydrogen/routes');
   const hydrogenRouteFiles = await readDir(hydrogenRoutesPath);
   return defineRoutes((route: any) => {
@@ -49,6 +33,30 @@ export async function hydrogenRoutes(
   });
 }
 
+async function copyTemplates() {
+  const templates = await readDir(path.resolve(__dirname, '../../templates'));
+
+  const hydrogenDirectory = path.resolve(process.cwd(), '.hydrogen');
+  const hydrogenRoutesPath = path.resolve(process.cwd(), '.hydrogen/routes');
+
+  if (!fs.existsSync(hydrogenDirectory)) {
+    fs.mkdirSync(hydrogenDirectory);
+  }
+
+  if (!fs.existsSync(hydrogenRoutesPath)) {
+    fs.mkdirSync(hydrogenRoutesPath);
+  }
+
+  for (const template of templates) {
+    const destination = path.resolve(
+      hydrogenDirectory,
+      path.basename(path.dirname(template)),
+      path.basename(template),
+    );
+    fs.copyFileSync(template, destination);
+  }
+}
+
 async function buildLangRoutes() {
   const appDir = path.resolve(process.cwd(), 'app');
   const routesDir = path.resolve(appDir, 'routes');

diff --git a/packages/hydrogen-remix/templates/routes/__health.tsx b/packages/hydrogen-remix/templates/routes/__health.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 export async function loader() {
   return new Response(null, {status: 200});
 }
diff --git a/packages/hydrogen-remix/templates/routes/admin.tsx b/packages/hydrogen-remix/templates/routes/admin.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 import {LoaderArgs, redirect} from '@shopify/hydrogen-remix';
 
 export async function loader({context}: LoaderArgs) {

diff --git a/packages/hydrogen-remix/templates/routes/graphiql.tsx b/packages/hydrogen-remix/templates/routes/graphiql.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 import {LoaderArgs} from '@shopify/hydrogen-remix';
 
 export async function loader({context}: LoaderArgs) {

diff --git a/packages/hydrogen-remix/templates/routes/route-manifest.json.tsx b/packages/hydrogen-remix/templates/routes/route-manifest.json.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 import * as build from '@remix-run/dev/server-build';
 import {RESOURCE_TYPES, REQUIRED_RESOURCES} from '@shopify/hydrogen-remix';
 

diff --git a/templates/demo-store/.hydrogen/routes/__health.tsx b/templates/demo-store/.hydrogen/routes/__health.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 export async function loader() {
   return new Response(null, {status: 200});
 }
diff --git a/templates/demo-store/.hydrogen/routes/admin.tsx b/templates/demo-store/.hydrogen/routes/admin.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 import {LoaderArgs, redirect} from '@shopify/hydrogen-remix';
 
 export async function loader({context}: LoaderArgs) {

diff --git a/templates/demo-store/.hydrogen/routes/graphiql.tsx b/templates/demo-store/.hydrogen/routes/graphiql.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 import {LoaderArgs} from '@shopify/hydrogen-remix';
 
 export async function loader({context}: LoaderArgs) {

diff --git a/templates/demo-store/.hydrogen/routes/route-manifest.json.tsx b/templates/demo-store/.hydrogen/routes/route-manifest.json.tsx
@@ -1,3 +1,10 @@
+/**
+ * DO NOT EDIT THIS FILE!
+ *
+ * It is generated each time Hydrogen is built. Instead, override this file by copying it to the
+ * `app/routes` directory in your project.
+ */
+
 import * as build from '@remix-run/dev/server-build';
 import {RESOURCE_TYPES, REQUIRED_RESOURCES} from '@shopify/hydrogen-remix';