From fdd857c01c49b153ff1ac1506710c30b1694f02e Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Sat, 22 Mar 2025 18:13:08 -0400
Subject: [PATCH] refactor example

---
 src/main.js => app/boot.js                      |  10 +++++-----
 {src => app}/components/app.riot                |   4 ++--
 {src => app}/css/main.css                       |   0
 {src/components => app/pages}/riot-about.riot   |   8 ++++----
 {src/components => app/pages}/riot-welcome.riot |  13 +++++++------
 {src => app}/public/assets/images/square.svg    |   0
 {src => app}/public/favicon.ico                 | Bin
 index.html                                      |   4 ++--
 vite.config.js                                  |   4 ++--
 9 files changed, 22 insertions(+), 21 deletions(-)
 rename src/main.js => app/boot.js (87%)
 rename {src => app}/components/app.riot (84%)
 rename {src => app}/css/main.css (100%)
 rename {src/components => app/pages}/riot-about.riot (71%)
 rename {src/components => app/pages}/riot-welcome.riot (77%)
 rename {src => app}/public/assets/images/square.svg (100%)
 rename {src => app}/public/favicon.ico (100%)

diff --git a/src/main.js b/app/boot.js
similarity index 87%
rename from src/main.js
rename to app/boot.js
index 6afa143..1134efb 100644
--- a/src/main.js
+++ b/app/boot.js
@@ -2,9 +2,9 @@ import * as riot from "riot";
 import {Route, Router} from "@riotjs/route";
 import app from "./components/app.riot";
 
-const main = {
+const boot = {
     // start-up actions here
-    init() {
+    start() {
         // install plugins
         this.plugins();
 
@@ -18,8 +18,8 @@ const main = {
             // add your own features here
             component.version = {
                 riot: "9.x.x",
-                vite: "5.x.x",
-                app: "3.1.0"
+                vite: "6.x.x",
+                app: "4.0.0"
             };
         });
     },
@@ -35,4 +35,4 @@ const main = {
     }
 }
 
-main.init();
+boot.start();
diff --git a/src/components/app.riot b/app/components/app.riot
similarity index 84%
rename from src/components/app.riot
rename to app/components/app.riot
index eb5ce1b..c689cf0 100644
--- a/src/components/app.riot
+++ b/app/components/app.riot
@@ -13,8 +13,8 @@
     </section>
 
     <script>
-        import RiotWelcome from "./riot-welcome.riot";
-        import RiotAbout from "./riot-about.riot";
+        import RiotWelcome from "../pages/riot-welcome.riot";
+        import RiotAbout from "../pages/riot-about.riot";
 
         export default {
             components: {
diff --git a/src/css/main.css b/app/css/main.css
similarity index 100%
rename from src/css/main.css
rename to app/css/main.css
diff --git a/src/components/riot-about.riot b/app/pages/riot-about.riot
similarity index 71%
rename from src/components/riot-about.riot
rename to app/pages/riot-about.riot
index 878d756..6127ed1 100644
--- a/src/components/riot-about.riot
+++ b/app/pages/riot-about.riot
@@ -7,16 +7,16 @@
 
             <h3>Single-Page-Application</h3>
 
-            <p><code>components</code></p>
+            <p><code>components/pages</code></p>
             <p><code>state</code></p>
             <p><code>routing</code></p>
 
             <p>
                 These core examples are in<br/>
-                <code>src/components/app.riot</code>
+                <code>app/components/app.riot</code>
                 <p>
-                    global components are registered in <br/>
-                    <code>src/app.js</code>
+                    bootstrap global configuration in <br/>
+                    <code>app/boot.js</code>
                 </p>
             </p>
             <br>
diff --git a/src/components/riot-welcome.riot b/app/pages/riot-welcome.riot
similarity index 77%
rename from src/components/riot-welcome.riot
rename to app/pages/riot-welcome.riot
index bcde7b8..7268c47 100644
--- a/src/components/riot-welcome.riot
+++ b/app/pages/riot-welcome.riot
@@ -3,18 +3,19 @@
         <h2>Welcome to Your Riot.js Application</h2>
 
         <p>
-            Start your development with
-            <a>Riot</a>, a component-based ui library, running on the
-            <a>Vite</a> front-end tooling.
+            Start development with
+            <a>RiotJS</a>, a component-based ui library,
+            <a>Riot/Route</a>, a client-side routing library, and
+            <a>Vite</a> front-end build tooling.
         </p>
 
         <h3>Getting Started</h3>
         <p>
             This page is found at <br/>
-            <code>src/components/riot-welcome.riot</code>
+            <code>app/pages/riot-welcome.riot</code>
             <p>
                 and is registered via <br/>
-                <code>src/app.js</code>
+                <code>app/boot.js</code>
             </p>
         </p>
 
@@ -30,7 +31,7 @@
             <span>
                 <a href="https://vitejs.dev/guide/">Vite</a>
                 <br/>
-                <code>v5.x</code>
+                <code>v6.x</code>
             </span>
         </div>
 
diff --git a/src/public/assets/images/square.svg b/app/public/assets/images/square.svg
similarity index 100%
rename from src/public/assets/images/square.svg
rename to app/public/assets/images/square.svg
diff --git a/src/public/favicon.ico b/app/public/favicon.ico
similarity index 100%
rename from src/public/favicon.ico
rename to app/public/favicon.ico
diff --git a/index.html b/index.html
index 56e2e98..bf854c5 100644
--- a/index.html
+++ b/index.html
@@ -3,12 +3,12 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="stylesheet" href="/src/css/main.css">
+        <link rel="stylesheet" href="/app/css/main.css">
         <title>Riot Template</title>
     </head>
     <body>
         <app></app>
 
-        <script type="module" src="/src/main.js"></script>
+        <script type="module" src="/app/boot.js"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 3372c72..2a8c3db 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,8 +2,8 @@ import { defineConfig } from "vite";
 import riot from 'rollup-plugin-riot';
 
 export default defineConfig({
-    input: "src/components",
+    input: "app/**/*",
     output: "dist/bundle.js",
     plugins: [riot()],
-    publicDir: 'src/public'
+    publicDir: 'app/public'
 });