Cleaned up code (#32)

Author: spietras

.github/workflows/example.yaml

@@ -74,6 +74,8 @@ jobs:
           'reponame=react-example'
           --data
           'description=React app example ⚛️'
+          --data
+          'paths=false'
       # Create archive to retain file permissions
       - name: Create archive
         run: >

copier.yaml

@@ -32,6 +32,16 @@ port:
   help: The port on which the app will listen
   default: 5173
 
+paths:
+  type: bool
+  help: Whether you can use paths in the URL
+  default: true
+
+keyprefix:
+  type: str
+  help: The prefix for various keys used in the app (e.g. for storage)
+  default: "{{ appname | lower | replace('_', '-') }}"
+
 pages:
   type: str
   help: What you want to host on GitHub Pages

src/.envrc.jinja

@@ -1,7 +1,7 @@
 #!/usr/bin/env bash
 
 # reload when these files change
-watch_file flake.lock ./*.nix package.json package-lock.json Taskfile.dist.yaml {taskfile,Taskfile}.{yaml,yml}
+watch_file flake.lock ./*.nix
 
 # activate the default development shell in the current shell
 # --accept-flake-config will accept the nix configuration from the flake without prompting

src/.eslintrc.cjs

@@ -1,11 +1,11 @@
 module.exports = {
   env: {
-    // Set ES2022 environment
-    es2022: true,
-
     // Support browser globals
     browser: true,
 
+    // Set ES2022 environment
+    es2022: true,
+
     // Support node globals
     node: true,
   },
@@ -41,6 +41,12 @@ module.exports = {
   root: true,
 
   rules: {
+    // Allow anonymous default exports
+    "import/no-anonymous-default-export": "off",
+
+    // Allow empty block statements
+    "no-empty": "off",
+
     // Allow empty destructuring patterns
     "no-empty-pattern": "off",
 

src/Taskfile.dist.yaml.jinja

@@ -199,8 +199,8 @@ tasks:
     desc: Build outputs
     internal: true
     sources:
-      - src/**/*
       - public/**/*
+      - src/**/*
       - flake.lock
       - "*.nix"
       - index.html

src/src/Router.tsx renamed to src/src/Router.tsx.jinja

@@ -1,7 +1,7 @@
-import { RouterProvider, createHashRouter } from "react-router-dom";
+import { RouterProvider, {{ 'createBrowserRouter' if pages else 'createHashRouter' }} } from "react-router-dom";
 import { ErrorPage, IndexPage, NotFoundPage, Root } from "./pages";
 
-const router = createHashRouter(
+const router = {{ 'createBrowserRouter' if pages else 'createHashRouter' }}(
   [
     {
       path: "/",

src/src/config/constants.ts

@@ -0,0 +1,3 @@
+export const colorSchemeStorageKey = "{{ keyprefix }}-color-scheme";
+export const defaultColorScheme = "auto";
+export const stateStorageKey = "{{ keyprefix }}-state";