@projectinvicta/nails 2.0.15

package/templates/src/app.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
+
+import Layout from './Layout';
+import Home from './HomePage';
+import About from './AboutPage';
+import Readme from './ReadmePage';
+
+import './styles/appstyles.css';
+
+function App() {
+  console.log("rendering app");
+  return (
+    <Router>
+      <Routes>
+        <Route path="/" element={<Layout />}>
+          <Route index element={<Home />} />
+          <Route path="about" element={<About />} />
+          <Route path="readme" element={<Readme />} />
+        </Route>
+      </Routes>
+    </Router>
+  );
+}
+
+const container = document.getElementById('AppRoot');
+const root = createRoot(container);
+root.render(<App />);

package/templates/src/components/ReadmeLoader.jsx

@@ -0,0 +1,13 @@
+import { useEffect, useState } from "react"
+import { fetchReadme } from "@common/readme_fetcher";
+
+export default function ReadmeLoader() {
+  const [readmeHtmlSnippet, setReadmeHtmlSnippet] = useState(null);
+  useEffect(() => {
+    fetchReadme().then(setReadmeHtmlSnippet);
+  }, []);
+  return (
+    <div dangerouslySetInnerHTML={{__html: readmeHtmlSnippet}}>
+    </div>
+  )
+}

package/templates/src/styles/appstyles.css

@@ -0,0 +1,3 @@
+body {
+    background-color: aliceblue;
+}

package/templates/vite.config.ts

@@ -0,0 +1,42 @@
+/// <reference types="vitest" />
+
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  publicDir: false,
+  define: {
+    'process.env': {}
+  },
+  plugins: [
+    react(),
+  ],
+  test: {
+    globals: true,
+    // environment: 'jsdom',
+    // setupFiles: './spec/setupTests.js',
+    env: {
+      NAILS_RELEASE_STAGE: "test",
+    }
+  },
+  build: {
+    lib: {
+      entry: './src/app.jsx', // Your library's main entry file
+      name: 'NailsReactApp',
+      fileName: 'nails-react-app',
+    },
+    outDir: './public/dist',
+  },
+  esbuild: {
+    minifyIdentifiers: false,
+    keepNames: true,
+  },
+  resolve: {
+    alias: {
+      '@common': path.resolve(__dirname, './common'), // Alias '@' to the 'common' directory
+      '@server': path.resolve(__dirname, './server'), // Alias '@' to the 'server' directory
+    },
+  },
+})