mirror of
https://github.com/balzack/databag.git
synced 2025-04-23 01:55:17 +00:00
add routing
This commit is contained in:
balzack
parent
245ff5b241
commit
90367a5068
@ -6,7 +6,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Databag</title>
|
||||
</head>
|
||||
<body>
|
||||
<body style="background-color: #888888">
|
||||
<div data-js="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
|
||||
1240
app/client/web/package-lock.json
generated
1240
app/client/web/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -27,6 +27,7 @@
|
||||
"jest": "29.1.1",
|
||||
"react": "18.3.1",
|
||||
"react-dom": "18.2.0",
|
||||
"react-router-dom": "^6.26.0",
|
||||
"react-test-renderer": "18.2.0",
|
||||
"ts-jest": "29.0.2",
|
||||
"ts-node": "10.9.1",
|
||||
|
||||
@ -1,29 +1,44 @@
|
||||
|
||||
import React from 'react'
|
||||
import { Root } from './root/Root'
|
||||
import { Access } from './access/Access'
|
||||
import { Session } from './session/Session'
|
||||
import { useColorScheme } from '@mantine/hooks';
|
||||
import { createTheme, MantineProvider, virtualColor } from '@mantine/core'
|
||||
import './App.css'
|
||||
import '@mantine/core/styles.css';
|
||||
import classes from './App.module.css';
|
||||
import { createBrowserRouter, RouterProvider } from 'react-router-dom'
|
||||
|
||||
const theme = createTheme({
|
||||
focusClassName: classes.focus,
|
||||
primaryColor: 'databag-green',
|
||||
primaryShade: { light: 6, dark: 7 },
|
||||
colors: {
|
||||
'databag-green': ['#eef6f2', '#cce5d9', '#aad4bf', '#88c3a6', '#66b28c', '#4d9973', '#3c7759', '#2b5540', '#1a3326', '#09110d'],
|
||||
'dark-surface': ['#000000', '#111111', '#222222', '#333333', '#444444', '#555555', '#666666', '#777777', '#888888', '#999999'],
|
||||
'light-surface': ['#ffffff', '#eeeeee', '#dddddd', '#cccccc', '#bbbbbb', '#aaaaaa', '#999999', '#888888', '#777777', '#666666'],
|
||||
surface: virtualColor({
|
||||
name: 'surface',
|
||||
dark: 'dark-surface',
|
||||
light: 'light-surface',
|
||||
}),
|
||||
|
||||
},
|
||||
});
|
||||
|
||||
const router = createBrowserRouter([
|
||||
{ path: '/', element: <Root /> },
|
||||
{ path: 'access', element: <Access /> },
|
||||
{ path: 'session', element: <Session /> },
|
||||
]);
|
||||
|
||||
export function App () {
|
||||
|
||||
console.log("FOCUS", classes.focus);
|
||||
|
||||
const selectedScheme = localStorage.getItem('scheme')
|
||||
const defaultScheme = useColorScheme('light', { getInitialValueInEffect: false });
|
||||
const scheme = selectedScheme ? selectedScheme : defaultScheme;
|
||||
|
||||
return (
|
||||
<MantineProvider forceColorScheme="dark" theme={theme}>
|
||||
<div className='App'>
|
||||
<Root />
|
||||
</div>
|
||||
<MantineProvider forceColorScheme={scheme} theme={theme}>
|
||||
<RouterProvider router={router} />
|
||||
</MantineProvider>
|
||||
)
|
||||
}
|
||||
|
||||
3
app/client/web/src/access/Access.tsx
Normal file
3
app/client/web/src/access/Access.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export function Access () {
|
||||
return <div><span>Access</span></div>
|
||||
}
|
||||
@ -2,11 +2,11 @@ import React, { useContext } from 'react'
|
||||
import { SettingsContext } from '../context/SettingsContext'
|
||||
import { ContextType } from '../context/ContextType'
|
||||
import { TextInput, Button } from '@mantine/core'
|
||||
import '@mantine/core/styles.css';
|
||||
import classes from './Root.module.css'
|
||||
import { useMantineTheme } from '@mantine/core';
|
||||
|
||||
export function Root () {
|
||||
const settings = useContext(SettingsContext) as ContextType;
|
||||
const theme = useMantineTheme();
|
||||
const settings = useContext(SettingsContext);
|
||||
|
||||
const press = () => {
|
||||
console.log("PRESSED");
|
||||
@ -21,9 +21,7 @@ export function Root () {
|
||||
label="Input label"
|
||||
description="Input description"
|
||||
placeholder="Input placeholder"
|
||||
classNames={{
|
||||
input: classes.focus
|
||||
}}
|
||||
/>
|
||||
<div style={{ width: 100, height: 100, backgroundColor: theme.colors.surface[8], }} />
|
||||
</div>
|
||||
}
|
||||
|
||||
3
app/client/web/src/session/Session.tsx
Normal file
3
app/client/web/src/session/Session.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export function Session () {
|
||||
return <div><span>Session</span></div>
|
||||
}
|
||||
@ -1132,6 +1132,13 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@remix-run/router@npm:1.19.0":
|
||||
version: 1.19.0
|
||||
resolution: "@remix-run/router@npm:1.19.0"
|
||||
checksum: 467495864dd99fed3ba7861482cee56fd8c3a1a5cb17fe7bbf22774b0d90315c75d155f7eced0616bdeaceef1d79846b7c44f99873619e3204cfb9e4665e0a3c
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/pluginutils@npm:4.1.1":
|
||||
version: 4.1.1
|
||||
resolution: "@rollup/pluginutils@npm:4.1.1"
|
||||
@ -1158,114 +1165,114 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-android-arm-eabi@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-android-arm-eabi@npm:4.19.2"
|
||||
"@rollup/rollup-android-arm-eabi@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-android-arm-eabi@npm:4.20.0"
|
||||
conditions: os=android & cpu=arm
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-android-arm64@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-android-arm64@npm:4.19.2"
|
||||
"@rollup/rollup-android-arm64@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-android-arm64@npm:4.20.0"
|
||||
conditions: os=android & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-darwin-arm64@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-darwin-arm64@npm:4.19.2"
|
||||
"@rollup/rollup-darwin-arm64@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-darwin-arm64@npm:4.20.0"
|
||||
conditions: os=darwin & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-darwin-x64@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-darwin-x64@npm:4.19.2"
|
||||
"@rollup/rollup-darwin-x64@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-darwin-x64@npm:4.20.0"
|
||||
conditions: os=darwin & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-arm-gnueabihf@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.19.2"
|
||||
"@rollup/rollup-linux-arm-gnueabihf@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.20.0"
|
||||
conditions: os=linux & cpu=arm & libc=glibc
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-arm-musleabihf@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.19.2"
|
||||
"@rollup/rollup-linux-arm-musleabihf@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.20.0"
|
||||
conditions: os=linux & cpu=arm & libc=musl
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-arm64-gnu@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.19.2"
|
||||
"@rollup/rollup-linux-arm64-gnu@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.20.0"
|
||||
conditions: os=linux & cpu=arm64 & libc=glibc
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-arm64-musl@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-arm64-musl@npm:4.19.2"
|
||||
"@rollup/rollup-linux-arm64-musl@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-arm64-musl@npm:4.20.0"
|
||||
conditions: os=linux & cpu=arm64 & libc=musl
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-powerpc64le-gnu@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.19.2"
|
||||
"@rollup/rollup-linux-powerpc64le-gnu@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.20.0"
|
||||
conditions: os=linux & cpu=ppc64 & libc=glibc
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-riscv64-gnu@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.19.2"
|
||||
"@rollup/rollup-linux-riscv64-gnu@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.20.0"
|
||||
conditions: os=linux & cpu=riscv64 & libc=glibc
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-s390x-gnu@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.19.2"
|
||||
"@rollup/rollup-linux-s390x-gnu@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.20.0"
|
||||
conditions: os=linux & cpu=s390x & libc=glibc
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-x64-gnu@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-x64-gnu@npm:4.19.2"
|
||||
"@rollup/rollup-linux-x64-gnu@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-x64-gnu@npm:4.20.0"
|
||||
conditions: os=linux & cpu=x64 & libc=glibc
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-linux-x64-musl@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-linux-x64-musl@npm:4.19.2"
|
||||
"@rollup/rollup-linux-x64-musl@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-linux-x64-musl@npm:4.20.0"
|
||||
conditions: os=linux & cpu=x64 & libc=musl
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-win32-arm64-msvc@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.19.2"
|
||||
"@rollup/rollup-win32-arm64-msvc@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.20.0"
|
||||
conditions: os=win32 & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-win32-ia32-msvc@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.19.2"
|
||||
"@rollup/rollup-win32-ia32-msvc@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.20.0"
|
||||
conditions: os=win32 & cpu=ia32
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@rollup/rollup-win32-x64-msvc@npm:4.19.2":
|
||||
version: 4.19.2
|
||||
resolution: "@rollup/rollup-win32-x64-msvc@npm:4.19.2"
|
||||
"@rollup/rollup-win32-x64-msvc@npm:4.20.0":
|
||||
version: 4.20.0
|
||||
resolution: "@rollup/rollup-win32-x64-msvc@npm:4.20.0"
|
||||
conditions: os=win32 & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
@ -1624,11 +1631,11 @@ __metadata:
|
||||
linkType: hard
|
||||
|
||||
"@types/node@npm:*":
|
||||
version: 22.0.2
|
||||
resolution: "@types/node@npm:22.0.2"
|
||||
version: 22.1.0
|
||||
resolution: "@types/node@npm:22.1.0"
|
||||
dependencies:
|
||||
undici-types: ~6.11.1
|
||||
checksum: a83d7e9c81ddc5e58050b61413e871e68468f127367172fa4c14ba3182f8548be59e045096619a4742d665c38790d9843b71664ec61c0ec4ba59c771a739eded
|
||||
undici-types: ~6.13.0
|
||||
checksum: 3544c35da06009790a2e07742a7dfa0ac0f0d64ec47d9e6d3edf0ff6dcfc1a7cc2efdc5e524e80f8ed80aa37154513b2c1c724f95146ff89fc5aefb8e33575f2
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -2355,9 +2362,9 @@ __metadata:
|
||||
linkType: hard
|
||||
|
||||
"caniuse-lite@npm:^1.0.30001646":
|
||||
version: 1.0.30001646
|
||||
resolution: "caniuse-lite@npm:1.0.30001646"
|
||||
checksum: 53d45b990d21036aaab7547e164174a0ac9a117acdd14a6c33822c4983e2671b1df48686d5383002d0ef158b208b0047a7dc404312a6229bf8ee629de3351b44
|
||||
version: 1.0.30001647
|
||||
resolution: "caniuse-lite@npm:1.0.30001647"
|
||||
checksum: 4c2a32cf51a6328e263b4b4f59118be88b168215727258d41cc1db309c8987cd86fecacb3237b6886ee00f0d6b98e5321a5a4009a93cad2420e87f251e79e679
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -2653,6 +2660,7 @@ __metadata:
|
||||
jest: 29.1.1
|
||||
react: 18.3.1
|
||||
react-dom: 18.2.0
|
||||
react-router-dom: ^6.26.0
|
||||
react-test-renderer: 18.2.0
|
||||
ts-jest: 29.0.2
|
||||
ts-node: 10.9.1
|
||||
@ -5936,6 +5944,30 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-router-dom@npm:^6.26.0":
|
||||
version: 6.26.0
|
||||
resolution: "react-router-dom@npm:6.26.0"
|
||||
dependencies:
|
||||
"@remix-run/router": 1.19.0
|
||||
react-router: 6.26.0
|
||||
peerDependencies:
|
||||
react: ">=16.8"
|
||||
react-dom: ">=16.8"
|
||||
checksum: 1579aa122884c286ffb2821c90403ac58b3c39f0d1cc8440b2bdd5de406c2dec0826c3a2bc473528b28728f0c35904045fdd7b7bfc17ad788c69816411ef5074
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-router@npm:6.26.0":
|
||||
version: 6.26.0
|
||||
resolution: "react-router@npm:6.26.0"
|
||||
dependencies:
|
||||
"@remix-run/router": 1.19.0
|
||||
peerDependencies:
|
||||
react: ">=16.8"
|
||||
checksum: 60ed0f33584f43ff64ffc66e8d58fd1605749e249684e15637f6af427d35b01d91addcaf857300e955bb09a33ea644322b28da98adf0764cd07ceb7399118561
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-shallow-renderer@npm:^16.15.0":
|
||||
version: 16.15.0
|
||||
resolution: "react-shallow-renderer@npm:16.15.0"
|
||||
@ -6182,25 +6214,25 @@ __metadata:
|
||||
linkType: hard
|
||||
|
||||
"rollup@npm:^4.13.0":
|
||||
version: 4.19.2
|
||||
resolution: "rollup@npm:4.19.2"
|
||||
version: 4.20.0
|
||||
resolution: "rollup@npm:4.20.0"
|
||||
dependencies:
|
||||
"@rollup/rollup-android-arm-eabi": 4.19.2
|
||||
"@rollup/rollup-android-arm64": 4.19.2
|
||||
"@rollup/rollup-darwin-arm64": 4.19.2
|
||||
"@rollup/rollup-darwin-x64": 4.19.2
|
||||
"@rollup/rollup-linux-arm-gnueabihf": 4.19.2
|
||||
"@rollup/rollup-linux-arm-musleabihf": 4.19.2
|
||||
"@rollup/rollup-linux-arm64-gnu": 4.19.2
|
||||
"@rollup/rollup-linux-arm64-musl": 4.19.2
|
||||
"@rollup/rollup-linux-powerpc64le-gnu": 4.19.2
|
||||
"@rollup/rollup-linux-riscv64-gnu": 4.19.2
|
||||
"@rollup/rollup-linux-s390x-gnu": 4.19.2
|
||||
"@rollup/rollup-linux-x64-gnu": 4.19.2
|
||||
"@rollup/rollup-linux-x64-musl": 4.19.2
|
||||
"@rollup/rollup-win32-arm64-msvc": 4.19.2
|
||||
"@rollup/rollup-win32-ia32-msvc": 4.19.2
|
||||
"@rollup/rollup-win32-x64-msvc": 4.19.2
|
||||
"@rollup/rollup-android-arm-eabi": 4.20.0
|
||||
"@rollup/rollup-android-arm64": 4.20.0
|
||||
"@rollup/rollup-darwin-arm64": 4.20.0
|
||||
"@rollup/rollup-darwin-x64": 4.20.0
|
||||
"@rollup/rollup-linux-arm-gnueabihf": 4.20.0
|
||||
"@rollup/rollup-linux-arm-musleabihf": 4.20.0
|
||||
"@rollup/rollup-linux-arm64-gnu": 4.20.0
|
||||
"@rollup/rollup-linux-arm64-musl": 4.20.0
|
||||
"@rollup/rollup-linux-powerpc64le-gnu": 4.20.0
|
||||
"@rollup/rollup-linux-riscv64-gnu": 4.20.0
|
||||
"@rollup/rollup-linux-s390x-gnu": 4.20.0
|
||||
"@rollup/rollup-linux-x64-gnu": 4.20.0
|
||||
"@rollup/rollup-linux-x64-musl": 4.20.0
|
||||
"@rollup/rollup-win32-arm64-msvc": 4.20.0
|
||||
"@rollup/rollup-win32-ia32-msvc": 4.20.0
|
||||
"@rollup/rollup-win32-x64-msvc": 4.20.0
|
||||
"@types/estree": 1.0.5
|
||||
fsevents: ~2.3.2
|
||||
dependenciesMeta:
|
||||
@ -6240,7 +6272,7 @@ __metadata:
|
||||
optional: true
|
||||
bin:
|
||||
rollup: dist/bin/rollup
|
||||
checksum: ca0f17b3dd5efa219a933f7ed5047eeef122f6a822fd600a54f245590280cdfa846375acb6d3f2b0711734ed894ddc78f6a1930773f7d31deff258b3bfe01bef
|
||||
checksum: 92c6c68a93d7726345df2627fd5b0a88d1481fbe76e6c8ad84a8eae6835c03fc36ed4cb3271350b5290397b26eb97a97297496ca972289b2299a24e81649bca0
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -7022,10 +7054,10 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"undici-types@npm:~6.11.1":
|
||||
version: 6.11.1
|
||||
resolution: "undici-types@npm:6.11.1"
|
||||
checksum: d7fc11bded93bc55ef3b88464e856ab061a747cf50ef2eff5df5ba3be18b9fcafe60e1b36a8c99e28aac2eade12891d32a504f2a32422452c44662e598e3b188
|
||||
"undici-types@npm:~6.13.0":
|
||||
version: 6.13.0
|
||||
resolution: "undici-types@npm:6.13.0"
|
||||
checksum: 9d0ef6bf58994bebbea6a4ab75f381c69a89a7ed151bfbae0d4ef95450d56502c9eccb323abf17b7d099c1d9c1cbae62e909e4dfeb8d204612d2f1fdada24707
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user