Develop

.babelrc

@@ -1,7 +1,3 @@
 {
-    "presets": [
-        "@babel/preset-env",
-        "@babel/preset-react",
-        "@babel/preset-typescript"
-    ]
+    "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"]
 }

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+    "changelog": "@changesets/cli/changelog",
+    "commit": false,
+    "fixed": [],
+    "linked": [],
+    "access": "restricted",
+    "baseBranch": "main",
+    "updateInternalDependencies": "patch",
+    "ignore": []
+}

.github/workflows/checks.yml

@@ -0,0 +1,70 @@
+name: UI Checks
+
+on:
+    pull_request:
+        branches:
+            - main
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+    cancel-in-progress: true
+
+jobs:
+    ui-checks:
+        if: github.event.pull_request.draft == false
+        name: Build & Tests
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Install Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: 20
+                  cache: 'yarn'
+                  cache-dependency-path: 'client/yarn.lock'
+
+            - name: Cache node modules
+              uses: actions/cache@v4
+              id: cache-npm
+              with:
+                  path: |
+                      node_modules
+                      ~/.npm
+                  key: ${{ runner.os }}-modules-${{ hashFiles('yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-modules-
+                      ${{ runner.os }}-
+
+            - if: ${{ steps.cache-npm.outputs.cache-hit != 'true' }}
+              name: Install dependencies
+              run: yarn install
+
+            - name: Linter
+              run: yarn eslint:check
+
+            - name: Prettier
+              run: yarn prettier:check
+
+            - name: Cache UI build
+              uses: actions/cache@v4
+              id: cache-build
+              with:
+                  path: dist
+                  key: ${{ runner.os }}-dist-${{ hashFiles('client/**/*.ts', 'client/**/*.tsx') }}
+                  restore-keys: |
+                      ${{ runner.os }}-dist-
+                      ${{ runner.os }}-
+
+            # - name: UI Unit Tests
+            #  run: yarn test
+            #  working-directory: client
+
+            - if: ${{ steps.cache-build.outputs.cache-hit != 'true' }}
+              name: Build UI
+              run: |
+                  export dateNow=$(date +"%Y-%m-%dT%H:%M")
+                  echo "export const update = '$dateNow'" > update.ts
+                  yarn build
+              working-directory: client

.github/workflows/publish.yml

@@ -0,0 +1,54 @@
+name: Release package
+
+on:
+    push:
+        branches:
+            - main
+
+jobs:
+    release:
+        name: Release
+        runs-on: ubuntu-latest
+
+        permissions:
+            contents: write
+
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v4
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: 20
+                  cache: 'npm'
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Create changeset version
+              id: changeset
+              run: npx changeset version
+
+            - name: Build package
+              run: npm run build
+
+            - name: Publish to npm
+              env:
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+              run: |
+                  if [ "$(git status --porcelain)" != "" ]; then
+                    git config user.name "github-actions[bot]"
+                    git config user.email "github-actions[bot]@users.noreply.github.com"
+                    git add .
+                    git commit -m "Version Packages"
+                    git push
+                  fi
+
+            - name: Publish package to npm
+              run: npm publish --access public
+              env:
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+            - name: Push tags to repository
+              run: git push --tags

.npmignore

@@ -0,0 +1,3 @@
+example/
+.changeset/
+.github/

.nvmrc

@@ -0,0 +1 @@
+20.11.0

.prettierignore

@@ -0,0 +1,10 @@
+.vscode
+.github
+.yarn
+*.css
+README.md
+eslint.config.mjs
+site.webmanifest
+node_modules
+dist
+coverage

.prettierrc

@@ -0,0 +1,14 @@
+{
+    "trailingComma": "none",
+    "tabWidth": 4,
+    "semi": false,
+    "printWidth": 120,
+    "singleQuote": true,
+    "quoteProps": "as-needed",
+    "jsxSingleQuote": true,
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "arrowParens": "always",
+    "endOfLine": "lf",
+    "singleAttributePerLine": true
+}

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.5.0.cjs

declarations.d.ts

@@ -1,4 +1,4 @@
 declare module '*.module.sass' {
-    const classes: { [key: string]: string };
-    export default classes;
+    const classes: { [key: string]: string }
+    export default classes
 }

eslint.config.js

@@ -0,0 +1,5 @@
+// @ts-check
+
+/** @type {import('@typescript-eslint/utils/ts-eslint').FlatConfig.ConfigPromise} */
+const config = (async () => (await import('./eslint.config.mjs')).default)()
+module.exports = config