feat: update templates to use .hana for app

leafsphp · Nov 27, 2023 · 70de901 · 70de901
1 parent 394e480
commit 70de901
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 32 deletions.
diff --git a/packages/create-hana-app/templates/javascript/index.html b/packages/create-hana-app/templates/javascript/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/_app.jsx"></script>
+    <script type="module" src="/.hana/_app.jsx"></script>
   </body>
 </html>
diff --git a/packages/create-hana-app/templates/javascript/src/_app.jsx b/packages/create-hana-app/templates/javascript/src/_app.jsx
@@ -1,11 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-
-import { createRouter } from '@hanabira/router';
 import { PersistedState, createStore } from '@hanabira/store';
 
-import routes from '../.hana/routes.json';
-
 import './index.css';
 
 /**
@@ -20,6 +14,7 @@ createStore({
   state: {
     count: 0,
   },
+
   // reducers are functions that allow you to update your state
   // you can call them using useReducer('REDUCER_NAME')
   reducers: {
@@ -37,13 +32,13 @@ createStore({
   ],
 });
 
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    {createRouter({
-      usePageTransition: true,
-      mode: 'history',
-      root: import.meta.url,
-      routes,
-    })}
-  </React.StrictMode>
-);
+const Application = ({ children }) => {
+  /**
+   * This is the root of your application. You can add any
+   * global components here. You can also add a global layout
+   * here if you want to wrap all of your pages in a layout.
+   */
+  return <>{children}</>;
+};
+
+export default Application;
diff --git a/packages/create-hana-app/templates/typescript/index.html b/packages/create-hana-app/templates/typescript/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/_app.tsx"></script>
+    <script type="module" src="/.hana/_app.tsx"></script>
   </body>
 </html>
diff --git a/packages/create-hana-app/templates/typescript/src/_app.tsx b/packages/create-hana-app/templates/typescript/src/_app.tsx
@@ -1,11 +1,6 @@
 import React from 'react';
-import ReactDOM from 'react-dom/client';
-
-import { createRouter } from '@hanabira/router';
 import { PersistedState, createStore } from '@hanabira/store';
 
-import routes from '../.hana/routes.json';
-
 import './index.css';
 
 /**
@@ -20,6 +15,7 @@ createStore({
   state: {
     count: 0,
   },
+
   // reducers are functions that allow you to update your state
   // you can call them using useReducer('REDUCER_NAME')
   reducers: {
@@ -37,12 +33,13 @@ createStore({
   ],
 });
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    {createRouter({
-      mode: 'history',
-      root: import.meta.url,
-      routes,
-    })}
-  </React.StrictMode>
-);
+const Application: React.FC<React.PropsWithChildren> = ({ children }) => {
+  /**
+   * This is the root of your application. You can add any
+   * global components here. You can also add a global layout
+   * here if you want to wrap all of your pages in a layout.
+   */
+  return <>{children}</>;
+};
+
+export default Application;