first commit
This commit is contained in:
Vitalii Litvinchuk
+513
@@ -0,0 +1,513 @@
|
||||
## Ignore Visual Studio temporary files, build results, and
|
||||
## files generated by popular Visual Studio add-ons.
|
||||
##
|
||||
## Get latest from `dotnet new gitignore`
|
||||
|
||||
# dotenv files
|
||||
.env
|
||||
|
||||
# User-specific files
|
||||
*.rsuser
|
||||
*.suo
|
||||
*.user
|
||||
*.userosscache
|
||||
*.sln.docstates
|
||||
|
||||
# User-specific files (MonoDevelop/Xamarin Studio)
|
||||
*.userprefs
|
||||
|
||||
# Mono auto generated files
|
||||
mono_crash.*
|
||||
|
||||
# Build results
|
||||
[Dd]ebug/
|
||||
[Dd]ebugPublic/
|
||||
[Rr]elease/
|
||||
[Rr]eleases/
|
||||
x64/
|
||||
x86/
|
||||
[Ww][Ii][Nn]32/
|
||||
[Aa][Rr][Mm]/
|
||||
[Aa][Rr][Mm]64/
|
||||
bld/
|
||||
[Bb]in/
|
||||
[Oo]bj/
|
||||
[Ll]og/
|
||||
[Ll]ogs/
|
||||
|
||||
# Visual Studio 2015/2017 cache/options directory
|
||||
.vs/
|
||||
# Uncomment if you have tasks that create the project's static files in wwwroot
|
||||
#wwwroot/
|
||||
|
||||
# Visual Studio 2017 auto generated files
|
||||
Generated\ Files/
|
||||
|
||||
# MSTest test Results
|
||||
[Tt]est[Rr]esult*/
|
||||
[Bb]uild[Ll]og.*
|
||||
|
||||
# NUnit
|
||||
*.VisualState.xml
|
||||
TestResult.xml
|
||||
nunit-*.xml
|
||||
|
||||
# Build Results of an ATL Project
|
||||
[Dd]ebugPS/
|
||||
[Rr]eleasePS/
|
||||
dlldata.c
|
||||
|
||||
# Benchmark Results
|
||||
BenchmarkDotNet.Artifacts/
|
||||
|
||||
# .NET
|
||||
project.lock.json
|
||||
project.fragment.lock.json
|
||||
artifacts/
|
||||
|
||||
# Tye
|
||||
.tye/
|
||||
|
||||
# ASP.NET Scaffolding
|
||||
ScaffoldingReadMe.txt
|
||||
|
||||
# StyleCop
|
||||
StyleCopReport.xml
|
||||
|
||||
# Files built by Visual Studio
|
||||
*_i.c
|
||||
*_p.c
|
||||
*_h.h
|
||||
*.ilk
|
||||
*.meta
|
||||
*.obj
|
||||
*.iobj
|
||||
*.pch
|
||||
*.pdb
|
||||
*.ipdb
|
||||
*.pgc
|
||||
*.pgd
|
||||
*.rsp
|
||||
# but not Directory.Build.rsp, as it configures directory-level build defaults
|
||||
!Directory.Build.rsp
|
||||
*.sbr
|
||||
*.tlb
|
||||
*.tli
|
||||
*.tlh
|
||||
*.tmp
|
||||
*.tmp_proj
|
||||
*_wpftmp.csproj
|
||||
*.log
|
||||
*.tlog
|
||||
*.vspscc
|
||||
*.vssscc
|
||||
.builds
|
||||
*.pidb
|
||||
*.svclog
|
||||
*.scc
|
||||
|
||||
# Chutzpah Test files
|
||||
_Chutzpah*
|
||||
|
||||
# Visual C++ cache files
|
||||
ipch/
|
||||
*.aps
|
||||
*.ncb
|
||||
*.opendb
|
||||
*.opensdf
|
||||
*.sdf
|
||||
*.cachefile
|
||||
*.VC.db
|
||||
*.VC.VC.opendb
|
||||
|
||||
# Visual Studio profiler
|
||||
*.psess
|
||||
*.vsp
|
||||
*.vspx
|
||||
*.sap
|
||||
|
||||
# Visual Studio Trace Files
|
||||
*.e2e
|
||||
|
||||
# TFS 2012 Local Workspace
|
||||
$tf/
|
||||
|
||||
# Guidance Automation Toolkit
|
||||
*.gpState
|
||||
|
||||
# ReSharper is a .NET coding add-in
|
||||
_ReSharper*/
|
||||
*.[Rr]e[Ss]harper
|
||||
*.DotSettings.user
|
||||
|
||||
# TeamCity is a build add-in
|
||||
_TeamCity*
|
||||
|
||||
# DotCover is a Code Coverage Tool
|
||||
*.dotCover
|
||||
|
||||
# AxoCover is a Code Coverage Tool
|
||||
.axoCover/*
|
||||
!.axoCover/settings.json
|
||||
|
||||
# Coverlet is a free, cross platform Code Coverage Tool
|
||||
coverage*.json
|
||||
coverage*.xml
|
||||
coverage*.info
|
||||
|
||||
# Visual Studio code coverage results
|
||||
*.coverage
|
||||
*.coveragexml
|
||||
|
||||
# NCrunch
|
||||
_NCrunch_*
|
||||
.*crunch*.local.xml
|
||||
nCrunchTemp_*
|
||||
|
||||
# MightyMoose
|
||||
*.mm.*
|
||||
AutoTest.Net/
|
||||
|
||||
# Web workbench (sass)
|
||||
.sass-cache/
|
||||
|
||||
# Installshield output folder
|
||||
[Ee]xpress/
|
||||
|
||||
# DocProject is a documentation generator add-in
|
||||
DocProject/buildhelp/
|
||||
DocProject/Help/*.HxT
|
||||
DocProject/Help/*.HxC
|
||||
DocProject/Help/*.hhc
|
||||
DocProject/Help/*.hhk
|
||||
DocProject/Help/*.hhp
|
||||
DocProject/Help/Html2
|
||||
DocProject/Help/html
|
||||
|
||||
# Click-Once directory
|
||||
publish/
|
||||
|
||||
# Publish Web Output
|
||||
*.[Pp]ublish.xml
|
||||
*.azurePubxml
|
||||
# Note: Comment the next line if you want to checkin your web deploy settings,
|
||||
# but database connection strings (with potential passwords) will be unencrypted
|
||||
*.pubxml
|
||||
*.publishproj
|
||||
|
||||
# Microsoft Azure Web App publish settings. Comment the next line if you want to
|
||||
# checkin your Azure Web App publish settings, but sensitive information contained
|
||||
# in these scripts will be unencrypted
|
||||
PublishScripts/
|
||||
|
||||
# NuGet Packages
|
||||
*.nupkg
|
||||
# NuGet Symbol Packages
|
||||
*.snupkg
|
||||
# The packages folder can be ignored because of Package Restore
|
||||
**/[Pp]ackages/*
|
||||
# except build/, which is used as an MSBuild target.
|
||||
!**/[Pp]ackages/build/
|
||||
# Uncomment if necessary however generally it will be regenerated when needed
|
||||
#!**/[Pp]ackages/repositories.config
|
||||
# NuGet v3's project.json files produces more ignorable files
|
||||
*.nuget.props
|
||||
*.nuget.targets
|
||||
|
||||
# Microsoft Azure Build Output
|
||||
csx/
|
||||
*.build.csdef
|
||||
|
||||
# Microsoft Azure Emulator
|
||||
ecf/
|
||||
rcf/
|
||||
|
||||
# Windows Store app package directories and files
|
||||
AppPackages/
|
||||
BundleArtifacts/
|
||||
Package.StoreAssociation.xml
|
||||
_pkginfo.txt
|
||||
*.appx
|
||||
*.appxbundle
|
||||
*.appxupload
|
||||
|
||||
# Visual Studio cache files
|
||||
# files ending in .cache can be ignored
|
||||
*.[Cc]ache
|
||||
# but keep track of directories ending in .cache
|
||||
!?*.[Cc]ache/
|
||||
|
||||
# Others
|
||||
ClientBin/
|
||||
~$*
|
||||
*~
|
||||
*.dbmdl
|
||||
*.dbproj.schemaview
|
||||
*.jfm
|
||||
*.pfx
|
||||
*.publishsettings
|
||||
orleans.codegen.cs
|
||||
|
||||
# Including strong name files can present a security risk
|
||||
# (https://github.com/github/gitignore/pull/2483#issue-259490424)
|
||||
#*.snk
|
||||
|
||||
# Since there are multiple workflows, uncomment next line to ignore bower_components
|
||||
# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
|
||||
#bower_components/
|
||||
|
||||
# RIA/Silverlight projects
|
||||
Generated_Code/
|
||||
|
||||
# Backup & report files from converting an old project file
|
||||
# to a newer Visual Studio version. Backup files are not needed,
|
||||
# because we have git ;-)
|
||||
_UpgradeReport_Files/
|
||||
Backup*/
|
||||
UpgradeLog*.XML
|
||||
UpgradeLog*.htm
|
||||
ServiceFabricBackup/
|
||||
*.rptproj.bak
|
||||
|
||||
# SQL Server files
|
||||
*.mdf
|
||||
*.ldf
|
||||
*.ndf
|
||||
|
||||
# Business Intelligence projects
|
||||
*.rdl.data
|
||||
*.bim.layout
|
||||
*.bim_*.settings
|
||||
*.rptproj.rsuser
|
||||
*- [Bb]ackup.rdl
|
||||
*- [Bb]ackup ([0-9]).rdl
|
||||
*- [Bb]ackup ([0-9][0-9]).rdl
|
||||
|
||||
# Microsoft Fakes
|
||||
FakesAssemblies/
|
||||
|
||||
# GhostDoc plugin setting file
|
||||
*.GhostDoc.xml
|
||||
|
||||
# Node.js Tools for Visual Studio
|
||||
.ntvs_analysis.dat
|
||||
node_modules/
|
||||
|
||||
# Visual Studio 6 build log
|
||||
*.plg
|
||||
|
||||
# Visual Studio 6 workspace options file
|
||||
*.opt
|
||||
|
||||
# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
|
||||
*.vbw
|
||||
|
||||
# Visual Studio 6 auto-generated project file (contains which files were open etc.)
|
||||
*.vbp
|
||||
|
||||
# Visual Studio 6 workspace and project file (working project files containing files to include in project)
|
||||
*.dsw
|
||||
*.dsp
|
||||
|
||||
# Visual Studio 6 technical files
|
||||
*.ncb
|
||||
*.aps
|
||||
|
||||
# Visual Studio LightSwitch build output
|
||||
**/*.HTMLClient/GeneratedArtifacts
|
||||
**/*.DesktopClient/GeneratedArtifacts
|
||||
**/*.DesktopClient/ModelManifest.xml
|
||||
**/*.Server/GeneratedArtifacts
|
||||
**/*.Server/ModelManifest.xml
|
||||
_Pvt_Extensions
|
||||
|
||||
# Paket dependency manager
|
||||
.paket/paket.exe
|
||||
paket-files/
|
||||
|
||||
# FAKE - F# Make
|
||||
.fake/
|
||||
|
||||
# CodeRush personal settings
|
||||
.cr/personal
|
||||
|
||||
# Python Tools for Visual Studio (PTVS)
|
||||
__pycache__/
|
||||
*.pyc
|
||||
|
||||
# Cake - Uncomment if you are using it
|
||||
# tools/**
|
||||
# !tools/packages.config
|
||||
|
||||
# Tabs Studio
|
||||
*.tss
|
||||
|
||||
# Telerik's JustMock configuration file
|
||||
*.jmconfig
|
||||
|
||||
# BizTalk build output
|
||||
*.btp.cs
|
||||
*.btm.cs
|
||||
*.odx.cs
|
||||
*.xsd.cs
|
||||
|
||||
# OpenCover UI analysis results
|
||||
OpenCover/
|
||||
|
||||
# Azure Stream Analytics local run output
|
||||
ASALocalRun/
|
||||
|
||||
# MSBuild Binary and Structured Log
|
||||
*.binlog
|
||||
|
||||
# NVidia Nsight GPU debugger configuration file
|
||||
*.nvuser
|
||||
|
||||
# MFractors (Xamarin productivity tool) working folder
|
||||
.mfractor/
|
||||
|
||||
# Local History for Visual Studio
|
||||
.localhistory/
|
||||
|
||||
# Visual Studio History (VSHistory) files
|
||||
.vshistory/
|
||||
|
||||
# BeatPulse healthcheck temp database
|
||||
healthchecksdb
|
||||
|
||||
# Backup folder for Package Reference Convert tool in Visual Studio 2017
|
||||
MigrationBackup/
|
||||
|
||||
# Ionide (cross platform F# VS Code tools) working folder
|
||||
.ionide/
|
||||
|
||||
# Fody - auto-generated XML schema
|
||||
FodyWeavers.xsd
|
||||
|
||||
# VS Code files for those working on multiple tools
|
||||
.vscode/*
|
||||
!.vscode/settings.json
|
||||
!.vscode/tasks.json
|
||||
!.vscode/launch.json
|
||||
!.vscode/extensions.json
|
||||
*.code-workspace
|
||||
|
||||
# Local History for Visual Studio Code
|
||||
.history/
|
||||
|
||||
# Windows Installer files from build outputs
|
||||
*.cab
|
||||
*.msi
|
||||
*.msix
|
||||
*.msm
|
||||
*.msp
|
||||
|
||||
# JetBrains Rider
|
||||
*.sln.iml
|
||||
.idea/
|
||||
|
||||
##
|
||||
## Visual studio for Mac
|
||||
##
|
||||
|
||||
|
||||
# globs
|
||||
Makefile.in
|
||||
*.userprefs
|
||||
*.usertasks
|
||||
config.make
|
||||
config.status
|
||||
aclocal.m4
|
||||
install-sh
|
||||
autom4te.cache/
|
||||
*.tar.gz
|
||||
tarballs/
|
||||
test-results/
|
||||
|
||||
# content below from: https://github.com/github/gitignore/blob/main/Global/macOS.gitignore
|
||||
# General
|
||||
.DS_Store
|
||||
.AppleDouble
|
||||
.LSOverride
|
||||
|
||||
# Icon must end with two \r
|
||||
Icon
|
||||
|
||||
|
||||
# Thumbnails
|
||||
._*
|
||||
|
||||
# Files that might appear in the root of a volume
|
||||
.DocumentRevisions-V100
|
||||
.fseventsd
|
||||
.Spotlight-V100
|
||||
.TemporaryItems
|
||||
.Trashes
|
||||
.VolumeIcon.icns
|
||||
.com.apple.timemachine.donotpresent
|
||||
|
||||
# Directories potentially created on remote AFP share
|
||||
.AppleDB
|
||||
.AppleDesktop
|
||||
Network Trash Folder
|
||||
Temporary Items
|
||||
.apdisk
|
||||
|
||||
# content below from: https://github.com/github/gitignore/blob/main/Global/Windows.gitignore
|
||||
# Windows thumbnail cache files
|
||||
Thumbs.db
|
||||
ehthumbs.db
|
||||
ehthumbs_vista.db
|
||||
|
||||
# Dump file
|
||||
*.stackdump
|
||||
|
||||
# Folder config file
|
||||
[Dd]esktop.ini
|
||||
|
||||
# Recycle Bin used on file shares
|
||||
$RECYCLE.BIN/
|
||||
|
||||
# Windows Installer files
|
||||
*.cab
|
||||
*.msi
|
||||
*.msix
|
||||
*.msm
|
||||
*.msp
|
||||
|
||||
# Windows shortcuts
|
||||
*.lnk
|
||||
|
||||
# Vim temporary swap files
|
||||
*.swp
|
||||
|
||||
# =========================
|
||||
# Node.js / TypeScript (Frontend & Client)
|
||||
# =========================
|
||||
node_modules/
|
||||
dist/
|
||||
dist-ssr/
|
||||
build/
|
||||
.npm/
|
||||
|
||||
# Logs
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Environment
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# TypeScript
|
||||
*.tsbuildinfo
|
||||
|
||||
# Testing
|
||||
coverage/
|
||||
|
||||
# Custom overrides
|
||||
appsettings.Local.json
|
||||
*.sqlite
|
||||
*.sqlite3
|
||||
*.db
|
||||
@@ -0,0 +1,24 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
@@ -0,0 +1,73 @@
|
||||
# React + TypeScript + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
|
||||
|
||||
## React Compiler
|
||||
|
||||
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
||||
|
||||
## Expanding the ESLint configuration
|
||||
|
||||
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
||||
|
||||
```js
|
||||
export default defineConfig([
|
||||
globalIgnores(['dist']),
|
||||
{
|
||||
files: ['**/*.{ts,tsx}'],
|
||||
extends: [
|
||||
// Other configs...
|
||||
|
||||
// Remove tseslint.configs.recommended and replace with this
|
||||
tseslint.configs.recommendedTypeChecked,
|
||||
// Alternatively, use this for stricter rules
|
||||
tseslint.configs.strictTypeChecked,
|
||||
// Optionally, add this for stylistic rules
|
||||
tseslint.configs.stylisticTypeChecked,
|
||||
|
||||
// Other configs...
|
||||
],
|
||||
languageOptions: {
|
||||
parserOptions: {
|
||||
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
// other options...
|
||||
},
|
||||
},
|
||||
])
|
||||
```
|
||||
|
||||
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
||||
|
||||
```js
|
||||
// eslint.config.js
|
||||
import reactX from 'eslint-plugin-react-x'
|
||||
import reactDom from 'eslint-plugin-react-dom'
|
||||
|
||||
export default defineConfig([
|
||||
globalIgnores(['dist']),
|
||||
{
|
||||
files: ['**/*.{ts,tsx}'],
|
||||
extends: [
|
||||
// Other configs...
|
||||
// Enable lint rules for React
|
||||
reactX.configs['recommended-typescript'],
|
||||
// Enable lint rules for React DOM
|
||||
reactDom.configs.recommended,
|
||||
],
|
||||
languageOptions: {
|
||||
parserOptions: {
|
||||
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
// other options...
|
||||
},
|
||||
},
|
||||
])
|
||||
```
|
||||
@@ -0,0 +1,22 @@
|
||||
import js from '@eslint/js'
|
||||
import globals from 'globals'
|
||||
import reactHooks from 'eslint-plugin-react-hooks'
|
||||
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||
import tseslint from 'typescript-eslint'
|
||||
import { defineConfig, globalIgnores } from 'eslint/config'
|
||||
|
||||
export default defineConfig([
|
||||
globalIgnores(['dist']),
|
||||
{
|
||||
files: ['**/*.{ts,tsx}'],
|
||||
extends: [
|
||||
js.configs.recommended,
|
||||
tseslint.configs.recommended,
|
||||
reactHooks.configs.flat.recommended,
|
||||
reactRefresh.configs.vite,
|
||||
],
|
||||
languageOptions: {
|
||||
globals: globals.browser,
|
||||
},
|
||||
},
|
||||
])
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>sequence-ui</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
Generated
+2781
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "sequence-ui",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc -b && vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"sequence-client": "file:../../workers/sequence-client"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^10.0.1",
|
||||
"@types/node": "^24.12.3",
|
||||
"@types/react": "^19.2.14",
|
||||
"@types/react-dom": "^19.2.3",
|
||||
"@vitejs/plugin-react": "^6.0.1",
|
||||
"eslint": "^10.3.0",
|
||||
"eslint-plugin-react-hooks": "^7.1.1",
|
||||
"eslint-plugin-react-refresh": "^0.5.2",
|
||||
"globals": "^17.6.0",
|
||||
"typescript": "~6.0.2",
|
||||
"typescript-eslint": "^8.59.2",
|
||||
"vite": "^8.0.12"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.3 KiB |
@@ -0,0 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<symbol id="bluesky-icon" viewBox="0 0 16 17">
|
||||
<g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
|
||||
<defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
|
||||
</symbol>
|
||||
<symbol id="discord-icon" viewBox="0 0 20 19">
|
||||
<path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
|
||||
</symbol>
|
||||
<symbol id="documentation-icon" viewBox="0 0 21 20">
|
||||
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
|
||||
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
|
||||
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
|
||||
</symbol>
|
||||
<symbol id="github-icon" viewBox="0 0 19 19">
|
||||
<path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
|
||||
</symbol>
|
||||
<symbol id="social-icon" viewBox="0 0 20 20">
|
||||
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
|
||||
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
|
||||
</symbol>
|
||||
<symbol id="x-icon" viewBox="0 0 19 19">
|
||||
<path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,184 @@
|
||||
.counter {
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
color: var(--accent);
|
||||
background: var(--accent-bg);
|
||||
border: 2px solid transparent;
|
||||
transition: border-color 0.3s;
|
||||
margin-bottom: 24px;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--accent-border);
|
||||
}
|
||||
&:focus-visible {
|
||||
outline: 2px solid var(--accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
|
||||
.base,
|
||||
.framework,
|
||||
.vite {
|
||||
inset-inline: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.base {
|
||||
width: 170px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.framework,
|
||||
.vite {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.framework {
|
||||
z-index: 1;
|
||||
top: 34px;
|
||||
height: 28px;
|
||||
transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
|
||||
scale(1.4);
|
||||
}
|
||||
|
||||
.vite {
|
||||
z-index: 0;
|
||||
top: 107px;
|
||||
height: 26px;
|
||||
width: auto;
|
||||
transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
|
||||
scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
#center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 25px;
|
||||
place-content: center;
|
||||
place-items: center;
|
||||
flex-grow: 1;
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
padding: 32px 20px 24px;
|
||||
gap: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
#next-steps {
|
||||
display: flex;
|
||||
border-top: 1px solid var(--border);
|
||||
text-align: left;
|
||||
|
||||
& > div {
|
||||
flex: 1 1 0;
|
||||
padding: 32px;
|
||||
@media (max-width: 1024px) {
|
||||
padding: 24px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-bottom: 16px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
#docs {
|
||||
border-right: 1px solid var(--border);
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
border-right: none;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
}
|
||||
|
||||
#next-steps ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin: 32px 0 0;
|
||||
|
||||
.logo {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--text-h);
|
||||
font-size: 16px;
|
||||
border-radius: 6px;
|
||||
background: var(--social-bg);
|
||||
display: flex;
|
||||
padding: 6px 12px;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
text-decoration: none;
|
||||
transition: box-shadow 0.3s;
|
||||
|
||||
&:hover {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.button-icon {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
margin-top: 20px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
|
||||
li {
|
||||
flex: 1 1 calc(50% - 8px);
|
||||
}
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#spacer {
|
||||
height: 88px;
|
||||
border-top: 1px solid var(--border);
|
||||
@media (max-width: 1024px) {
|
||||
height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.ticks {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -4.5px;
|
||||
border: 5px solid transparent;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 0;
|
||||
border-left-color: var(--border);
|
||||
}
|
||||
&::after {
|
||||
right: 0;
|
||||
border-right-color: var(--border);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
import { useState } from 'react';
|
||||
import type { UIState, User, AppStatus } from './Models';
|
||||
import { api } from './api';
|
||||
import Dashboard from './Dashboard';
|
||||
import './index.css';
|
||||
|
||||
function App() {
|
||||
const [uiState, setUiState] = useState<UIState>('Uninitialized');
|
||||
const [appStatus, setAppStatus] = useState<AppStatus>('Idle');
|
||||
const [username, setUsername] = useState('');
|
||||
const [user, setUser] = useState<User | null>(null);
|
||||
|
||||
|
||||
const handleLogin = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
if (!username.trim()) return;
|
||||
|
||||
setAppStatus('Loading');
|
||||
try {
|
||||
const loggedInUser = await api.login(username);
|
||||
setUser(loggedInUser);
|
||||
setUiState('Active');
|
||||
setAppStatus('Success');
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
setAppStatus('Error');
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="app-container">
|
||||
<header className="app-header">
|
||||
<h1>Sequence Todo</h1>
|
||||
<div className="status-badge">
|
||||
Status: {uiState}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main className="app-main">
|
||||
{uiState === 'Uninitialized' ? (
|
||||
<div className="init-panel">
|
||||
<h2>Login to Todo App</h2>
|
||||
<p>Enter a username to initialize a secure Sequence Token chain.</p>
|
||||
<form onSubmit={handleLogin} className="login-form">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Username"
|
||||
value={username}
|
||||
onChange={e => setUsername(e.target.value)}
|
||||
className="text-input"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
className="btn-primary"
|
||||
disabled={appStatus === 'Loading'}
|
||||
>
|
||||
{appStatus === 'Loading' ? 'Authenticating...' : 'Login'}
|
||||
</button>
|
||||
</form>
|
||||
{appStatus === 'Error' && <p className="error-text">Failed to login. Ensure backend is running.</p>}
|
||||
</div>
|
||||
) : (
|
||||
<Dashboard user={user!} />
|
||||
)}
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1,109 @@
|
||||
import { useEffect } from 'react';
|
||||
import type { User } from './Models';
|
||||
import { useTodos } from './useTodos';
|
||||
import { SequenceStore } from 'sequence-client';
|
||||
|
||||
export default function Dashboard({ user }: { user: User }) {
|
||||
const {
|
||||
logs,
|
||||
todos,
|
||||
fetchStatus,
|
||||
createStatus,
|
||||
newTitle,
|
||||
setNewTitle,
|
||||
fetchTodos,
|
||||
handleCreateTodo,
|
||||
handleChangeStatus,
|
||||
handleLogout
|
||||
} = useTodos();
|
||||
|
||||
useEffect(() => {
|
||||
fetchTodos();
|
||||
}, [fetchTodos]);
|
||||
|
||||
if (fetchStatus === 'StaleToken') {
|
||||
return (
|
||||
<div className="stale-token-container">
|
||||
<div className="stale-token-card">
|
||||
<div className="icon">⚠️</div>
|
||||
<h2>Session Compromised or Stale</h2>
|
||||
<p>Your security sequence token is invalid or out of sync. For your protection, your session has been terminated.</p>
|
||||
<button className="btn-danger btn-large" onClick={handleLogout}>
|
||||
Log Out & Clear Session
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="dashboard-grid">
|
||||
<div className="todo-panel">
|
||||
<div className="panel-header">
|
||||
<h3>Welcome, {user.username} <span style={{fontSize: '0.6em', fontWeight: 'normal', opacity: 0.8}}>(Requests remaining: {SequenceStore.get().requestsRemaining ?? '?'})</span></h3>
|
||||
<button className="btn-secondary" onClick={fetchTodos}>
|
||||
{fetchStatus === 'Loading' ? 'Refreshing...' : 'Refresh'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<form onSubmit={handleCreateTodo} className="create-todo-form">
|
||||
<input
|
||||
type="text"
|
||||
value={newTitle}
|
||||
onChange={e => setNewTitle(e.target.value)}
|
||||
placeholder="What needs to be done?"
|
||||
className="text-input"
|
||||
/>
|
||||
<button type="submit" className="btn-primary" disabled={createStatus === 'Loading' || !newTitle.trim()}>
|
||||
Create
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div className="todo-list">
|
||||
{fetchStatus === 'Loading' && todos.length === 0 ? (
|
||||
<p className="loading-text">Loading todos...</p>
|
||||
) : todos.length === 0 ? (
|
||||
<p className="empty-text">No todos yet. Create one!</p>
|
||||
) : (
|
||||
todos.map(todo => (
|
||||
<div key={todo.id} className={`todo-card status-${todo.status}`}>
|
||||
<div className="todo-info">
|
||||
<span className="todo-title">{todo.title}</span>
|
||||
<span className={`badge badge-${todo.status}`}>{todo.status}</span>
|
||||
</div>
|
||||
<div className="todo-actions">
|
||||
{todo.status !== 'Completed' && (
|
||||
<button className="btn-sm btn-success" onClick={() => handleChangeStatus(todo.id, 'Completed')}>Complete</button>
|
||||
)}
|
||||
{todo.status !== 'InProgress' && todo.status !== 'Completed' && todo.status !== 'Canceled' && (
|
||||
<button className="btn-sm btn-info" onClick={() => handleChangeStatus(todo.id, 'InProgress')}>Start</button>
|
||||
)}
|
||||
{todo.status !== 'Canceled' && (
|
||||
<button className="btn-sm btn-danger" onClick={() => handleChangeStatus(todo.id, 'Canceled')}>Cancel</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="logs-panel">
|
||||
<h3>Sequence Chain Activity</h3>
|
||||
<p className="logs-subtitle">Every action uses a unique token automatically handled by the QueueManager.</p>
|
||||
<div className="logs-container">
|
||||
{logs.length === 0 ? (
|
||||
<div className="log-empty">No activity yet</div>
|
||||
) : (
|
||||
logs.map(log => (
|
||||
<div key={log.id} className={`log-entry log-${log.level}`}>
|
||||
<span className="log-time">{log.timestamp}</span>
|
||||
<span className="log-msg">{log.message}</span>
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
export type UIState = 'Uninitialized' | 'Active';
|
||||
export type LogLevel = 'Info' | 'Success' | 'Error' | 'Loading';
|
||||
|
||||
export interface LogEntry {
|
||||
id: number;
|
||||
timestamp: string;
|
||||
message: string;
|
||||
level: LogLevel;
|
||||
}
|
||||
|
||||
export type TodoStatus = 'Pending' | 'InProgress' | 'Completed' | 'Canceled';
|
||||
|
||||
export interface TodoItem {
|
||||
id: string;
|
||||
userId: string;
|
||||
title: string;
|
||||
status: TodoStatus;
|
||||
}
|
||||
|
||||
export type AppStatus = 'Idle' | 'Loading' | 'Success' | 'Error' | 'StaleToken';
|
||||
|
||||
export interface User {
|
||||
id: string;
|
||||
username: string;
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
import { SequenceProtected, SequenceStore, SequenceState } from 'sequence-client';
|
||||
import type { TodoStatus, User } from './Models';
|
||||
|
||||
export class ApiClient {
|
||||
private readonly baseUrl = 'http://localhost:5064';
|
||||
|
||||
async login(username: string): Promise<User> {
|
||||
const response = await fetch(`${this.baseUrl}/auth/login`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({ username })
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error('Login failed');
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
const nextSeq = response.headers.get('X-Next-Seq');
|
||||
const remainingStr = response.headers.get('X-Requests-Remaining');
|
||||
|
||||
if (nextSeq) {
|
||||
SequenceStore.set({
|
||||
state: SequenceState.Active,
|
||||
token: nextSeq,
|
||||
requestsRemaining: remainingStr ? parseInt(remainingStr, 10) : undefined
|
||||
});
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
@SequenceProtected()
|
||||
async logout(init?: RequestInit): Promise<void> {
|
||||
await fetch(`${this.baseUrl}/auth/logout`, {
|
||||
...init,
|
||||
method: 'POST'
|
||||
});
|
||||
SequenceStore.clear();
|
||||
}
|
||||
|
||||
@SequenceProtected()
|
||||
async getTodos(init?: RequestInit): Promise<Response> {
|
||||
return fetch(`${this.baseUrl}/todo/list`, init);
|
||||
}
|
||||
|
||||
@SequenceProtected()
|
||||
async createTodo(title: string, init?: RequestInit): Promise<Response> {
|
||||
const headers = new Headers(init?.headers);
|
||||
headers.set('Content-Type', 'application/json');
|
||||
return fetch(`${this.baseUrl}/todo/create`, {
|
||||
...init,
|
||||
method: 'POST',
|
||||
headers,
|
||||
body: JSON.stringify({ title })
|
||||
});
|
||||
}
|
||||
|
||||
@SequenceProtected()
|
||||
async changeTodoStatus(id: string, status: TodoStatus, init?: RequestInit): Promise<Response> {
|
||||
const headers = new Headers(init?.headers);
|
||||
return fetch(`${this.baseUrl}/todo/change-status/${id}?status=${status}`, {
|
||||
...init,
|
||||
method: 'PUT',
|
||||
headers
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export const api = new ApiClient();
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.5 KiB |
@@ -0,0 +1,357 @@
|
||||
:root {
|
||||
--primary: #6366f1;
|
||||
--primary-hover: #4f46e5;
|
||||
--bg-color: #0f172a;
|
||||
--panel-bg: rgba(30, 41, 59, 0.7);
|
||||
--border-color: rgba(255, 255, 255, 0.1);
|
||||
--text-main: #f8fafc;
|
||||
--text-muted: #94a3b8;
|
||||
--success: #10b981;
|
||||
--danger: #ef4444;
|
||||
--warning: #f59e0b;
|
||||
--info: #3b82f6;
|
||||
--font-family: 'Inter', -apple-system, sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-family);
|
||||
background: var(--bg-color);
|
||||
background-image:
|
||||
radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.15) 0px, transparent 50%),
|
||||
radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.15) 0px, transparent 50%);
|
||||
color: var(--text-main);
|
||||
min-height: 100vh;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.app-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.app-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.app-header h1 {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 700;
|
||||
background: linear-gradient(to right, #818cf8, #34d399);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
padding: 0.5rem 1rem;
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 99px;
|
||||
font-size: 0.875rem;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
/* Auth Panel */
|
||||
.init-panel {
|
||||
max-width: 400px;
|
||||
margin: 4rem auto;
|
||||
padding: 2.5rem;
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 16px;
|
||||
backdrop-filter: blur(12px);
|
||||
text-align: center;
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.init-panel h2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.init-panel p {
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 2rem;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
/* Dashboard Grid */
|
||||
.dashboard-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 350px;
|
||||
gap: 2rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
/* Panels */
|
||||
.todo-panel, .logs-panel {
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 16px;
|
||||
padding: 1.5rem;
|
||||
backdrop-filter: blur(12px);
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.panel-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.create-todo-form {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
/* Inputs & Buttons */
|
||||
.text-input {
|
||||
width: 100%;
|
||||
padding: 0.75rem 1rem;
|
||||
background: rgba(15, 23, 42, 0.6);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
color: var(--text-main);
|
||||
font-size: 1rem;
|
||||
outline: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.text-input:focus {
|
||||
border-color: var(--primary);
|
||||
box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 0.75rem 1.5rem;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
button:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover:not(:disabled) {
|
||||
background: var(--primary-hover);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-secondary:hover:not(:disabled) {
|
||||
background: rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
/* Small Action Buttons */
|
||||
.btn-sm {
|
||||
padding: 0.4rem 0.8rem;
|
||||
font-size: 0.8rem;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.btn-success { background: rgba(16, 185, 129, 0.2); color: #34d399; }
|
||||
.btn-success:hover { background: rgba(16, 185, 129, 0.3); }
|
||||
.btn-info { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
|
||||
.btn-info:hover { background: rgba(59, 130, 246, 0.3); }
|
||||
.btn-danger { background: rgba(239, 68, 68, 0.2); color: #f87171; }
|
||||
.btn-danger:hover { background: rgba(239, 68, 68, 0.3); }
|
||||
|
||||
/* Todo List */
|
||||
.todo-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.todo-card {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem 1.25rem;
|
||||
background: rgba(15, 23, 42, 0.4);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 12px;
|
||||
transition: transform 0.2s, background 0.2s;
|
||||
}
|
||||
|
||||
.todo-card:hover {
|
||||
background: rgba(15, 23, 42, 0.6);
|
||||
transform: translateX(4px);
|
||||
}
|
||||
|
||||
.todo-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.todo-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.todo-actions {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.status-Completed .todo-title {
|
||||
text-decoration: line-through;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.status-Canceled .todo-title {
|
||||
color: var(--text-muted);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Badges */
|
||||
.badge {
|
||||
padding: 0.25rem 0.6rem;
|
||||
border-radius: 99px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
.badge-Pending { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }
|
||||
.badge-InProgress { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
|
||||
.badge-Completed { background: rgba(16, 185, 129, 0.2); color: #34d399; }
|
||||
.badge-Canceled { background: rgba(239, 68, 68, 0.2); color: #f87171; }
|
||||
|
||||
/* Logs Panel */
|
||||
.logs-subtitle {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.85rem;
|
||||
margin: 0.5rem 0 1.5rem 0;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.logs-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.logs-container::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
.logs-container::-webkit-scrollbar-thumb {
|
||||
background: rgba(255,255,255,0.2);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.log-entry {
|
||||
padding: 0.75rem;
|
||||
background: rgba(15, 23, 42, 0.6);
|
||||
border-radius: 8px;
|
||||
font-size: 0.85rem;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
||||
border-left: 3px solid transparent;
|
||||
animation: slideIn 0.3s ease-out;
|
||||
}
|
||||
|
||||
@keyframes slideIn {
|
||||
from { opacity: 0; transform: translateX(10px); }
|
||||
to { opacity: 1; transform: translateX(0); }
|
||||
}
|
||||
|
||||
.log-time {
|
||||
color: var(--text-muted);
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
|
||||
.log-Success { border-left-color: var(--success); }
|
||||
.log-Error { border-left-color: var(--danger); }
|
||||
.log-Loading { border-left-color: var(--info); }
|
||||
.log-Info { border-left-color: var(--text-muted); }
|
||||
|
||||
.error-text {
|
||||
color: var(--danger);
|
||||
margin-top: 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.loading-text, .empty-text {
|
||||
color: var(--text-muted);
|
||||
text-align: center;
|
||||
padding: 2rem 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Stale Token Panel */
|
||||
.stale-token-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 60vh;
|
||||
}
|
||||
|
||||
.stale-token-card {
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--danger);
|
||||
border-radius: 16px;
|
||||
padding: 3rem;
|
||||
text-align: center;
|
||||
max-width: 500px;
|
||||
backdrop-filter: blur(12px);
|
||||
box-shadow: 0 20px 40px rgba(239, 68, 68, 0.15);
|
||||
animation: pulse-danger 2s infinite alternate;
|
||||
}
|
||||
|
||||
.stale-token-card .icon {
|
||||
font-size: 4rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.stale-token-card h2 {
|
||||
color: #fca5a5;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.stale-token-card p {
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 2rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.btn-large {
|
||||
padding: 1rem 2rem;
|
||||
font-size: 1.1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@keyframes pulse-danger {
|
||||
0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
|
||||
100% { box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
import { StrictMode } from 'react'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import './index.css'
|
||||
import App from './App.tsx'
|
||||
|
||||
createRoot(document.getElementById('root')!).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>,
|
||||
)
|
||||
@@ -0,0 +1,136 @@
|
||||
import { useState, useCallback, useRef } from 'react';
|
||||
import type { LogEntry, TodoItem, AppStatus, TodoStatus } from './Models';
|
||||
import { api } from './api';
|
||||
import { SequenceStore } from 'sequence-client';
|
||||
|
||||
let nextLogId = 1;
|
||||
|
||||
export function useTodos() {
|
||||
const [logs, setLogs] = useState<LogEntry[]>([]);
|
||||
const [todos, setTodos] = useState<TodoItem[]>([]);
|
||||
const [fetchStatus, setFetchStatus] = useState<AppStatus>('Idle');
|
||||
const [createStatus, setCreateStatus] = useState<AppStatus>('Idle');
|
||||
const [newTitle, setNewTitle] = useState('');
|
||||
const fetchTodosRef = useRef<Promise<void> | null>(null);
|
||||
|
||||
const addLog = useCallback((message: string, level: LogEntry['level']) => {
|
||||
setLogs(prev => {
|
||||
const newLogs = [{
|
||||
id: nextLogId++,
|
||||
timestamp: new Date().toLocaleTimeString(),
|
||||
message,
|
||||
level
|
||||
}, ...prev];
|
||||
return newLogs.slice(0, 50);
|
||||
});
|
||||
}, []);
|
||||
|
||||
const fetchTodos = useCallback(async () => {
|
||||
if (fetchTodosRef.current) return fetchTodosRef.current;
|
||||
|
||||
fetchTodosRef.current = (async () => {
|
||||
setFetchStatus('Loading');
|
||||
const currentToken = SequenceStore.get().token;
|
||||
addLog(`GET /todo [Auth-Seq: ${currentToken?.substring(0, 8)}...]`, 'Loading');
|
||||
try {
|
||||
const response = await api.getTodos();
|
||||
if (!response.ok) {
|
||||
if (response.status === 401) throw new Error('StaleToken');
|
||||
throw new Error(`HTTP ${response.status}`);
|
||||
}
|
||||
const data = await response.json();
|
||||
setTodos(data);
|
||||
setFetchStatus('Success');
|
||||
addLog(`GET /todo Success (${data.length} items)`, 'Success');
|
||||
} catch (err: any) {
|
||||
if (err.message === 'StaleToken') {
|
||||
setFetchStatus('StaleToken');
|
||||
} else {
|
||||
setFetchStatus('Error');
|
||||
}
|
||||
addLog(`GET /todo Error: ${err.message}`, 'Error');
|
||||
}
|
||||
})();
|
||||
|
||||
try {
|
||||
await fetchTodosRef.current;
|
||||
} finally {
|
||||
fetchTodosRef.current = null;
|
||||
}
|
||||
}, [addLog]);
|
||||
|
||||
const handleCreateTodo = useCallback(async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
if (!newTitle.trim() || createStatus === 'Loading') return;
|
||||
|
||||
setCreateStatus('Loading');
|
||||
const currentToken = SequenceStore.get().token;
|
||||
addLog(`POST /todo [Auth-Seq: ${currentToken?.substring(0, 8)}...]`, 'Loading');
|
||||
|
||||
try {
|
||||
const response = await api.createTodo(newTitle);
|
||||
if (!response.ok) {
|
||||
if (response.status === 401) throw new Error('StaleToken');
|
||||
throw new Error(`HTTP ${response.status}`);
|
||||
}
|
||||
const newTodo = await response.json();
|
||||
setTodos(prev => [...prev, newTodo]);
|
||||
setNewTitle('');
|
||||
setCreateStatus('Success');
|
||||
addLog(`POST /todo Success: ${newTodo.title}`, 'Success');
|
||||
} catch (err: any) {
|
||||
if (err.message === 'StaleToken') {
|
||||
setFetchStatus('StaleToken'); // Fallback to stale state
|
||||
} else {
|
||||
setCreateStatus('Error');
|
||||
}
|
||||
addLog(`POST /todo Error: ${err.message}`, 'Error');
|
||||
}
|
||||
}, [newTitle, createStatus, addLog]);
|
||||
|
||||
const handleChangeStatus = useCallback(async (id: string, status: TodoStatus) => {
|
||||
const currentToken = SequenceStore.get().token;
|
||||
addLog(`PUT /todo/${id}/status [Auth-Seq: ${currentToken?.substring(0, 8)}...]`, 'Loading');
|
||||
|
||||
try {
|
||||
// Optimistic update
|
||||
setTodos(prev => prev.map(t => t.id === id ? { ...t, status } : t));
|
||||
|
||||
const response = await api.changeTodoStatus(id, status);
|
||||
if (!response.ok) {
|
||||
if (response.status === 401) throw new Error('StaleToken');
|
||||
throw new Error(`HTTP ${response.status}`);
|
||||
}
|
||||
addLog(`PUT /todo/${id}/status Success`, 'Success');
|
||||
} catch (err: any) {
|
||||
addLog(`PUT /todo/${id}/status Error: ${err.message}`, 'Error');
|
||||
if (err.message === 'StaleToken') {
|
||||
setFetchStatus('StaleToken');
|
||||
} else {
|
||||
fetchTodos(); // Rollback on failure
|
||||
}
|
||||
}
|
||||
}, [addLog, fetchTodos]);
|
||||
|
||||
const handleLogout = useCallback(async () => {
|
||||
try {
|
||||
await api.logout();
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
window.location.reload();
|
||||
}, []);
|
||||
|
||||
return {
|
||||
logs,
|
||||
todos,
|
||||
fetchStatus,
|
||||
createStatus,
|
||||
newTitle,
|
||||
setNewTitle,
|
||||
fetchTodos,
|
||||
handleCreateTodo,
|
||||
handleChangeStatus,
|
||||
handleLogout
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"target": "es2023",
|
||||
"lib": ["ES2023", "DOM"],
|
||||
"module": "esnext",
|
||||
"types": ["vite/client"],
|
||||
"skipLibCheck": true,
|
||||
"experimentalDecorators": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
|
||||
/* Linting */
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"erasableSyntaxOnly": true,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": ["src"]
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"experimentalDecorators": true
|
||||
},
|
||||
"files": [],
|
||||
"references": [
|
||||
{ "path": "./tsconfig.app.json" },
|
||||
{ "path": "./tsconfig.node.json" }
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||
"target": "es2023",
|
||||
"lib": ["ES2023"],
|
||||
"module": "esnext",
|
||||
"types": ["node"],
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"verbatimModuleSyntax": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
|
||||
/* Linting */
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"erasableSyntaxOnly": true,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
})
|
||||
@@ -0,0 +1,8 @@
|
||||
<Solution>
|
||||
<Folder Name="/example/">
|
||||
<Project Path="example/SequenceAuth.Example.csproj" />
|
||||
</Folder>
|
||||
<Folder Name="/lib/">
|
||||
<Project Path="lib/SequenceAuth.Lib.csproj" />
|
||||
</Folder>
|
||||
</Solution>
|
||||
@@ -0,0 +1,17 @@
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace SequenceAuth.Example.Controllers;
|
||||
|
||||
[ApiController]
|
||||
[Route("[controller]/[action]")]
|
||||
public abstract class ApiControllerBase : ControllerBase
|
||||
{
|
||||
protected Guid UserId
|
||||
{
|
||||
get
|
||||
{
|
||||
var options = HttpContext.RequestServices.GetRequiredService<Microsoft.Extensions.Options.IOptions<SequenceAuth.Lib.SequenceAuthOptions>>().Value;
|
||||
return Guid.Parse(HttpContext.Items[options.UserIdItemKey]?.ToString() ?? throw new UnauthorizedAccessException());
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using SequenceAuth.Example.Features.Auth;
|
||||
|
||||
namespace SequenceAuth.Example.Controllers;
|
||||
|
||||
public class AuthController(IMediator mediator) : ApiControllerBase
|
||||
{
|
||||
public record LoginRequest(string Username);
|
||||
|
||||
[HttpPost]
|
||||
public async Task<IActionResult> Login([FromBody] LoginRequest request)
|
||||
{
|
||||
var result = await mediator.Send(new LoginCommand(request.Username));
|
||||
return Ok(result.User);
|
||||
}
|
||||
|
||||
[HttpPost]
|
||||
public async Task<IActionResult> Logout()
|
||||
{
|
||||
await mediator.Send(new LogoutCommand());
|
||||
return Ok();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace SequenceAuth.Example.Controllers;
|
||||
|
||||
public class SecureController : ApiControllerBase
|
||||
{
|
||||
[HttpGet]
|
||||
public IActionResult GetData()
|
||||
{
|
||||
return Ok(new { Message = "This is protected data. You must have a valid sequence to see this." });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using SequenceAuth.Example.Domain;
|
||||
using SequenceAuth.Example.Features.Todos;
|
||||
|
||||
namespace SequenceAuth.Example.Controllers;
|
||||
|
||||
public class TodoController(IMediator mediator) : ApiControllerBase
|
||||
{
|
||||
public record CreateTodoRequest(string Title);
|
||||
|
||||
[HttpPost]
|
||||
public async Task<IActionResult> Create([FromBody] CreateTodoRequest request)
|
||||
{
|
||||
var result = await mediator.Send(new CreateTodoCommand(UserId, request.Title));
|
||||
return Ok(result);
|
||||
}
|
||||
|
||||
[HttpGet]
|
||||
public async Task<IActionResult> List([FromQuery] TodoStatus? status)
|
||||
{
|
||||
var result = await mediator.Send(new GetTodosQuery(UserId, status));
|
||||
return Ok(result);
|
||||
}
|
||||
|
||||
[HttpPut("{id}")]
|
||||
public async Task<IActionResult> ChangeStatus(Guid id, [FromQuery] TodoStatus status)
|
||||
{
|
||||
var result = await mediator.Send(new ChangeTodoStatusCommand(id, UserId, status));
|
||||
|
||||
return result.Outcome switch
|
||||
{
|
||||
ChangeTodoStatusOutcome.Success => Ok(result.Item),
|
||||
ChangeTodoStatusOutcome.NotFound => NotFound(),
|
||||
ChangeTodoStatusOutcome.Unauthorized => StatusCode(403), // No identity claims for Forbid() without auth scheme
|
||||
_ => StatusCode(500)
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
namespace SequenceAuth.Example.Domain;
|
||||
|
||||
public record User(Guid Id, string Username);
|
||||
|
||||
public enum TodoStatus
|
||||
{
|
||||
Pending,
|
||||
InProgress,
|
||||
Completed,
|
||||
Canceled
|
||||
}
|
||||
|
||||
public record TodoItem(Guid Id, Guid UserId, string Title, TodoStatus Status);
|
||||
@@ -0,0 +1,42 @@
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using SequenceAuth.Example.Domain;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
using SequenceAuth.Lib;
|
||||
|
||||
namespace SequenceAuth.Example.Features.Auth;
|
||||
|
||||
public record LoginCommand(string Username) : IRequest<LoginResult>;
|
||||
public record LoginResult(User User, string InitialSequence);
|
||||
|
||||
public class LoginCommandHandler(AppDbContext dbContext, ISequenceStore sequenceStore, Microsoft.AspNetCore.Http.IHttpContextAccessor httpContextAccessor, Microsoft.Extensions.Options.IOptions<SequenceAuth.Lib.SequenceAuthOptions> options) : IRequestHandler<LoginCommand, LoginResult>
|
||||
{
|
||||
public async Task<LoginResult> Handle(LoginCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var userOpt = await dbContext.Users.FirstOrDefaultAsync(u => u.Username == request.Username, cancellationToken);
|
||||
|
||||
var user = userOpt switch
|
||||
{
|
||||
null => await CreateUser(request.Username, cancellationToken),
|
||||
_ => userOpt
|
||||
};
|
||||
|
||||
var initialSequenceId = Guid.NewGuid().ToString("N");
|
||||
var sequenceData = new SequenceData(UserId: user.Id.ToString(), RequestsRemaining: 1000, State: SequenceState.Initialized, NextSequenceId: initialSequenceId);
|
||||
|
||||
await sequenceStore.SaveSequenceAsync(initialSequenceId, sequenceData);
|
||||
|
||||
httpContextAccessor.HttpContext?.Response.Headers.Append(options.Value.NextHeaderName, initialSequenceId);
|
||||
httpContextAccessor.HttpContext?.Response.Headers.Append(options.Value.RequestsRemainingHeaderName, "1000");
|
||||
|
||||
return new LoginResult(user, initialSequenceId);
|
||||
}
|
||||
|
||||
private async Task<User> CreateUser(string username, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = new User(Guid.NewGuid(), username);
|
||||
dbContext.Users.Add(user);
|
||||
await dbContext.SaveChangesAsync(cancellationToken);
|
||||
return user;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Http;
|
||||
using SequenceAuth.Lib;
|
||||
|
||||
namespace SequenceAuth.Example.Features.Auth;
|
||||
|
||||
public record LogoutCommand() : IRequest;
|
||||
|
||||
public class LogoutCommandHandler(ISequenceStore sequenceStore, IHttpContextAccessor httpContextAccessor, Microsoft.Extensions.Options.IOptions<SequenceAuthOptions> options) : IRequestHandler<LogoutCommand>
|
||||
{
|
||||
public async Task Handle(LogoutCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var userIdStr = httpContextAccessor.HttpContext?.Items[options.Value.UserIdItemKey]?.ToString();
|
||||
var isUserIdPresent = string.IsNullOrEmpty(userIdStr);
|
||||
|
||||
_ = isUserIdPresent switch
|
||||
{
|
||||
false => await ProcessLogout(userIdStr!),
|
||||
true => 0
|
||||
};
|
||||
}
|
||||
|
||||
private async Task<int> ProcessLogout(string userId)
|
||||
{
|
||||
await sequenceStore.InvalidateUserSessionsAsync(userId);
|
||||
return 1;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using SequenceAuth.Example.Domain;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
|
||||
namespace SequenceAuth.Example.Features.Todos;
|
||||
|
||||
public enum ChangeTodoStatusOutcome { Success, NotFound, Unauthorized }
|
||||
|
||||
public record ChangeTodoStatusResult(ChangeTodoStatusOutcome Outcome, TodoItem? Item);
|
||||
|
||||
public record ChangeTodoStatusCommand(Guid TodoId, Guid UserId, TodoStatus NewStatus) : IRequest<ChangeTodoStatusResult>;
|
||||
|
||||
public class ChangeTodoStatusCommandHandler(AppDbContext dbContext) : IRequestHandler<ChangeTodoStatusCommand, ChangeTodoStatusResult>
|
||||
{
|
||||
public async Task<ChangeTodoStatusResult> Handle(ChangeTodoStatusCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var todo = await dbContext.Todos.FirstOrDefaultAsync(t => t.Id == request.TodoId, cancellationToken);
|
||||
|
||||
return todo switch
|
||||
{
|
||||
null => new ChangeTodoStatusResult(ChangeTodoStatusOutcome.NotFound, null),
|
||||
{ UserId: var userId } when userId != request.UserId => new ChangeTodoStatusResult(ChangeTodoStatusOutcome.Unauthorized, null),
|
||||
_ => await UpdateStatusAsync(todo, request.NewStatus, cancellationToken)
|
||||
};
|
||||
}
|
||||
|
||||
private async Task<ChangeTodoStatusResult> UpdateStatusAsync(TodoItem todo, TodoStatus newStatus, CancellationToken cancellationToken)
|
||||
{
|
||||
var updatedTodo = todo with { Status = newStatus };
|
||||
|
||||
dbContext.Entry(todo).CurrentValues.SetValues(updatedTodo);
|
||||
await dbContext.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new ChangeTodoStatusResult(ChangeTodoStatusOutcome.Success, updatedTodo);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
using MediatR;
|
||||
using SequenceAuth.Example.Domain;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
|
||||
namespace SequenceAuth.Example.Features.Todos;
|
||||
|
||||
public record CreateTodoCommand(Guid UserId, string Title) : IRequest<TodoItem>;
|
||||
|
||||
public class CreateTodoCommandHandler(AppDbContext dbContext) : IRequestHandler<CreateTodoCommand, TodoItem>
|
||||
{
|
||||
public async Task<TodoItem> Handle(CreateTodoCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var todo = new TodoItem(Guid.NewGuid(), request.UserId, request.Title, TodoStatus.Pending);
|
||||
dbContext.Todos.Add(todo);
|
||||
await dbContext.SaveChangesAsync(cancellationToken);
|
||||
return todo;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using SequenceAuth.Example.Domain;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
|
||||
namespace SequenceAuth.Example.Features.Todos;
|
||||
|
||||
public record GetTodosQuery(Guid UserId, TodoStatus? StatusFilter) : IRequest<List<TodoItem>>;
|
||||
|
||||
public class GetTodosQueryHandler(AppDbContext dbContext) : IRequestHandler<GetTodosQuery, List<TodoItem>>
|
||||
{
|
||||
public async Task<List<TodoItem>> Handle(GetTodosQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var query = dbContext.Todos.Where(t => t.UserId == request.UserId);
|
||||
|
||||
query = request.StatusFilter switch
|
||||
{
|
||||
null => query,
|
||||
var status => query.Where(t => t.Status == status)
|
||||
};
|
||||
|
||||
return await query.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using SequenceAuth.Example.Domain;
|
||||
|
||||
namespace SequenceAuth.Example.Infrastructure;
|
||||
|
||||
public class AppDbContext(DbContextOptions<AppDbContext> options) : DbContext(options)
|
||||
{
|
||||
public DbSet<User> Users => Set<User>();
|
||||
public DbSet<TodoItem> Todos => Set<TodoItem>();
|
||||
|
||||
protected override void OnModelCreating(ModelBuilder modelBuilder)
|
||||
{
|
||||
modelBuilder.Entity<User>(entity =>
|
||||
{
|
||||
entity.HasKey(e => e.Id);
|
||||
entity.Property(e => e.Username).IsRequired();
|
||||
entity.HasIndex(e => e.Username).IsUnique();
|
||||
});
|
||||
|
||||
modelBuilder.Entity<TodoItem>(entity =>
|
||||
{
|
||||
entity.HasKey(e => e.Id);
|
||||
entity.Property(e => e.Title).IsRequired();
|
||||
entity.Property(e => e.Status).HasConversion<string>();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
using System.Text.RegularExpressions;
|
||||
using Microsoft.AspNetCore.Routing;
|
||||
|
||||
namespace SequenceAuth.Example.Infrastructure;
|
||||
|
||||
public class KebabCaseParameterTransformer : IOutboundParameterTransformer
|
||||
{
|
||||
public string? TransformOutbound(object? value)
|
||||
{
|
||||
return value == null ? null : value.ToString()!.ToKebabCase();
|
||||
}
|
||||
}
|
||||
|
||||
public static partial class StringExtension
|
||||
{
|
||||
[GeneratedRegex("([a-z0-9])([A-Z])", RegexOptions.Compiled)]
|
||||
private static partial Regex KebabCaseRule();
|
||||
|
||||
public static string ToKebabCase(this string input)
|
||||
=> KebabCaseRule().Replace(input, "$1-$2").ToLower().Trim('-');
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
// <auto-generated />
|
||||
using System;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using Microsoft.EntityFrameworkCore.Infrastructure;
|
||||
using Microsoft.EntityFrameworkCore.Migrations;
|
||||
using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
|
||||
using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
|
||||
#nullable disable
|
||||
|
||||
namespace SequenceAuth.Example.Migrations
|
||||
{
|
||||
[DbContext(typeof(AppDbContext))]
|
||||
[Migration("20260612174016_InitialCreate")]
|
||||
partial class InitialCreate
|
||||
{
|
||||
/// <inheritdoc />
|
||||
protected override void BuildTargetModel(ModelBuilder modelBuilder)
|
||||
{
|
||||
#pragma warning disable 612, 618
|
||||
modelBuilder
|
||||
.HasAnnotation("ProductVersion", "10.0.9")
|
||||
.HasAnnotation("Relational:MaxIdentifierLength", 63);
|
||||
|
||||
NpgsqlModelBuilderExtensions.UseIdentityByDefaultColumns(modelBuilder);
|
||||
|
||||
modelBuilder.Entity("SequenceAuth.Example.Domain.TodoItem", b =>
|
||||
{
|
||||
b.Property<Guid>("Id")
|
||||
.ValueGeneratedOnAdd()
|
||||
.HasColumnType("uuid");
|
||||
|
||||
b.Property<string>("Status")
|
||||
.IsRequired()
|
||||
.HasColumnType("text");
|
||||
|
||||
b.Property<string>("Title")
|
||||
.IsRequired()
|
||||
.HasColumnType("text");
|
||||
|
||||
b.Property<Guid>("UserId")
|
||||
.HasColumnType("uuid");
|
||||
|
||||
b.HasKey("Id");
|
||||
|
||||
b.ToTable("Todos");
|
||||
});
|
||||
|
||||
modelBuilder.Entity("SequenceAuth.Example.Domain.User", b =>
|
||||
{
|
||||
b.Property<Guid>("Id")
|
||||
.ValueGeneratedOnAdd()
|
||||
.HasColumnType("uuid");
|
||||
|
||||
b.Property<string>("Username")
|
||||
.IsRequired()
|
||||
.HasColumnType("text");
|
||||
|
||||
b.HasKey("Id");
|
||||
|
||||
b.HasIndex("Username")
|
||||
.IsUnique();
|
||||
|
||||
b.ToTable("Users");
|
||||
});
|
||||
#pragma warning restore 612, 618
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
using System;
|
||||
using Microsoft.EntityFrameworkCore.Migrations;
|
||||
|
||||
#nullable disable
|
||||
|
||||
namespace SequenceAuth.Example.Migrations
|
||||
{
|
||||
/// <inheritdoc />
|
||||
public partial class InitialCreate : Migration
|
||||
{
|
||||
/// <inheritdoc />
|
||||
protected override void Up(MigrationBuilder migrationBuilder)
|
||||
{
|
||||
migrationBuilder.CreateTable(
|
||||
name: "Todos",
|
||||
columns: table => new
|
||||
{
|
||||
Id = table.Column<Guid>(type: "uuid", nullable: false),
|
||||
UserId = table.Column<Guid>(type: "uuid", nullable: false),
|
||||
Title = table.Column<string>(type: "text", nullable: false),
|
||||
Status = table.Column<string>(type: "text", nullable: false)
|
||||
},
|
||||
constraints: table =>
|
||||
{
|
||||
table.PrimaryKey("PK_Todos", x => x.Id);
|
||||
});
|
||||
|
||||
migrationBuilder.CreateTable(
|
||||
name: "Users",
|
||||
columns: table => new
|
||||
{
|
||||
Id = table.Column<Guid>(type: "uuid", nullable: false),
|
||||
Username = table.Column<string>(type: "text", nullable: false)
|
||||
},
|
||||
constraints: table =>
|
||||
{
|
||||
table.PrimaryKey("PK_Users", x => x.Id);
|
||||
});
|
||||
|
||||
migrationBuilder.CreateIndex(
|
||||
name: "IX_Users_Username",
|
||||
table: "Users",
|
||||
column: "Username",
|
||||
unique: true);
|
||||
}
|
||||
|
||||
/// <inheritdoc />
|
||||
protected override void Down(MigrationBuilder migrationBuilder)
|
||||
{
|
||||
migrationBuilder.DropTable(
|
||||
name: "Todos");
|
||||
|
||||
migrationBuilder.DropTable(
|
||||
name: "Users");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
// <auto-generated />
|
||||
using System;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using Microsoft.EntityFrameworkCore.Infrastructure;
|
||||
using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
|
||||
using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
|
||||
#nullable disable
|
||||
|
||||
namespace SequenceAuth.Example.Migrations
|
||||
{
|
||||
[DbContext(typeof(AppDbContext))]
|
||||
partial class AppDbContextModelSnapshot : ModelSnapshot
|
||||
{
|
||||
protected override void BuildModel(ModelBuilder modelBuilder)
|
||||
{
|
||||
#pragma warning disable 612, 618
|
||||
modelBuilder
|
||||
.HasAnnotation("ProductVersion", "10.0.9")
|
||||
.HasAnnotation("Relational:MaxIdentifierLength", 63);
|
||||
|
||||
NpgsqlModelBuilderExtensions.UseIdentityByDefaultColumns(modelBuilder);
|
||||
|
||||
modelBuilder.Entity("SequenceAuth.Example.Domain.TodoItem", b =>
|
||||
{
|
||||
b.Property<Guid>("Id")
|
||||
.ValueGeneratedOnAdd()
|
||||
.HasColumnType("uuid");
|
||||
|
||||
b.Property<string>("Status")
|
||||
.IsRequired()
|
||||
.HasColumnType("text");
|
||||
|
||||
b.Property<string>("Title")
|
||||
.IsRequired()
|
||||
.HasColumnType("text");
|
||||
|
||||
b.Property<Guid>("UserId")
|
||||
.HasColumnType("uuid");
|
||||
|
||||
b.HasKey("Id");
|
||||
|
||||
b.ToTable("Todos");
|
||||
});
|
||||
|
||||
modelBuilder.Entity("SequenceAuth.Example.Domain.User", b =>
|
||||
{
|
||||
b.Property<Guid>("Id")
|
||||
.ValueGeneratedOnAdd()
|
||||
.HasColumnType("uuid");
|
||||
|
||||
b.Property<string>("Username")
|
||||
.IsRequired()
|
||||
.HasColumnType("text");
|
||||
|
||||
b.HasKey("Id");
|
||||
|
||||
b.HasIndex("Username")
|
||||
.IsUnique();
|
||||
|
||||
b.ToTable("Users");
|
||||
});
|
||||
#pragma warning restore 612, 618
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
namespace SequenceAuth.Example.Options;
|
||||
|
||||
public record RedisOptions
|
||||
{
|
||||
public required string Configuration { get; set; }
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
using Microsoft.AspNetCore.Mvc.ApplicationModels;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using Microsoft.Extensions.Options;
|
||||
using Scalar.AspNetCore;
|
||||
using SequenceAuth.Example.Infrastructure;
|
||||
using SequenceAuth.Example.Options;
|
||||
using SequenceAuth.Lib;
|
||||
using StackExchange.Redis;
|
||||
|
||||
var builder = WebApplication.CreateBuilder(args);
|
||||
|
||||
builder.Services.AddControllers(options =>
|
||||
{
|
||||
options.Conventions.Add(new RouteTokenTransformerConvention(new KebabCaseParameterTransformer()));
|
||||
});
|
||||
|
||||
builder.Services.AddDbContext<AppDbContext>(options =>
|
||||
{
|
||||
options.UseNpgsql(builder.Configuration.GetConnectionString("DefaultConnection") ?? "Host=localhost;Database=sequencedb;Username=sequence_user;Password=sequence_password");
|
||||
});
|
||||
|
||||
builder.Services.AddHttpContextAccessor();
|
||||
builder.Services.AddMediatR(cfg => cfg.RegisterServicesFromAssembly(typeof(Program).Assembly));
|
||||
|
||||
var sequenceOptions = new SequenceAuthOptions();
|
||||
builder.Services.AddSequenceAuth(opts =>
|
||||
{
|
||||
opts.IgnoredPaths = sequenceOptions.IgnoredPaths.Concat(["/auth/login"]).ToHashSet();
|
||||
});
|
||||
|
||||
builder.Services.AddOpenApi();
|
||||
|
||||
builder.Services.AddCors(options =>
|
||||
{
|
||||
options.AddDefaultPolicy(policy =>
|
||||
{
|
||||
policy.AllowAnyOrigin()
|
||||
.AllowAnyMethod()
|
||||
.AllowAnyHeader()
|
||||
.WithExposedHeaders(sequenceOptions.NextHeaderName, sequenceOptions.RequestsRemainingHeaderName);
|
||||
});
|
||||
});
|
||||
|
||||
builder.Services.Configure<RedisOptions>(builder.Configuration.GetSection("RedisOptions"));
|
||||
|
||||
builder.Services.AddSingleton<IConnectionMultiplexer>(sp =>
|
||||
ConnectionMultiplexer.Connect(sp.GetRequiredService<IOptions<RedisOptions>>().Value.Configuration));
|
||||
|
||||
builder.Services.AddSingleton<ISequenceStore, SequenceAuth.Example.RedisSequenceStore>();
|
||||
|
||||
var app = builder.Build();
|
||||
|
||||
using (var scope = app.Services.CreateScope())
|
||||
{
|
||||
var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
|
||||
await db.Database.MigrateAsync();
|
||||
}
|
||||
|
||||
app.MapOpenApi();
|
||||
|
||||
app.MapScalarApiReference(options =>
|
||||
{
|
||||
options.Title = "SequenceAuth API";
|
||||
options.WithDefaultHttpClient(ScalarTarget.CSharp, ScalarClient.HttpClient);
|
||||
});
|
||||
|
||||
app.MapGet("/", () => Results.Redirect("/scalar/v1"));
|
||||
|
||||
app.UseCors();
|
||||
app.UseMiddleware<SequenceAuthMiddleware>();
|
||||
app.MapControllers();
|
||||
|
||||
app.Run();
|
||||
|
||||
public partial class Program { }
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/launchsettings.json",
|
||||
"profiles": {
|
||||
"http": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "http://localhost:5064",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"https": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": false,
|
||||
"applicationUrl": "https://localhost:7215;http://localhost:5064",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
using StackExchange.Redis;
|
||||
using System.Text.Json;
|
||||
using SequenceAuth.Lib;
|
||||
|
||||
namespace SequenceAuth.Example;
|
||||
|
||||
public class RedisSequenceStore(IConnectionMultiplexer redis) : ISequenceStore
|
||||
{
|
||||
private readonly IDatabase _db = redis.GetDatabase();
|
||||
|
||||
public async Task<Option<SequenceData>> GetSequenceAsync(string sequenceId)
|
||||
{
|
||||
var value = await _db.StringGetAsync(sequenceId);
|
||||
|
||||
return ((string?)value) switch
|
||||
{
|
||||
null => Option<SequenceData>.None(),
|
||||
string str => ParseData(str)
|
||||
};
|
||||
}
|
||||
|
||||
private static Option<SequenceData> ParseData(string str)
|
||||
{
|
||||
var data = JsonSerializer.Deserialize<SequenceData>(str);
|
||||
return data switch
|
||||
{
|
||||
null => Option<SequenceData>.None(),
|
||||
_ => Option<SequenceData>.Some(data)
|
||||
};
|
||||
}
|
||||
|
||||
public async Task<StoreOutcome> SaveSequenceAsync(string sequenceId, SequenceData data)
|
||||
{
|
||||
var json = JsonSerializer.Serialize(data);
|
||||
_ = await _db.StringSetAsync(sequenceId, json);
|
||||
_ = await _db.SetAddAsync($"UserSessions:{data.UserId}", sequenceId);
|
||||
return StoreOutcome.Success;
|
||||
}
|
||||
|
||||
public async Task<StoreOutcome> InvalidateUserSessionsAsync(string userId)
|
||||
{
|
||||
var sessionKeys = await _db.SetMembersAsync($"UserSessions:{userId}");
|
||||
foreach(var key in sessionKeys)
|
||||
{
|
||||
var seqOpt = await GetSequenceAsync(key.ToString());
|
||||
_ = seqOpt.State switch
|
||||
{
|
||||
OptionState.Some => await UpdateToCompromisedAsync(key.ToString(), seqOpt.Value!),
|
||||
_ => StoreOutcome.Failure
|
||||
};
|
||||
}
|
||||
return StoreOutcome.Success;
|
||||
}
|
||||
|
||||
private async Task<StoreOutcome> UpdateToCompromisedAsync(string sequenceId, SequenceData data)
|
||||
{
|
||||
var compData = data with { State = SequenceState.Compromised };
|
||||
var json = JsonSerializer.Serialize(compData);
|
||||
_ = await _db.StringSetAsync(sequenceId, json);
|
||||
return StoreOutcome.Success;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net10.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="MediatR" Version="14.1.0" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="10.0.9" />
|
||||
<PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="10.0.9">
|
||||
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
|
||||
<PrivateAssets>all</PrivateAssets>
|
||||
</PackageReference>
|
||||
<PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="10.0.2" />
|
||||
<PackageReference Include="Scalar.AspNetCore" Version="2.16.3" />
|
||||
<PackageReference Include="StackExchange.Redis" Version="2.13.17" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<ProjectReference Include="..\lib\SequenceAuth.Lib.csproj" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,6 @@
|
||||
@SequenceAuth.Example_HostAddress = http://localhost:5064
|
||||
|
||||
GET {{SequenceAuth.Example_HostAddress}}/weatherforecast/
|
||||
Accept: application/json
|
||||
|
||||
###
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
},
|
||||
"ConnectionStrings": {
|
||||
"DefaultConnection": "Host=localhost;Port=5432;Database=sequencedb;Username=sequence_user;Password=sequence_password"
|
||||
},
|
||||
"RedisOptions": {
|
||||
"Configuration": "localhost:6379"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
namespace SequenceAuth.Lib;
|
||||
|
||||
public interface ISequenceStore
|
||||
{
|
||||
Task<Option<SequenceData>> GetSequenceAsync(string sequenceId);
|
||||
Task<StoreOutcome> SaveSequenceAsync(string sequenceId, SequenceData data);
|
||||
Task<StoreOutcome> InvalidateUserSessionsAsync(string userId);
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
namespace SequenceAuth.Lib;
|
||||
|
||||
public enum SequenceState
|
||||
{
|
||||
Initialized,
|
||||
Active,
|
||||
Rotated,
|
||||
Compromised
|
||||
}
|
||||
|
||||
public enum ValidationOutcome
|
||||
{
|
||||
Success,
|
||||
SequenceNotFound,
|
||||
LimitExceeded,
|
||||
CompromisedSequenceDetected,
|
||||
InternalError
|
||||
}
|
||||
|
||||
public enum OptionState
|
||||
{
|
||||
Some,
|
||||
None
|
||||
}
|
||||
|
||||
public record Option<T>(T? Value, OptionState State)
|
||||
{
|
||||
public static Option<T> Some(T value) => new(value, OptionState.Some);
|
||||
public static Option<T> None() => new(default, OptionState.None);
|
||||
}
|
||||
|
||||
public enum StoreOutcome
|
||||
{
|
||||
Success,
|
||||
Failure
|
||||
}
|
||||
|
||||
public record SequenceData(string UserId, int RequestsRemaining, SequenceState State, string NextSequenceId);
|
||||
@@ -0,0 +1,23 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net10.0</TargetFramework>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
<Nullable>enable</Nullable>
|
||||
|
||||
<!-- NuGet Package Metadata -->
|
||||
<PackageId>SequenceAuth</PackageId>
|
||||
<Version>1.0.0</Version>
|
||||
<Authors>YourName</Authors>
|
||||
<Description>A C# library for Sequence Token Rotation authorization using Redis.</Description>
|
||||
<RepositoryUrl>https://github.com/your-repo/SequenceAuth</RepositoryUrl>
|
||||
<PackageTags>authentication;redis;security</PackageTags>
|
||||
<GeneratePackageOnBuild>true</GeneratePackageOnBuild>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<!-- Use FrameworkReference for ASP.NET Core types (like HttpContext) instead of the outdated NuGet package -->
|
||||
<FrameworkReference Include="Microsoft.AspNetCore.App" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,17 @@
|
||||
using Microsoft.Extensions.DependencyInjection;
|
||||
using System;
|
||||
|
||||
namespace SequenceAuth.Lib;
|
||||
|
||||
public static class SequenceAuthExtensions
|
||||
{
|
||||
public static IServiceCollection AddSequenceAuth(this IServiceCollection services, Action<SequenceAuthOptions> configureOptions)
|
||||
{
|
||||
ArgumentNullException.ThrowIfNull(configureOptions);
|
||||
|
||||
services.Configure(configureOptions);
|
||||
services.AddScoped<SequenceManager>();
|
||||
|
||||
return services;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
using Microsoft.AspNetCore.Http;
|
||||
using Microsoft.Extensions.Options;
|
||||
|
||||
namespace SequenceAuth.Lib;
|
||||
|
||||
public class SequenceAuthMiddleware(RequestDelegate next, IOptions<SequenceAuthOptions> options)
|
||||
{
|
||||
private readonly SequenceAuthOptions _options = options?.Value ?? throw new InvalidOperationException("SequenceAuthOptions must be registered in DI using AddSequenceAuth.");
|
||||
|
||||
public async Task InvokeAsync(HttpContext context, SequenceManager sequenceManager)
|
||||
{
|
||||
await (context.Request.Method switch
|
||||
{
|
||||
"OPTIONS" => next(context),
|
||||
_ => ProcessPath(context, sequenceManager)
|
||||
});
|
||||
}
|
||||
|
||||
private async Task ProcessPath(HttpContext context, SequenceManager sequenceManager)
|
||||
{
|
||||
var path = context.Request.Path.Value?.ToLowerInvariant() ?? "";
|
||||
|
||||
var isIgnored = _options.IgnoredPaths.FirstOrDefault(x => path.StartsWith(x));
|
||||
await (isIgnored switch
|
||||
{
|
||||
null => CheckHeader(context, sequenceManager),
|
||||
_ => next(context)
|
||||
});
|
||||
}
|
||||
|
||||
private async Task CheckHeader(HttpContext context, SequenceManager sequenceManager)
|
||||
{
|
||||
var headerCount = context.Request.Headers[_options.AuthHeaderName].Count;
|
||||
|
||||
await (headerCount switch
|
||||
{
|
||||
0 => HandleMissingHeader(context),
|
||||
> 0 => ProcessWithHeader(context, sequenceManager, context.Request.Headers[_options.AuthHeaderName].ToString()!),
|
||||
_ => HandleMissingHeader(context)
|
||||
});
|
||||
}
|
||||
|
||||
private Task HandleMissingHeader(HttpContext context)
|
||||
{
|
||||
context.Response.StatusCode = 401;
|
||||
return Task.CompletedTask;
|
||||
}
|
||||
|
||||
private async Task ProcessWithHeader(HttpContext context, SequenceManager sequenceManager, string sequenceId)
|
||||
{
|
||||
var result = await sequenceManager.ValidateAndRotateAsync(sequenceId);
|
||||
|
||||
await (result.Outcome switch
|
||||
{
|
||||
ValidationOutcome.Success => HandleSuccess(context, result.NextSequence, result.UserId, result.RequestsRemaining),
|
||||
_ => HandleFailure(context, result.Outcome)
|
||||
});
|
||||
}
|
||||
|
||||
private async Task HandleSuccess(HttpContext context, Option<string> nextSequenceOpt, Option<string> userIdOpt, Option<int> requestsRemainingOpt)
|
||||
{
|
||||
_ = nextSequenceOpt.State switch
|
||||
{
|
||||
OptionState.Some => AddHeader(context, nextSequenceOpt.Value!),
|
||||
OptionState.None => 0,
|
||||
_ => 0
|
||||
};
|
||||
|
||||
_ = userIdOpt.State switch
|
||||
{
|
||||
OptionState.Some => AddUserContext(context, userIdOpt.Value!),
|
||||
OptionState.None => 0,
|
||||
_ => 0
|
||||
};
|
||||
|
||||
_ = requestsRemainingOpt.State switch
|
||||
{
|
||||
OptionState.Some => AddRemainingHeader(context, requestsRemainingOpt.Value),
|
||||
OptionState.None => 0,
|
||||
_ => 0
|
||||
};
|
||||
|
||||
await next(context);
|
||||
}
|
||||
|
||||
private int AddRemainingHeader(HttpContext context, int remaining)
|
||||
{
|
||||
context.Response.Headers.Append(_options.RequestsRemainingHeaderName, remaining.ToString());
|
||||
return 1;
|
||||
}
|
||||
|
||||
private int AddHeader(HttpContext context, string value)
|
||||
{
|
||||
context.Response.Headers.Append(_options.NextHeaderName, value);
|
||||
return 1;
|
||||
}
|
||||
|
||||
private int AddUserContext(HttpContext context, string userId)
|
||||
{
|
||||
context.Items[_options.UserIdItemKey] = userId;
|
||||
return 1;
|
||||
}
|
||||
|
||||
private Task HandleFailure(HttpContext context, ValidationOutcome outcome)
|
||||
{
|
||||
context.Response.StatusCode = 401;
|
||||
return Task.CompletedTask;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
namespace SequenceAuth.Lib;
|
||||
|
||||
public class SequenceAuthOptions
|
||||
{
|
||||
public virtual string UserIdItemKey { get; set; } = "UserId";
|
||||
public virtual string AuthHeaderName { get; set; } = "X-Auth-Seq";
|
||||
public virtual string NextHeaderName { get; set; } = "X-Next-Seq";
|
||||
public virtual string RequestsRemainingHeaderName { get; set; } = "X-Requests-Remaining";
|
||||
|
||||
public virtual HashSet<string> IgnoredPaths { get; set; } = ["/scalar", "/openapi", "/favicon.ico", "/swagger"];
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
namespace SequenceAuth.Lib;
|
||||
|
||||
public record SequenceValidationResult(ValidationOutcome Outcome, Option<string> NextSequence, Option<string> UserId, Option<int> RequestsRemaining);
|
||||
|
||||
public class SequenceManager(ISequenceStore store)
|
||||
{
|
||||
public async Task<SequenceValidationResult> ValidateAndRotateAsync(string currentSequenceId)
|
||||
{
|
||||
var sequenceOpt = await store.GetSequenceAsync(currentSequenceId);
|
||||
|
||||
return sequenceOpt.State switch
|
||||
{
|
||||
OptionState.None => new SequenceValidationResult(ValidationOutcome.SequenceNotFound, Option<string>.None(), Option<string>.None(), Option<int>.None()),
|
||||
OptionState.Some => await ProcessSequenceAsync(currentSequenceId, sequenceOpt.Value!),
|
||||
_ => new SequenceValidationResult(ValidationOutcome.InternalError, Option<string>.None(), Option<string>.None(), Option<int>.None())
|
||||
};
|
||||
}
|
||||
|
||||
private async Task<SequenceValidationResult> ProcessSequenceAsync(string currentSequenceId, SequenceData data)
|
||||
{
|
||||
return data.State switch
|
||||
{
|
||||
SequenceState.Compromised => new SequenceValidationResult(ValidationOutcome.CompromisedSequenceDetected, Option<string>.None(), Option<string>.None(), Option<int>.None()),
|
||||
SequenceState.Rotated => await HandleRotatedSequenceAsync(data.UserId),
|
||||
SequenceState.Active or SequenceState.Initialized => await HandleActiveSequenceAsync(currentSequenceId, data),
|
||||
_ => new SequenceValidationResult(ValidationOutcome.InternalError, Option<string>.None(), Option<string>.None(), Option<int>.None())
|
||||
};
|
||||
}
|
||||
|
||||
private async Task<SequenceValidationResult> HandleRotatedSequenceAsync(string userId)
|
||||
{
|
||||
await store.InvalidateUserSessionsAsync(userId);
|
||||
return new SequenceValidationResult(ValidationOutcome.CompromisedSequenceDetected, Option<string>.None(), Option<string>.None(), Option<int>.None());
|
||||
}
|
||||
|
||||
private async Task<SequenceValidationResult> HandleActiveSequenceAsync(string currentSequenceId, SequenceData data)
|
||||
{
|
||||
var checkLimit = CheckLimit(data.RequestsRemaining);
|
||||
return checkLimit switch
|
||||
{
|
||||
ValidationOutcome.LimitExceeded => new SequenceValidationResult(ValidationOutcome.LimitExceeded, Option<string>.None(), Option<string>.None(), Option<int>.None()),
|
||||
ValidationOutcome.Success => await RotateSequenceAsync(currentSequenceId, data),
|
||||
_ => new SequenceValidationResult(ValidationOutcome.InternalError, Option<string>.None(), Option<string>.None(), Option<int>.None())
|
||||
};
|
||||
}
|
||||
|
||||
private ValidationOutcome CheckLimit(int requestsRemaining)
|
||||
{
|
||||
return requestsRemaining switch
|
||||
{
|
||||
<= 0 => ValidationOutcome.LimitExceeded,
|
||||
> 0 => ValidationOutcome.Success
|
||||
};
|
||||
}
|
||||
|
||||
private async Task<SequenceValidationResult> RotateSequenceAsync(string currentSequenceId, SequenceData data)
|
||||
{
|
||||
var futureSequenceId = Guid.NewGuid().ToString("N");
|
||||
var oldDataRotated = data with { State = SequenceState.Rotated };
|
||||
await store.SaveSequenceAsync(currentSequenceId, oldDataRotated);
|
||||
|
||||
var newData = new SequenceData(
|
||||
UserId: data.UserId,
|
||||
RequestsRemaining: data.RequestsRemaining - 1,
|
||||
State: SequenceState.Active,
|
||||
NextSequenceId: futureSequenceId);
|
||||
|
||||
await store.SaveSequenceAsync(futureSequenceId, newData);
|
||||
|
||||
return new SequenceValidationResult(ValidationOutcome.Success, Option<string>.Some(futureSequenceId), Option<string>.Some(data.UserId), Option<int>.Some(data.RequestsRemaining - 1));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
using Microsoft.AspNetCore.Hosting;
|
||||
using Microsoft.AspNetCore.Mvc.Testing;
|
||||
using Microsoft.AspNetCore.TestHost;
|
||||
using Microsoft.Extensions.DependencyInjection;
|
||||
using Microsoft.Extensions.DependencyInjection.Extensions;
|
||||
using SequenceAuth.Lib;
|
||||
|
||||
namespace SequenceAuth.Example.Tests;
|
||||
|
||||
public class CustomWebApplicationFactory : WebApplicationFactory<Program>
|
||||
{
|
||||
protected override void ConfigureWebHost(IWebHostBuilder builder)
|
||||
{
|
||||
builder.ConfigureTestServices(services =>
|
||||
{
|
||||
services.RemoveAll<ISequenceStore>();
|
||||
services.AddSingleton<ISequenceStore, InMemorySequenceStore>();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
using System.Collections.Concurrent;
|
||||
using System.Linq;
|
||||
using System.Threading.Tasks;
|
||||
using SequenceAuth.Lib;
|
||||
|
||||
namespace SequenceAuth.Example.Tests;
|
||||
|
||||
public class InMemorySequenceStore : ISequenceStore
|
||||
{
|
||||
private readonly ConcurrentDictionary<string, SequenceData> _store = new();
|
||||
|
||||
public Task<Option<SequenceData>> GetSequenceAsync(string sequenceId)
|
||||
{
|
||||
if (_store.TryGetValue(sequenceId, out var data))
|
||||
{
|
||||
return Task.FromResult(Option<SequenceData>.Some(data));
|
||||
}
|
||||
return Task.FromResult(Option<SequenceData>.None());
|
||||
}
|
||||
|
||||
public Task<StoreOutcome> SaveSequenceAsync(string sequenceId, SequenceData data)
|
||||
{
|
||||
_store[sequenceId] = data;
|
||||
return Task.FromResult(StoreOutcome.Success);
|
||||
}
|
||||
|
||||
public Task<StoreOutcome> InvalidateUserSessionsAsync(string userId)
|
||||
{
|
||||
var keysToRemove = _store.Where(kvp => kvp.Value.UserId == userId).Select(kvp => kvp.Key).ToList();
|
||||
foreach (var key in keysToRemove)
|
||||
{
|
||||
_store.TryRemove(key, out _);
|
||||
}
|
||||
return Task.FromResult(StoreOutcome.Success);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net10.0</TargetFramework>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
<Nullable>enable</Nullable>
|
||||
<IsPackable>false</IsPackable>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="coverlet.collector" Version="6.0.4" />
|
||||
<PackageReference Include="FluentAssertions" Version="8.10.0" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.Mvc.Testing" Version="10.0.9" />
|
||||
<PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.14.1" />
|
||||
<PackageReference Include="xunit" Version="2.9.3" />
|
||||
<PackageReference Include="xunit.runner.visualstudio" Version="3.1.4" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Using Include="Xunit" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<ProjectReference Include="..\..\example\SequenceAuth.Example.csproj" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,117 @@
|
||||
using System.Linq;
|
||||
using System.Net;
|
||||
using System.Net.Http;
|
||||
using System.Net.Http.Json;
|
||||
using System.Threading.Tasks;
|
||||
using FluentAssertions;
|
||||
using SequenceAuth.Lib;
|
||||
using Xunit;
|
||||
|
||||
namespace SequenceAuth.Example.Tests;
|
||||
|
||||
public class SequenceAuthE2ETests : IClassFixture<CustomWebApplicationFactory>
|
||||
{
|
||||
private readonly HttpClient _client;
|
||||
|
||||
public SequenceAuthE2ETests(CustomWebApplicationFactory factory)
|
||||
{
|
||||
_client = factory.CreateClient();
|
||||
}
|
||||
|
||||
private async Task<string> InitSessionAsync()
|
||||
{
|
||||
var loginResponse = await _client.PostAsJsonAsync("/auth/login", new { username = "testuser" });
|
||||
loginResponse.EnsureSuccessStatusCode();
|
||||
|
||||
var token = loginResponse.Headers.GetValues(new SequenceAuthOptions().NextHeaderName).FirstOrDefault();
|
||||
token.Should().NotBeNullOrWhiteSpace();
|
||||
return token!;
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task RequestWithoutHeader_ReturnsUnauthorized()
|
||||
{
|
||||
var response = await _client.GetAsync("/secure/get-data");
|
||||
response.StatusCode.Should().Be(HttpStatusCode.Unauthorized);
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task ValidChain_FollowsSequenceAndSucceeds()
|
||||
{
|
||||
// 1. Init Session
|
||||
var token1 = await InitSessionAsync();
|
||||
|
||||
// 2. First Request
|
||||
var request1 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
request1.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token1);
|
||||
var response1 = await _client.SendAsync(request1);
|
||||
|
||||
response1.EnsureSuccessStatusCode();
|
||||
var token2 = response1.Headers.GetValues(new SequenceAuthOptions().NextHeaderName).First();
|
||||
token2.Should().NotBeNullOrWhiteSpace();
|
||||
|
||||
// 3. Second Request with New Token
|
||||
var request2 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
request2.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token2);
|
||||
var response2 = await _client.SendAsync(request2);
|
||||
|
||||
response2.EnsureSuccessStatusCode();
|
||||
var token3 = response2.Headers.GetValues(new SequenceAuthOptions().NextHeaderName).First();
|
||||
token3.Should().NotBeNullOrWhiteSpace();
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task AttackerReplaysToken_CompromisesSequence()
|
||||
{
|
||||
var token1 = await InitSessionAsync();
|
||||
System.Console.WriteLine($"Token 1: {token1}");
|
||||
|
||||
var userRequest1 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
userRequest1.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token1);
|
||||
var userResponse1 = await _client.SendAsync(userRequest1);
|
||||
userResponse1.EnsureSuccessStatusCode();
|
||||
var token2 = userResponse1.Headers.GetValues(new SequenceAuthOptions().NextHeaderName).First();
|
||||
System.Console.WriteLine($"Token 2: {token2}");
|
||||
|
||||
var attackerRequest = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
attackerRequest.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token1);
|
||||
var attackerResponse = await _client.SendAsync(attackerRequest);
|
||||
System.Console.WriteLine($"Attacker Response: {attackerResponse.StatusCode}");
|
||||
var attackerBody = await attackerResponse.Content.ReadAsStringAsync();
|
||||
System.Console.WriteLine($"Attacker Body: {attackerBody}");
|
||||
|
||||
attackerResponse.StatusCode.Should().Be(HttpStatusCode.Unauthorized);
|
||||
|
||||
var userRequest2 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
userRequest2.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token2);
|
||||
var userResponse2 = await _client.SendAsync(userRequest2);
|
||||
|
||||
userResponse2.StatusCode.Should().Be(HttpStatusCode.Unauthorized);
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task AttackerStrikesFirst_CompromisesSequence()
|
||||
{
|
||||
var token1 = await InitSessionAsync();
|
||||
|
||||
var attackerRequest1 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
attackerRequest1.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token1);
|
||||
var attackerResponse1 = await _client.SendAsync(attackerRequest1);
|
||||
|
||||
attackerResponse1.EnsureSuccessStatusCode();
|
||||
var token2 = attackerResponse1.Headers.GetValues(new SequenceAuthOptions().NextHeaderName).First();
|
||||
|
||||
var userRequest1 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
userRequest1.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token1);
|
||||
var userResponse1 = await _client.SendAsync(userRequest1);
|
||||
|
||||
System.Console.WriteLine($"User Response 1: {userResponse1.StatusCode}");
|
||||
userResponse1.StatusCode.Should().Be(HttpStatusCode.Unauthorized);
|
||||
|
||||
var attackerRequest2 = new HttpRequestMessage(HttpMethod.Get, "/secure/get-data");
|
||||
attackerRequest2.Headers.Add(new SequenceAuthOptions().AuthHeaderName, token2);
|
||||
var attackerResponse2 = await _client.SendAsync(attackerRequest2);
|
||||
|
||||
attackerResponse2.StatusCode.Should().Be(HttpStatusCode.Unauthorized);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net10.0</TargetFramework>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
<Nullable>enable</Nullable>
|
||||
<IsPackable>false</IsPackable>
|
||||
</PropertyGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="coverlet.collector" Version="6.0.4" />
|
||||
<PackageReference Include="FluentAssertions" Version="8.10.0" />
|
||||
<PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.14.1" />
|
||||
<PackageReference Include="Moq" Version="4.20.72" />
|
||||
<PackageReference Include="xunit" Version="2.9.3" />
|
||||
<PackageReference Include="xunit.runner.visualstudio" Version="3.1.4" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Using Include="Xunit" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<ProjectReference Include="..\..\lib\SequenceAuth.Lib.csproj" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
@@ -0,0 +1,88 @@
|
||||
using FluentAssertions;
|
||||
using Moq;
|
||||
using SequenceAuth.Lib;
|
||||
using System.Threading.Tasks;
|
||||
using Xunit;
|
||||
|
||||
namespace SequenceAuth.Lib.Tests;
|
||||
|
||||
public class SequenceManagerTests
|
||||
{
|
||||
private readonly Mock<ISequenceStore> _mockStore;
|
||||
private readonly SequenceManager _manager;
|
||||
|
||||
public SequenceManagerTests()
|
||||
{
|
||||
_mockStore = new Mock<ISequenceStore>();
|
||||
_manager = new SequenceManager(_mockStore.Object);
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task ValidateAndRotateAsync_ValidToken_ReturnsSuccessAndGeneratesNewToken()
|
||||
{
|
||||
// Arrange
|
||||
var token = "valid-token";
|
||||
var nextToken = "pre-generated-next-token";
|
||||
var sequenceData = new SequenceData("user123", 100, SequenceState.Active, nextToken);
|
||||
|
||||
_mockStore.Setup(s => s.GetSequenceAsync(token))
|
||||
.ReturnsAsync(Option<SequenceData>.Some(sequenceData));
|
||||
|
||||
_mockStore.Setup(s => s.SaveSequenceAsync(It.IsAny<string>(), It.IsAny<SequenceData>()))
|
||||
.ReturnsAsync(StoreOutcome.Success);
|
||||
|
||||
// Act
|
||||
var result = await _manager.ValidateAndRotateAsync(token);
|
||||
|
||||
// Assert
|
||||
result.Outcome.Should().Be(ValidationOutcome.Success);
|
||||
result.NextSequence.State.Should().Be(OptionState.Some);
|
||||
result.NextSequence.Value.Should().Be(nextToken);
|
||||
|
||||
// Ensure the old sequence was marked as Rotated
|
||||
_mockStore.Verify(s => s.SaveSequenceAsync(token, It.Is<SequenceData>(d =>
|
||||
d.State == SequenceState.Rotated)), Times.Once);
|
||||
|
||||
// Ensure the new sequence was saved
|
||||
_mockStore.Verify(s => s.SaveSequenceAsync(nextToken, It.Is<SequenceData>(d =>
|
||||
d.State == SequenceState.Active)), Times.Once);
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task ValidateAndRotateAsync_RotatedToken_ReturnsCompromisedAndDestroysSession()
|
||||
{
|
||||
// Arrange
|
||||
var token = "compromised-token";
|
||||
var sequenceData = new SequenceData("user123", 100, SequenceState.Rotated, "some-next-token");
|
||||
|
||||
_mockStore.Setup(s => s.GetSequenceAsync(token))
|
||||
.ReturnsAsync(Option<SequenceData>.Some(sequenceData));
|
||||
|
||||
// Act
|
||||
var result = await _manager.ValidateAndRotateAsync(token);
|
||||
|
||||
// Assert
|
||||
result.Outcome.Should().Be(ValidationOutcome.CompromisedSequenceDetected);
|
||||
result.NextSequence.State.Should().Be(OptionState.None);
|
||||
|
||||
// Ensure InvalidateUserSessionsAsync was called for the user
|
||||
_mockStore.Verify(s => s.InvalidateUserSessionsAsync("user123"), Times.Once);
|
||||
}
|
||||
|
||||
[Fact]
|
||||
public async Task ValidateAndRotateAsync_MissingToken_ReturnsNotFound()
|
||||
{
|
||||
// Arrange
|
||||
var token = "invalid-token";
|
||||
|
||||
_mockStore.Setup(s => s.GetSequenceAsync(token))
|
||||
.ReturnsAsync(Option<SequenceData>.None());
|
||||
|
||||
// Act
|
||||
var result = await _manager.ValidateAndRotateAsync(token);
|
||||
|
||||
// Assert
|
||||
result.Outcome.Should().Be(ValidationOutcome.SequenceNotFound);
|
||||
result.NextSequence.State.Should().Be(OptionState.None);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
version: '3.8'
|
||||
|
||||
services:
|
||||
postgres:
|
||||
image: postgres:15-alpine
|
||||
container_name: sequence-postgres
|
||||
environment:
|
||||
POSTGRES_USER: sequence_user
|
||||
POSTGRES_PASSWORD: sequence_password
|
||||
POSTGRES_DB: sequencedb
|
||||
ports:
|
||||
- "5432:5432"
|
||||
volumes:
|
||||
- postgres_data:/var/lib/postgresql/data
|
||||
|
||||
redis:
|
||||
image: redis:7-alpine
|
||||
container_name: sequence-redis
|
||||
ports:
|
||||
- "6379:6379"
|
||||
volumes:
|
||||
- redis_data:/data
|
||||
|
||||
volumes:
|
||||
postgres_data:
|
||||
redis_data:
|
||||
@@ -0,0 +1,68 @@
|
||||
import http from 'k6/http';
|
||||
import { check, sleep } from 'k6';
|
||||
import { Rate } from 'k6/metrics';
|
||||
|
||||
// Custom metric to explicitly track the percentage of unauthorized requests
|
||||
const unauthorizedRate = new Rate('unauthorized_rate');
|
||||
|
||||
export const options = {
|
||||
// Test scenario: 1000 virtual users executing 1 iteration each
|
||||
vus: 1000,
|
||||
iterations: 1000,
|
||||
// We can also define thresholds for CI/CD pipelines
|
||||
thresholds: {
|
||||
'http_req_duration': ['p(95)<500'], // 95% of requests must complete below 500ms
|
||||
'unauthorized_rate': ['rate==0'], // 0% unauthorized errors (strict constraint)
|
||||
},
|
||||
};
|
||||
|
||||
const BASE_URL = 'http://localhost:5064';
|
||||
|
||||
export default function () {
|
||||
// --- Setup / Login Phase ---
|
||||
// Each VU initializes its own secure session and receives a unique token.
|
||||
const initRes = http.post(`${BASE_URL}/Init`);
|
||||
|
||||
check(initRes, {
|
||||
'init status is 200': (r) => r.status === 200,
|
||||
'init returned sequenceId': (r) => r.json('initialSequenceId') !== undefined,
|
||||
});
|
||||
|
||||
if (initRes.status !== 200) {
|
||||
return; // Stop VU if init fails to prevent cascading errors
|
||||
}
|
||||
|
||||
// Local state for the virtual user
|
||||
let currentToken = initRes.json('initialSequenceId');
|
||||
|
||||
// --- Stateful Mutation Phase ---
|
||||
// The VU performs 50 sequential requests. In a real scenario, these would be GET/POST/PUT.
|
||||
for (let i = 0; i < 50; i++) {
|
||||
const res = http.get(`${BASE_URL}/Secure/data`, {
|
||||
headers: {
|
||||
'X-Auth-Seq': currentToken,
|
||||
},
|
||||
});
|
||||
|
||||
const success = check(res, {
|
||||
'status is 200': (r) => r.status === 200,
|
||||
'has X-Next-Seq header': (r) => r.headers['X-Next-Seq'] !== undefined,
|
||||
});
|
||||
|
||||
if (res.status === 401) {
|
||||
unauthorizedRate.add(1);
|
||||
console.error(`VU ${__VU} experienced sequence break on iteration ${i}! Received 401.`);
|
||||
break; // The chain is broken, stop further requests
|
||||
} else {
|
||||
unauthorizedRate.add(0);
|
||||
}
|
||||
|
||||
if (success) {
|
||||
// Critical Step: Read X-Next-Seq from Response and save it for the next request in the chain
|
||||
currentToken = res.headers['X-Next-Seq'];
|
||||
}
|
||||
|
||||
// Simulate real-world delay between operations (optional, but realistic)
|
||||
// sleep(Math.random() * 0.1);
|
||||
}
|
||||
}
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "sequence-client",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "sequence-client",
|
||||
"version": "1.0.0",
|
||||
"devDependencies": {
|
||||
"typescript": "^5.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/typescript": {
|
||||
"version": "5.9.3",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0",
|
||||
"bin": {
|
||||
"tsc": "bin/tsc",
|
||||
"tsserver": "bin/tsserver"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.17"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "sequence-client",
|
||||
"version": "1.0.0",
|
||||
"main": "dist/index.js",
|
||||
"types": "dist/index.d.ts",
|
||||
"scripts": {
|
||||
"build": "tsc",
|
||||
"dev": "tsc --watch"
|
||||
},
|
||||
"dependencies": {},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.4.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
export const SequenceConfig = {
|
||||
authHeader: 'X-Auth-Seq',
|
||||
nextHeader: 'X-Next-Seq',
|
||||
requestsRemainingHeader: 'X-Requests-Remaining'
|
||||
};
|
||||
|
||||
export function configureSequenceAuth(config: Partial<typeof SequenceConfig>) {
|
||||
Object.assign(SequenceConfig, config);
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
import { sequenceQueue } from './queue-manager';
|
||||
import { SequenceStore } from './sequence-store';
|
||||
import { SequenceState } from './models';
|
||||
import { SequenceConfig } from './config';
|
||||
|
||||
export function SequenceProtected(customAuthHeader?: string, customNextHeader?: string) {
|
||||
return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
|
||||
const originalMethod = descriptor.value;
|
||||
|
||||
descriptor.value = function (...args: any[]) {
|
||||
return sequenceQueue.enqueue(async () => {
|
||||
const data = SequenceStore.get();
|
||||
|
||||
if (data.state === SequenceState.Compromised) {
|
||||
throw new Error('Session is compromised. Please log in again.');
|
||||
}
|
||||
|
||||
const initIndex = Math.max(0, originalMethod.length - 1);
|
||||
let init: RequestInit = args[initIndex] || {};
|
||||
const headers = new Headers(init.headers);
|
||||
|
||||
const authHeader = customAuthHeader || SequenceConfig.authHeader;
|
||||
const nextHeader = customNextHeader || SequenceConfig.nextHeader;
|
||||
|
||||
if (data.state === SequenceState.Active && data.token) {
|
||||
headers.set(authHeader, data.token);
|
||||
}
|
||||
|
||||
init.headers = headers;
|
||||
args[initIndex] = init;
|
||||
|
||||
// Execute original fetch method
|
||||
const response: Response = await originalMethod.apply(this, args);
|
||||
|
||||
if (response.status === 401) {
|
||||
SequenceStore.set({ state: SequenceState.Compromised });
|
||||
throw new Error('Sequence validation failed (401). Session compromised.');
|
||||
}
|
||||
|
||||
const remainingHeader = SequenceConfig.requestsRemainingHeader;
|
||||
|
||||
const nextSeq = response.headers.get(nextHeader);
|
||||
const remainingStr = response.headers.get(remainingHeader);
|
||||
const remaining = remainingStr ? parseInt(remainingStr, 10) : undefined;
|
||||
|
||||
if (nextSeq) {
|
||||
SequenceStore.set({ state: SequenceState.Active, token: nextSeq, requestsRemaining: remaining });
|
||||
}
|
||||
|
||||
return response;
|
||||
});
|
||||
};
|
||||
|
||||
return descriptor;
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
export * from './models';
|
||||
export * from './sequence-store';
|
||||
export * from './queue-manager';
|
||||
export * from './decorators';
|
||||
export * from './config';
|
||||
@@ -0,0 +1,19 @@
|
||||
export enum SequenceState {
|
||||
Empty = 'Empty',
|
||||
Active = 'Active',
|
||||
Compromised = 'Compromised'
|
||||
}
|
||||
|
||||
export enum QueueStatus {
|
||||
Idle = 'Idle',
|
||||
Processing = 'Processing',
|
||||
Paused = 'Paused'
|
||||
}
|
||||
|
||||
export type FetchStatus = 'Idle' | 'Loading' | 'Success' | 'Error';
|
||||
|
||||
export interface SequenceData {
|
||||
state: SequenceState;
|
||||
token?: string;
|
||||
requestsRemaining?: number;
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
import { QueueStatus, SequenceState } from './models';
|
||||
import { SequenceStore } from './sequence-store';
|
||||
|
||||
type Task<T> = () => Promise<T>;
|
||||
|
||||
export class QueueManager {
|
||||
private queue: Array<{ task: Task<any>, resolve: (val: any) => void, reject: (err: any) => void }> = [];
|
||||
private status: QueueStatus = QueueStatus.Idle;
|
||||
|
||||
async enqueue<T>(task: Task<T>): Promise<T> {
|
||||
const data = SequenceStore.get();
|
||||
|
||||
if (data.state === SequenceState.Compromised) {
|
||||
return Promise.reject(new Error('Sequence state is compromised. Re-authentication required.'));
|
||||
}
|
||||
|
||||
return new Promise<T>((resolve, reject) => {
|
||||
this.queue.push({ task, resolve, reject });
|
||||
this.processNext();
|
||||
});
|
||||
}
|
||||
|
||||
private async processNext(): Promise<void> {
|
||||
if (this.status !== QueueStatus.Idle) {
|
||||
return;
|
||||
}
|
||||
|
||||
const nextItem = this.queue.shift();
|
||||
if (!nextItem) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.status = QueueStatus.Processing;
|
||||
|
||||
try {
|
||||
const result = await nextItem.task();
|
||||
nextItem.resolve(result);
|
||||
} catch (err) {
|
||||
nextItem.reject(err);
|
||||
} finally {
|
||||
this.status = QueueStatus.Idle;
|
||||
this.processNext();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const sequenceQueue = new QueueManager();
|
||||
@@ -0,0 +1,26 @@
|
||||
import { SequenceState, SequenceData } from './models';
|
||||
|
||||
export class SequenceStore {
|
||||
private static readonly STORAGE_KEY = 'sequence_token_data';
|
||||
|
||||
static get(): SequenceData {
|
||||
const data = localStorage.getItem(this.STORAGE_KEY);
|
||||
if (!data) {
|
||||
return { state: SequenceState.Empty };
|
||||
}
|
||||
|
||||
try {
|
||||
return JSON.parse(data) as SequenceData;
|
||||
} catch {
|
||||
return { state: SequenceState.Empty };
|
||||
}
|
||||
}
|
||||
|
||||
static set(data: SequenceData): void {
|
||||
localStorage.setItem(this.STORAGE_KEY, JSON.stringify(data));
|
||||
}
|
||||
|
||||
static clear(): void {
|
||||
localStorage.removeItem(this.STORAGE_KEY);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"outDir": "./dist",
|
||||
"rootDir": "./src",
|
||||
"declaration": true,
|
||||
"target": "ES2022",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "node",
|
||||
"strict": true,
|
||||
"esModuleInterop": true,
|
||||
"skipLibCheck": true,
|
||||
"experimentalDecorators": true
|
||||
},
|
||||
"include": ["src/**/*"]
|
||||
}
|
||||
Reference in New Issue
Block a user