From 7f0eea3cfe96b8b10df2c8a64e0e33de0f44c8b2 Mon Sep 17 00:00:00 2001 From: Kasper Date: Thu, 8 Oct 2026 17:26:43 +0200 Subject: [PATCH 1/3] feat: sett opp frontend med hovedside for Tapsailor MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Setter opp Vite, React og TypeScript i client/ med Prettier og oxlint. Hovedside: - Header med burgermeny, hjelpeboble og navigasjon - Fremhevet sted med Forrige/Neste og kompass-lenke til nettsiden - Forslagsliste med Vis mer og Vis mindre - Åpent (grønt) og Stengt (rødt) ut fra åpningstid Data hentes via fetchPlaces() med mockdata, så den kan byttes ut med GraphQL-backenden senere. --- client/.gitignore | 24 + client/.oxlintrc.json | 8 + client/.prettierignore | 2 + client/.prettierrc | 4 + client/README.md | 32 + client/index.html | 13 + client/package-lock.json | 1312 +++++++++++++++++ client/package.json | 28 + client/public/favicon.svg | 1 + client/public/icons.svg | 24 + client/src/.fuse_hidden0000000c00000001 | 68 + client/src/.fuse_hidden0000000f00000002 | 67 + client/src/App.css | 583 ++++++++ client/src/App.tsx | 87 ++ client/src/api/places.ts | 24 + client/src/assets/hero.png | Bin 0 -> 13057 bytes client/src/assets/react.svg | 1 + client/src/assets/vite.svg | 1 + .../components/.fuse_hidden0000000d00000001 | 111 ++ .../components/.fuse_hidden0000001200000003 | 67 + client/src/components/FeaturedPlace.tsx | 106 ++ client/src/components/MainNav.tsx | 92 ++ client/src/components/OpeningStatus.tsx | 22 + client/src/components/PlaceImage.tsx | 34 + client/src/components/PlaceList.tsx | 93 ++ client/src/components/ShipIcon.tsx | 20 + client/src/components/SiteHeader.tsx | 97 ++ client/src/data/mockPlaces.ts | 299 ++++ client/src/hooks/.fuse_hidden0000000d00000001 | 60 + client/src/hooks/useNow.ts | 13 + client/src/hooks/usePlaces.ts | 67 + client/src/index.css | 62 + client/src/main.tsx | 10 + client/src/types/place.ts | 24 + client/src/utils/openingHours.ts | 29 + client/tsconfig.app.json | 26 + client/tsconfig.json | 7 + client/tsconfig.node.json | 23 + client/vite.config.ts | 7 + 39 files changed, 3548 insertions(+) create mode 100644 client/.gitignore create mode 100644 client/.oxlintrc.json create mode 100644 client/.prettierignore create mode 100644 client/.prettierrc create mode 100644 client/README.md create mode 100644 client/index.html create mode 100644 client/package-lock.json create mode 100644 client/package.json create mode 100644 client/public/favicon.svg create mode 100644 client/public/icons.svg create mode 100644 client/src/.fuse_hidden0000000c00000001 create mode 100644 client/src/.fuse_hidden0000000f00000002 create mode 100644 client/src/App.css create mode 100644 client/src/App.tsx create mode 100644 client/src/api/places.ts create mode 100644 client/src/assets/hero.png create mode 100644 client/src/assets/react.svg create mode 100644 client/src/assets/vite.svg create mode 100644 client/src/components/.fuse_hidden0000000d00000001 create mode 100644 client/src/components/.fuse_hidden0000001200000003 create mode 100644 client/src/components/FeaturedPlace.tsx create mode 100644 client/src/components/MainNav.tsx create mode 100644 client/src/components/OpeningStatus.tsx create mode 100644 client/src/components/PlaceImage.tsx create mode 100644 client/src/components/PlaceList.tsx create mode 100644 client/src/components/ShipIcon.tsx create mode 100644 client/src/components/SiteHeader.tsx create mode 100644 client/src/data/mockPlaces.ts create mode 100644 client/src/hooks/.fuse_hidden0000000d00000001 create mode 100644 client/src/hooks/useNow.ts create mode 100644 client/src/hooks/usePlaces.ts create mode 100644 client/src/index.css create mode 100644 client/src/main.tsx create mode 100644 client/src/types/place.ts create mode 100644 client/src/utils/openingHours.ts create mode 100644 client/tsconfig.app.json create mode 100644 client/tsconfig.json create mode 100644 client/tsconfig.node.json create mode 100644 client/vite.config.ts diff --git a/client/.gitignore b/client/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/client/.gitignore @@ -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? diff --git a/client/.oxlintrc.json b/client/.oxlintrc.json new file mode 100644 index 0000000..6fa991d --- /dev/null +++ b/client/.oxlintrc.json @@ -0,0 +1,8 @@ +{ + "$schema": "./node_modules/oxlint/configuration_schema.json", + "plugins": ["react", "typescript", "oxc"], + "rules": { + "react/rules-of-hooks": "error", + "react/only-export-components": ["warn", { "allowConstantExport": true }] + } +} diff --git a/client/.prettierignore b/client/.prettierignore new file mode 100644 index 0000000..de4d1f0 --- /dev/null +++ b/client/.prettierignore @@ -0,0 +1,2 @@ +dist +node_modules diff --git a/client/.prettierrc b/client/.prettierrc new file mode 100644 index 0000000..b2095be --- /dev/null +++ b/client/.prettierrc @@ -0,0 +1,4 @@ +{ + "semi": false, + "singleQuote": true +} diff --git a/client/README.md b/client/README.md new file mode 100644 index 0000000..d6af7e3 --- /dev/null +++ b/client/README.md @@ -0,0 +1,32 @@ +# React + TypeScript + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some Oxlint 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 Oxlint configuration + +If you are developing a production application, we recommend enabling type-aware lint rules by installing `oxlint-tsgolint` and editing `.oxlintrc.json`: + +```json +{ + "$schema": "./node_modules/oxlint/configuration_schema.json", + "plugins": ["react", "typescript", "oxc"], + "options": { + "typeAware": true + }, + "rules": { + "react/rules-of-hooks": "error", + "react/only-export-components": ["warn", { "allowConstantExport": true }] + } +} +``` + +See the [Oxlint rules documentation](https://oxc.rs/docs/guide/usage/linter/rules) for the full list of rules and categories. diff --git a/client/index.html b/client/index.html new file mode 100644 index 0000000..ea3d200 --- /dev/null +++ b/client/index.html @@ -0,0 +1,13 @@ + + + + + + + Tapsailor + + +
+ + + diff --git a/client/package-lock.json b/client/package-lock.json new file mode 100644 index 0000000..0de38b7 --- /dev/null +++ b/client/package-lock.json @@ -0,0 +1,1312 @@ +{ + "name": "tapfinder-client", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "tapfinder-client", + "version": "0.0.0", + "dependencies": { + "react": "^19.2.8", + "react-dom": "^19.2.8" + }, + "devDependencies": { + "@types/node": "^24.13.3", + "@types/react": "^19.2.18", + "@types/react-dom": "^19.2.7", + "@vitejs/plugin-react": "^6.1.1", + "oxlint": "^1.81.0", + "prettier": "^3.9.9", + "typescript": "~6.0.2", + "vite": "^8.3.0" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.153.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.153.0.tgz", + "integrity": "sha512-jSNrRIyvPVLL5E1z/tS5zLAprosGz/FuI1PWwEOz59j3E4TTTzSpqKb/RDGqJhhW0QHYISGXxq582wGx6T11Tw==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/oxc-project" + } + }, + "node_modules/@oxlint/binding-android-arm-eabi": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-android-arm-eabi/-/binding-android-arm-eabi-1.87.0.tgz", + "integrity": "sha512-22tVIHlB9898OYsBKmYB6He1MCSqdTmK1BVWuSNUTVrpS0KWNege+U9uEYqGJ+KatQag0r/oU44i3OOs46z7HQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-android-arm64": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-android-arm64/-/binding-android-arm64-1.87.0.tgz", + "integrity": "sha512-JfZQ3MWf74n8ov0DojZpkOduIubYJvZL5tbTMMhDutsal6u1xH1QuNpN+lK+EQwF8AeAfgwTR2fgh5U2br27XA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-darwin-arm64": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-darwin-arm64/-/binding-darwin-arm64-1.87.0.tgz", + "integrity": "sha512-rkx6Xvvw93z2GImVOyvbZwAZcoY0Z6MJW177XNsSB+i/CBsH7ANyelTp01VZyIkM3iSXtqKVb4+ptBgPHap5pQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-darwin-x64": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-darwin-x64/-/binding-darwin-x64-1.87.0.tgz", + "integrity": "sha512-cw5nYw7L/pQ2SgGBgOcg/Qo89llQre3vIc/kuBLhSICzu1r5s8L76H3ug6AIFsD98WpROj8/z5JVzkf4daxHaQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-freebsd-x64": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-freebsd-x64/-/binding-freebsd-x64-1.87.0.tgz", + "integrity": "sha512-x/SuznE6loRZK9gz9AS4ZmzNzSu+5KdeoCS+sVHhnrE8HM6AD8UyTjwldQTTqlXGvkwHASgB0NiTNOc3o3PdAg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-arm-gnueabihf": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.87.0.tgz", + "integrity": "sha512-+JEDmCAXiiFmKhAjZhgAOwaHWY6WENOQ5QA+lFuY59tgsUCDOTRi46B+lENK6CWvtxsXpwkZXNOgpjAQcpIpnA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-arm-musleabihf": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-1.87.0.tgz", + "integrity": "sha512-/uC9XqXLAC9AHFLNycwmSQEvKqGrOCgU+uXALI7gNW0DG81TJ/3T2eHnKdRvcb5R1gFEfjxDwI4e4zIa29rICQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-arm64-gnu": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.87.0.tgz", + "integrity": "sha512-FTRYPsBy/M728vnUv7l+KAwSAa3Qi4BQbhVvy7NYuMTZ0sUa/OWsbMx79HVFw6u/5KWcaYayDsoOiv7xbevzDg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-arm64-musl": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.87.0.tgz", + "integrity": "sha512-6sC+N7IY0h1egd8SrYUGNN7CUyKJZ4bIZakKa7V7hfinf4jfi8Kq4+klJvFp5DqXcwMn44I5MeBwmJluO1odFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-ppc64-gnu": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.87.0.tgz", + "integrity": "sha512-d5Mnn+ICbhoJPi37Ccjy+86T5qfH2+mSTrTMBXNPfB+wqSWOayBBLLIrCXdUy1YssluCVdGkl+DO9w5r5ODmUA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-riscv64-gnu": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-1.87.0.tgz", + "integrity": "sha512-sf5YWuUo1Dx9loqWCgF8P278MycfcD4JHjDC/LV5j11L3Lqa4PFiwCjD6B8kP4AjsgZZkLn3xbpJEtZBaccs4Q==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-riscv64-musl": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-1.87.0.tgz", + "integrity": "sha512-+aCraYbmK3uU3P0rFojjeaK9pGY6JvBDXh/0CM+gPyWKmNmXmnFe0qj4qj02U4ibFpbd9Pa9CmDvIdjJUd29rA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-s390x-gnu": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.87.0.tgz", + "integrity": "sha512-7rzbZQIljo6VLWVPqUyLa2P/WV3VFsJB4M52R4NCUJn1A50yjtUsHxiMHFL9opEKGFIiTbZ3VQzmtcJOPUq4NQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-x64-gnu": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.87.0.tgz", + "integrity": "sha512-Dry46Fa+AXE/xt9J/YriujU1pU9mzfNWHGQwtOYibAFH8HLrKWCi93AhIGnuUMiwn2JbuBkRyz51f50Ly4r4ow==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-linux-x64-musl": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-linux-x64-musl/-/binding-linux-x64-musl-1.87.0.tgz", + "integrity": "sha512-f/HMZez74gJvnRpGz+b5sdGyWrEgRLmFTXg9sNoqjPWogGxYHUhXKTKyMiYsu9rUGR2ciYqL3fk+Ua4JhMJbRA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-openharmony-arm64": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-openharmony-arm64/-/binding-openharmony-arm64-1.87.0.tgz", + "integrity": "sha512-lEC6ZfPZm/07JlB7FsOWX9o1RiHlXiBW594LSUGuXmekC8LZmvUPP9XzE2WZcNxJi5cHA/Fw56o02c3JxgMA5g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-win32-arm64-msvc": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.87.0.tgz", + "integrity": "sha512-afBWKOD36dUiA9AenaiWpCg8xfyUVPYznyAAVXu413brK4RA5UI/Xoc4yfeGIT8G1a44MV+JR7hioryerBDzGQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-win32-ia32-msvc": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-1.87.0.tgz", + "integrity": "sha512-daptNsEOuru4/nJTxV4DBHNJ5GepzmaBVQf+jjgKQGi9NRlZKik+RFq4hUL7ewsF1pwjKM+SkYaMbF82UwFGnw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxlint/binding-win32-x64-msvc": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/@oxlint/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.87.0.tgz", + "integrity": "sha512-k+m/EShyXE29J/r1fjk0HlAzhN5JhIvj044oSJkXTEkCLrWZQgXb/3r4q5LTw/eaKW/4GuMXG2xmiJs3s5rPNw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-android-arm-eabi": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.13.tgz", + "integrity": "sha512-Vu/NICrgdRvUOeaJZIyB2FP63s6fO/4ud5l8dXmxDx9yDyn+mN0y+gsvsVviSli+T361Aqo0h46EuMoobrwawA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.13.tgz", + "integrity": "sha512-6LEoIrGy5vvCd2boNnv2soPSUZj/PRvhp8R/t9KlX+mIZxThIE/ZqxrGXxmuNX0FuvQFvLdZr7S4HrYpYBVhEQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.13.tgz", + "integrity": "sha512-CaJSRzlQ6Q+zkDMVA9OkVxBjVoPRCDEE3v0FSJ9kIQBgRjFApA3Si4ijhbNVUji7ZJt+PfO0e46qy4nPInHUPA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.13.tgz", + "integrity": "sha512-e4r340I5hxSzJkD3YJBxgzq/rJ3wwxwdLLb2FPt1Zpyem20nrQPT11DDEEkazwxaHumH8wpglsp/Ozgj/wT6mw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.13.tgz", + "integrity": "sha512-hoBWDZ4/K/mJKVMbsgUd1jfpA2DiOrJ54mpegObU9TBHBBrtX4FLIXJJQRDPZ/2Dn91GvPob+Z2hwKJzf4E5SQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.13.tgz", + "integrity": "sha512-oF9fZu3vTWnTiVAkDFxU9PJLt1nh20K9RRpuHsR7ZnE2L7XookBbDBVLojCVSLGbvtSlxeUNnjAj6DbNsKyzbg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.13.tgz", + "integrity": "sha512-DTpb/+jMiqWMPgphn4ksW1zW+XLJ6dJJ9FMvnIk9I291LhCctMPhMYJrP5t9p6C9qa3KXadDdUEZHBaPh3kNxQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.13.tgz", + "integrity": "sha512-xU+Kvv9N2A3SY35zFh1FWWNjxbadE/BKeqnkXe7vScU4GZsw757BlVmDLITZEq8DPpk6m7uoDYkK7P+x/uU5Ow==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.13.tgz", + "integrity": "sha512-XMk/hnhh25oQ756Lclb1Q11h4ll0xC0Esa5w4Vzp+mAE2S3AGJgeM0SonrIgY8fHhjarb6hcoTuwoFG0VVP2ig==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.13.tgz", + "integrity": "sha512-U1BoTHYmlywE2n3HUWjzZ+8EQsKr+OwpxYuDWaubx42tUL8QSL7nOqRz/NVHanibbFP3M1Rxuprz/wNcbMKjqw==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.13.tgz", + "integrity": "sha512-J4cm80Pc6wEwV5AZ42o62sIQgDk+Y7R2s646jIwuvO+4V46QB58N4vVuMPWCBaNgursXLpmUWJV//WQAkPvHBQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.13.tgz", + "integrity": "sha512-W0euZS40U4V6JkmEnVCIX9mcsL6cbXQ4X8c2w+MMOIjFg68TXUW+u3RT+2e1t1pv9mg/EP3pDtK3POXdQ7Rxyw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.13.tgz", + "integrity": "sha512-do/AF/4n9MRshia3a5aXoy8xM2c6mgfT6D7H/dY6my5z+hfCIR4ab7mk4IRj++nsEQpKy39kd0DQnDq+r692tw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.13.tgz", + "integrity": "sha512-6FtUf2cJZobutJdxnGYX8z0vtbgqU0b2v8vfBhkXb9wp2MppMFtkunE+IaOntyi01rkIQoPW2GHABtfzsC0BRQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.13.tgz", + "integrity": "sha512-UKhFaZTeTcbKrb3iU82m17jVcPEAoqDkCN5MBqgPyZSwp/cQmib21crTS0DdH7T1B7wZRWEI89YQAOJMet5yhg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/node": { + "version": "24.19.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-24.19.1.tgz", + "integrity": "sha512-aS3/DG0oM05K0RIXXP+hKjinGG5IgSSVGzswZxW3O0sS3pH4/fycXundUC9XsszgKCk4gHXylTEK6hyFxVxnoQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "undici-types": ">=7.24.0 <7.24.7" + } + }, + "node_modules/@types/react": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.3.0.tgz", + "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.3.0.tgz", + "integrity": "sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.3.0" + } + }, + "node_modules/@vitejs/plugin-react": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.1.2.tgz", + "integrity": "sha512-fhJNGUdscQa4HkI0xFxwonWyhnVReCPDbXI7FH7jmzpnVCrFQI7PRrhWecO263610vOrs9tr2Y4xcf8uAdFxbw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@rolldown/pluginutils": "^1.0.1" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "peerDependencies": { + "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0", + "babel-plugin-react-compiler": "^1.0.0", + "oxc-transform-react": "^0.152.0", + "vite": "^8.0.0" + }, + "peerDependenciesMeta": { + "@rolldown/plugin-babel": { + "optional": true + }, + "babel-plugin-react-compiler": { + "optional": true + }, + "oxc-transform-react": { + "optional": true + } + } + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/lightningcss": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz", + "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.33.0", + "lightningcss-darwin-arm64": "1.33.0", + "lightningcss-darwin-x64": "1.33.0", + "lightningcss-freebsd-x64": "1.33.0", + "lightningcss-linux-arm-gnueabihf": "1.33.0", + "lightningcss-linux-arm64-gnu": "1.33.0", + "lightningcss-linux-arm64-musl": "1.33.0", + "lightningcss-linux-x64-gnu": "1.33.0", + "lightningcss-linux-x64-musl": "1.33.0", + "lightningcss-win32-arm64-msvc": "1.33.0", + "lightningcss-win32-x64-msvc": "1.33.0" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz", + "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz", + "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz", + "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz", + "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz", + "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz", + "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz", + "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz", + "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz", + "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz", + "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz", + "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/nanoid": { + "version": "3.3.20", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.20.tgz", + "integrity": "sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/oxlint": { + "version": "1.87.0", + "resolved": "https://registry.npmjs.org/oxlint/-/oxlint-1.87.0.tgz", + "integrity": "sha512-drxVlaW7Oqq7wSy1CN25znRu00aRq8n57Q2wniJRxCmtYVz07ufCm7EVDPQFZURrTgQIjzKrVEHAD/HcvJXObg==", + "dev": true, + "license": "MIT", + "bin": { + "oxlint": "bin/oxlint" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/sponsors/oxc-project" + }, + "optionalDependencies": { + "@oxlint/binding-android-arm-eabi": "1.87.0", + "@oxlint/binding-android-arm64": "1.87.0", + "@oxlint/binding-darwin-arm64": "1.87.0", + "@oxlint/binding-darwin-x64": "1.87.0", + "@oxlint/binding-freebsd-x64": "1.87.0", + "@oxlint/binding-linux-arm-gnueabihf": "1.87.0", + "@oxlint/binding-linux-arm-musleabihf": "1.87.0", + "@oxlint/binding-linux-arm64-gnu": "1.87.0", + "@oxlint/binding-linux-arm64-musl": "1.87.0", + "@oxlint/binding-linux-ppc64-gnu": "1.87.0", + "@oxlint/binding-linux-riscv64-gnu": "1.87.0", + "@oxlint/binding-linux-riscv64-musl": "1.87.0", + "@oxlint/binding-linux-s390x-gnu": "1.87.0", + "@oxlint/binding-linux-x64-gnu": "1.87.0", + "@oxlint/binding-linux-x64-musl": "1.87.0", + "@oxlint/binding-openharmony-arm64": "1.87.0", + "@oxlint/binding-win32-arm64-msvc": "1.87.0", + "@oxlint/binding-win32-ia32-msvc": "1.87.0", + "@oxlint/binding-win32-x64-msvc": "1.87.0" + }, + "peerDependencies": { + "oxlint-tsgolint": ">=7.0.2003", + "vite-plus": "*" + }, + "peerDependenciesMeta": { + "oxlint-tsgolint": { + "optional": true + }, + "vite-plus": { + "optional": true + } + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz", + "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.29", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.29.tgz", + "integrity": "sha512-49cGhUbXj8Qenv0iTMxA1cFBzxXoctpC9Ujd77t1WcbJIr6nF/eI7g/8MgxrYldFRuAXvja7xQRwavoW7kgrxQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.19", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/prettier": { + "version": "3.9.9", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.9.tgz", + "integrity": "sha512-Z/CJHIkdujO/OtN7nXUii0Rf3VT5SRuhjBA82Xvu2XhBUgX3nhP67T0LHceBdQLex7OOFGTox+Q5Yg8Jk2Qivg==", + "dev": true, + "license": "MIT", + "bin": { + "prettier": "bin/prettier.cjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "node_modules/react": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/react/-/react-19.3.0.tgz", + "integrity": "sha512-E8LUcbtBWt20bbl2YoHfx4ZDBdxVTfOKtCZn9cDSJ4l6/nuoApcpIBcj47t2wZoVX8g2ZHuMHbiShgCR1T5Sog==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.3.0.tgz", + "integrity": "sha512-JDk8dgif51OjFoDE70+OT9ICyYr+69HlmihNwp1+Nsfbna3t5sIiCa9ZJktDmQ4/1b/rn26hIAR2uYXDMr5r0Q==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.28.0" + }, + "peerDependencies": { + "react": "^19.3.0" + } + }, + "node_modules/rolldown": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.13.tgz", + "integrity": "sha512-/5apOkwWxtACcQtZ5WlrAsKS4JwXVThQPJZ3RqIruRY9UG9M8e0VlXN068xum/JRKA4aIUoJ13ghe/kGCvidiQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.153.0", + "@rolldown/pluginutils": "^1.0.0" + }, + "bin": { + "rolldown": "bin/cli.mjs" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@rolldown/binding-android-arm-eabi": "1.2.13", + "@rolldown/binding-android-arm64": "1.2.13", + "@rolldown/binding-darwin-arm64": "1.2.13", + "@rolldown/binding-darwin-x64": "1.2.13", + "@rolldown/binding-freebsd-x64": "1.2.13", + "@rolldown/binding-linux-arm-gnueabihf": "1.2.13", + "@rolldown/binding-linux-arm64-gnu": "1.2.13", + "@rolldown/binding-linux-arm64-musl": "1.2.13", + "@rolldown/binding-linux-ppc64-gnu": "1.2.13", + "@rolldown/binding-linux-s390x-gnu": "1.2.13", + "@rolldown/binding-linux-x64-gnu": "1.2.13", + "@rolldown/binding-linux-x64-musl": "1.2.13", + "@rolldown/binding-openharmony-arm64": "1.2.13", + "@rolldown/binding-win32-arm64-msvc": "1.2.13", + "@rolldown/binding-win32-x64-msvc": "1.2.13" + } + }, + "node_modules/scheduler": { + "version": "0.28.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.28.0.tgz", + "integrity": "sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==", + "license": "MIT" + }, + "node_modules/source-map-js": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.2.tgz", + "integrity": "sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/typescript": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz", + "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/undici-types": { + "version": "7.24.6", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz", + "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==", + "dev": true, + "license": "MIT" + }, + "node_modules/vite": { + "version": "8.3.4", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.3.4.tgz", + "integrity": "sha512-IftLE8phJhdNRIGNEV4JCCvfNScoZQVfcXaN8TQropWGJtOHcu+iAB9pHcuGvmEb/kddw0LBe/jS8ztdC6xdiQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "lightningcss": "^1.33.0", + "picomatch": "^4.0.7", + "postcss": "^8.5.29", + "rolldown": "~1.2.12", + "tinyglobby": "^0.2.17" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.7.1", + "esbuild": "^0.27.0 || ^0.28.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "@vitejs/devtools": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + } + } +} diff --git a/client/package.json b/client/package.json new file mode 100644 index 0000000..a0215b9 --- /dev/null +++ b/client/package.json @@ -0,0 +1,28 @@ +{ + "name": "tapfinder-client", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc -b && vite build", + "lint": "oxlint", + "preview": "vite preview", + "format": "prettier --write .", + "format:check": "prettier --check ." + }, + "dependencies": { + "react": "^19.2.8", + "react-dom": "^19.2.8" + }, + "devDependencies": { + "@types/node": "^24.13.3", + "@types/react": "^19.2.18", + "@types/react-dom": "^19.2.7", + "@vitejs/plugin-react": "^6.1.1", + "oxlint": "^1.81.0", + "prettier": "^3.9.9", + "typescript": "~6.0.2", + "vite": "^8.3.0" + } +} diff --git a/client/public/favicon.svg b/client/public/favicon.svg new file mode 100644 index 0000000..6893eb1 --- /dev/null +++ b/client/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/client/public/icons.svg b/client/public/icons.svg new file mode 100644 index 0000000..e952219 --- /dev/null +++ b/client/public/icons.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/.fuse_hidden0000000c00000001 b/client/src/.fuse_hidden0000000c00000001 new file mode 100644 index 0000000..cf183d1 --- /dev/null +++ b/client/src/.fuse_hidden0000000c00000001 @@ -0,0 +1,68 @@ +import { useState } from 'react' +import './App.css' +import { FeaturedPlace } from './components/FeaturedPlace' +import { PlaceList } from './components/PlaceList' +import { SiteHeader } from './components/SiteHeader' +import { PAGE_SIZE, usePlaces } from './hooks/usePlaces' +import type { Place } from './types/place' + +function App() { + const { places, totalCount, status, hasMore, loadMore } = usePlaces() + + // Trekkes én gang per sidelasting, slik at det fremhevede stedet er tilfeldig. + const [startFraction] = useState(Math.random) + const [selectedId, setSelectedId] = useState(null) + + const featured: Place | undefined = + places.find((place) => place.id === selectedId) ?? + places[Math.floor(startFraction * Math.min(places.length, PAGE_SIZE))] + + const select = (placeId: string) => { + setSelectedId(placeId) + // På smale skjermer ligger det fremhevede stedet over listen. + document.getElementById('featured')?.scrollIntoView({ block: 'nearest' }) + } + + /** Blar til forrige (-1) eller neste (1) sted, og starter om i endene. */ + const step = (direction: -1 | 1) => { + if (!featured) return + const index = places.indexOf(featured) + select(places[(index + direction + places.length) % places.length].id) + } + + return ( + <> + +
+ {status === 'loading' &&

Laster steder …

} + {status === 'error' && ( +

+ Kunne ikke hente steder. Prøv å laste siden på nytt. +

+ )} + + {featured && ( + <> + step(-1)} + onNext={() => step(1)} + /> + + + )} +
+ + ) +} + +export default App diff --git a/client/src/.fuse_hidden0000000f00000002 b/client/src/.fuse_hidden0000000f00000002 new file mode 100644 index 0000000..ed5b9cc --- /dev/null +++ b/client/src/.fuse_hidden0000000f00000002 @@ -0,0 +1,67 @@ +import { useState } from 'react' +import './App.css' +import { FeaturedPlace } from './components/FeaturedPlace' +import { PlaceList } from './components/PlaceList' +import { SiteHeader } from './components/SiteHeader' +import { INITIAL_COUNT, usePlaces } from './hooks/usePlaces' +import type { Place } from './types/place' + +function App() { + const { places, totalCount, status, hasMore, loadMore } = usePlaces() + + // Trekkes én gang per sidelasting, slik at det fremhevede stedet er tilfeldig. + const [startFraction] = useState(Math.random) + const [selectedId, setSelectedId] = useState(null) + + const featured: Place | undefined = + places.find((place) => place.id === selectedId) ?? + places[Math.floor(startFraction * Math.min(places.length, INITIAL_COUNT))] + + const select = (placeId: string) => { + setSelectedId(placeId) + // På smale skjermer ligger det fremhevede stedet over listen. + document.getElementById('featured')?.scrollIntoView({ block: 'nearest' }) + } + + /** Blar til forrige (-1) eller neste (1) sted, og starter om i endene. */ + const step = (direction: -1 | 1) => { + if (!featured) return + const index = places.indexOf(featured) + select(places[(index + direction + places.length) % places.length].id) + } + + return ( + <> + +
+ {status === 'loading' &&

Laster steder …

} + {status === 'error' && ( +

+ Kunne ikke hente steder. Prøv å laste siden på nytt. +

+ )} + + {featured && ( + <> + step(-1)} + onNext={() => step(1)} + /> + place.id !== featured.id)} + loadedCount={places.length} + totalCount={totalCount} + hasMore={hasMore} + isLoadingMore={status === 'loadingMore'} + onSelect={select} + onLoadMore={loadMore} + /> + + )} +
+ + ) +} + +export default App diff --git a/client/src/App.css b/client/src/App.css new file mode 100644 index 0000000..3f5c2af --- /dev/null +++ b/client/src/App.css @@ -0,0 +1,583 @@ +/* ---------- Header ---------- */ + +.site-header { + position: relative; + padding: 1rem 1rem 2.75rem; + background: linear-gradient(var(--navy-900), #0d2d54); + color: var(--eggshell); +} + +.site-header :focus-visible { + outline-color: var(--blue-100); +} + +/* Bølgekant mot eggeskall-bakgrunnen. Fargen må være skrevet inn i SVG-en. */ +.site-header::after { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + height: 1.25rem; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 20'%3E%3Cpath fill='%23f6f2e7' d='M0 20v-8q12-8 24 0t24 0 24 0 24 0v8Z'/%3E%3C/svg%3E") + repeat-x bottom / 6rem 1.25rem; +} + +/* Sidemargen holder tittelen unna hjørneknappene. */ +.site-title { + padding-inline: 3.25rem; + text-align: center; +} + +.site-title h1 { + margin: 0; + font-size: clamp(2rem, 5vw, 3rem); + line-height: 1.1; +} + +/* Tagline med tynne streker på hver side. */ +.site-title p { + display: flex; + align-items: center; + justify-content: center; + gap: 0.75rem; + margin: 0.25rem 0 0; + color: var(--blue-100); + font-size: clamp(1rem, 2.5vw, 1.25rem); +} + +.site-title p::before, +.site-title p::after { + content: ''; + width: clamp(1rem, 6vw, 3rem); + height: 1px; + background: var(--blue-300); + opacity: 0.7; +} + +.ship-icon { + width: 1.1em; + height: 1.02em; + vertical-align: -0.1em; + color: var(--blue-300); +} + +/* Måker som flyr over havet. Vises bare når det er plass på sidene. */ +.gulls { + display: none; + position: absolute; + top: 0.75rem; + width: 5rem; + height: 2.3rem; + color: var(--blue-300); + opacity: 0.5; + pointer-events: none; +} + +.gulls-left { + left: calc(50% - 21rem); +} + +.gulls-right { + right: calc(50% - 21rem); +} + +@media (min-width: 56rem) { + .gulls { + display: block; + } +} + +/* Knappene sitter helt oppe i hvert sitt hjørne av siden. */ +.icon-button { + display: grid; + position: absolute; + top: 0.5rem; + place-items: center; + width: 2.75rem; + height: 2.75rem; + padding: 0; + border: 2px solid var(--blue-300); + border-radius: 50%; + background: transparent; + color: var(--eggshell); + font: inherit; + font-weight: 700; + cursor: pointer; + transition: + background 0.15s, + color 0.15s, + transform 0.15s; +} + +.menu-button { + left: 0.5rem; +} + +.help-button { + right: 0.5rem; +} + +.icon-button svg { + width: 1.4rem; + height: 1.4rem; +} + +.icon-button:hover { + background: var(--blue-300); + color: var(--navy-900); + transform: scale(1.08); +} + +.icon-button:active { + transform: scale(1); +} + +/* Tekstboble som åpnes av «?»-knappen. */ +.help-popover { + position: fixed; + inset: 3.9rem 0.5rem auto auto; + max-width: min(24rem, calc(100vw - 1rem)); + margin: 0; + padding: 1rem 1.25rem; + overflow: visible; + border: 2px solid var(--navy-900); + border-radius: 1rem; + background: var(--surface); + color: var(--text); + box-shadow: 0 0.75rem 2rem rgb(10 34 64 / 0.3); +} + +.help-popover::before { + content: ''; + position: absolute; + top: -0.6rem; + right: 0.85rem; + width: 1rem; + height: 1rem; + border: solid var(--navy-900); + border-width: 2px 0 0 2px; + background: var(--surface); + transform: rotate(45deg); +} + +.help-popover h2 { + margin: 0 0 0.5rem; + font-size: 1.1rem; +} + +.help-popover p { + margin: 0; +} + +/* ---------- Navigasjon ---------- */ + +.main-nav ul { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); + gap: 0.5rem; + max-width: 52rem; + margin: 1rem auto 0; + padding: 0; + list-style: none; +} + +.main-nav a { + display: flex; + align-items: center; + justify-content: center; + gap: 0.45rem; + padding: 0.6rem 0.75rem; + border-radius: 0.6rem; + background: var(--navy-700); + color: var(--eggshell); + font-weight: 600; + text-decoration: none; + transition: + background 0.15s, + color 0.15s, + transform 0.15s; +} + +.nav-icon { + flex: none; + width: 1.2rem; + height: 1.2rem; +} + +.main-nav a:hover { + background: var(--blue-300); + color: var(--navy-900); + transform: translateY(-2px); +} + +/* Siden vi står på: lys «dekk»-markering. */ +.main-nav a[aria-current='page'] { + background: var(--eggshell); + color: var(--navy-900); + box-shadow: inset 0 -3px 0 var(--blue-300); +} + +.main-nav a[aria-current='page']:hover { + background: var(--blue-100); +} + +/* ---------- Innhold ---------- */ + +.page { + display: grid; + gap: 2rem; + max-width: 72rem; + margin: 0 auto; + padding: 1.5rem 1rem 3rem; +} + +@media (min-width: 56rem) { + .page { + grid-template-columns: minmax(0, 26rem) minmax(0, 1fr); + align-items: start; + } +} + +/* + * På brede skjermer er boksen like høy som vinduet, og bildet tar all ledig + * plass. Størrelsen er den samme hele tiden: man blar ned til den, og så + * følger den med nedover mens man blar i listen. + */ +@media (min-width: 56rem) { + .featured { + position: sticky; + top: 1rem; + /* Bildet får all ledig plass, men aldri mindre enn dette. */ + grid-template-rows: auto minmax(max(9rem, 24vh), 1fr) auto auto auto auto; + height: calc(100vh - 2rem); + /* Boksen skrumpes aldri: i lave vinduer er den like høy som innholdet. */ + min-height: min-content; + } + + /* Dobbel klasse, så regelen vinner over standardstilen lenger ned. */ + .featured .featured-figure { + aspect-ratio: auto; + max-height: none; + } +} + +/* ---------- Knapper ---------- */ + +.button { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0.65rem 1.1rem; + border: 2px solid var(--navy-900); + border-radius: 0.6rem; + background: var(--navy-900); + color: var(--eggshell); + font: inherit; + font-weight: 600; + text-decoration: none; + cursor: pointer; + transition: + background 0.15s, + color 0.15s, + transform 0.15s, + box-shadow 0.15s; +} + +.button:hover:not(:disabled) { + background: var(--blue-300); + color: var(--navy-900); + transform: translateY(-2px); + box-shadow: 0 0.35rem 0.75rem rgb(10 34 64 / 0.2); +} + +.button:active:not(:disabled) { + transform: translateY(0); + box-shadow: none; +} + +.button:disabled { + opacity: 0.6; + cursor: progress; +} + +.button-outline { + background: transparent; + color: var(--navy-900); +} + +.button-outline:hover:not(:disabled) { + background: var(--navy-900); + color: var(--eggshell); +} + +/* ---------- Fremhevet sted ---------- */ + +.featured { + display: grid; + gap: 0.6rem; + padding: 1rem; + border: 1px solid var(--blue-100); + border-radius: 1rem; + background: var(--surface); + box-shadow: 0 0.5rem 1.5rem rgb(10 34 64 / 0.1); +} + +.featured > p, +.featured h2 { + margin: 0; +} + +.featured-header { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.6rem; + padding-bottom: 0.5rem; + border-bottom: 2px solid var(--blue-100); +} + +.featured-header h2 { + margin-right: auto; + font-size: 1.6rem; + line-height: 1.2; +} + +/* Lite kompass som lenker til stedets nettside. */ +.visit-link { + display: grid; + flex: none; + place-items: center; + width: 2rem; + height: 2rem; + border: 2px solid var(--navy-900); + border-radius: 50%; + color: var(--navy-900); + transition: + background 0.15s, + color 0.15s, + transform 0.15s; +} + +.visit-link svg { + width: 1.2rem; + height: 1.2rem; +} + +.visit-link:hover { + background: var(--navy-900); + color: var(--eggshell); + transform: scale(1.1); +} + +.featured .rating { + flex: none; + margin: 0; + padding: 0.25rem 0.7rem; + border-radius: 999px; + background: var(--blue-100); + font-weight: 700; +} + +.featured .rating small { + color: var(--muted); + font-weight: 400; +} + +.featured-figure { + position: relative; + width: 100%; + margin: 0; + overflow: hidden; + border-radius: 0.75rem; + aspect-ratio: 16 / 10; + /* Bildet krymper på lave vinduer, så hele boksen er synlig. */ + max-height: max(7rem, 24vh); +} + +.type-badge { + position: absolute; + bottom: 0.75rem; + left: 0.75rem; + padding: 0.2rem 0.7rem; + border-radius: 0.4rem; + background: var(--navy-900); + color: var(--eggshell); + font-size: 0.9rem; + font-weight: 600; +} + +.place-image { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} + +.ph-sky { + fill: var(--blue-100); +} + +.ph-sun { + fill: var(--eggshell); +} + +.ph-house { + fill: var(--navy-700); +} + +.ph-door { + fill: var(--eggshell); +} + +.ph-water { + fill: var(--blue-300); +} + +.facts { + display: grid; + grid-template-columns: auto 1fr; + gap: 0.25rem 0.9rem; + margin: 0; +} + +.facts dt { + color: var(--muted); + font-weight: 600; +} + +.facts dd { + margin: 0; +} + +.tags { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; + margin: 0; + padding: 0; + list-style: none; +} + +.tags li { + padding: 0.15rem 0.7rem; + border-radius: 999px; + background: var(--blue-100); + font-size: 0.9rem; +} + +.featured-actions { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.75rem; +} + +.featured-actions .button { + padding-block: 0.5rem; +} + +/* ---------- Forslag ---------- */ + +.suggestions h2 { + margin: 0 0 1rem; + font-size: 1.4rem; +} + +.suggestion-list { + display: grid; + gap: 0.75rem; + margin: 0; + padding: 0; + list-style: none; +} + +.suggestion { + display: grid; + grid-template-columns: minmax(0, 1fr) 9rem; + align-items: center; + gap: 1rem; + width: 100%; + padding: 0.75rem; + border: 1px solid var(--blue-100); + border-radius: 0.8rem; + background: var(--surface); + color: var(--text); + font: inherit; + text-align: left; + cursor: pointer; + transition: + border-color 0.15s, + box-shadow 0.15s, + transform 0.15s; +} + +.suggestion:hover { + border-color: var(--navy-500); + box-shadow: 0 0.5rem 1rem rgb(10 34 64 / 0.15); + transform: translateY(-2px); +} + +.suggestion:active { + transform: translateY(0); +} + +.suggestion-text { + display: grid; + gap: 0.15rem; +} + +.suggestion-name { + font-size: 1.1rem; + font-weight: 700; +} + +.suggestion-meta { + color: var(--muted); +} + +.suggestion-hours { + font-weight: 600; +} + +.suggestion .place-image { + aspect-ratio: 4 / 3; + border-radius: 0.5rem; +} + +.suggestions-count { + margin: 1rem 0; + color: var(--muted); +} + +@media (max-width: 30rem) { + .suggestion { + grid-template-columns: minmax(0, 1fr) 6rem; + } +} + +/* Markerer stedet som vises som fremhevet. */ +.suggestion-active, +.suggestion-active:hover { + border-color: var(--navy-500); + box-shadow: 0 0 0 3px var(--navy-500); +} + +.list-actions { + display: flex; + flex-wrap: wrap; + gap: 0.75rem; +} + +/* ---------- Åpent / stengt ---------- */ + +.status { + font-weight: 700; +} + +.status-open { + color: var(--open); +} + +.status-closed { + color: var(--closed); +} diff --git a/client/src/App.tsx b/client/src/App.tsx new file mode 100644 index 0000000..922cfb1 --- /dev/null +++ b/client/src/App.tsx @@ -0,0 +1,87 @@ +import { useState } from 'react' +import './App.css' +import { FeaturedPlace } from './components/FeaturedPlace' +import { PlaceList } from './components/PlaceList' +import { SiteHeader } from './components/SiteHeader' +import { useNow } from './hooks/useNow' +import { PAGE_SIZE, usePlaces } from './hooks/usePlaces' +import type { Place } from './types/place' + +function App() { + const now = useNow() + const { + places, + totalCount, + status, + hasMore, + canShowLess, + loadMore, + showLess, + } = usePlaces() + + // Trekkes én gang per sidelasting, slik at det fremhevede stedet er tilfeldig. + const [startFraction] = useState(Math.random) + // Lagrer hele stedet, så det blir stående selv om «Vis mindre» fjerner det + // fra listen. + const [selected, setSelected] = useState(null) + + const featured: Place | undefined = + selected ?? + places[Math.floor(startFraction * Math.min(places.length, PAGE_SIZE))] + + /** Blar til forrige (-1) eller neste (1) sted, og starter om i endene. */ + const step = (direction: -1 | 1) => { + if (!featured) return + const index = places.findIndex((place) => place.id === featured.id) + + // Er stedet skjult av «Vis mindre», starter vi i enden av listen. + const next = + index === -1 + ? direction === 1 + ? 0 + : places.length - 1 + : (index + direction + places.length) % places.length + + setSelected(places[next]) + } + + return ( + <> + +
+ {status === 'loading' &&

Laster steder …

} + {status === 'error' && ( +

+ Kunne ikke hente steder. Prøv å laste siden på nytt. +

+ )} + + {featured && ( + <> + step(-1)} + onNext={() => step(1)} + /> + + + )} +
+ + ) +} + +export default App diff --git a/client/src/api/places.ts b/client/src/api/places.ts new file mode 100644 index 0000000..4583c1e --- /dev/null +++ b/client/src/api/places.ts @@ -0,0 +1,24 @@ +import { mockPlaces } from '../data/mockPlaces' +import type { PlacesPage } from '../types/place' + +/** Simulerer nettverksforsinkelse så lastetilstander kan sees i grensesnittet. */ +const LATENCY_MS = 200 + +/** + * Henter en side med utesteder. + * + * Dette er det eneste stedet appen henter data fra. Når GraphQL-backenden er + * klar, byttes innholdet her ut med et kall mot serveren (med samme signatur), + * og resten av appen trenger ikke endres. + */ +export async function fetchPlaces( + offset: number, + limit: number, +): Promise { + await new Promise((resolve) => setTimeout(resolve, LATENCY_MS)) + + return { + items: mockPlaces.slice(offset, offset + limit), + totalCount: mockPlaces.length, + } +} diff --git a/client/src/assets/hero.png b/client/src/assets/hero.png new file mode 100644 index 0000000000000000000000000000000000000000..02251f4b956c55af2d76fd0788124d7eee2b45eb GIT binary patch literal 13057 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 P00000NkvXXu0mjft=yBf literal 0 HcmV?d00001 diff --git a/client/src/assets/react.svg b/client/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/client/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/client/src/assets/vite.svg b/client/src/assets/vite.svg new file mode 100644 index 0000000..5101b67 --- /dev/null +++ b/client/src/assets/vite.svg @@ -0,0 +1 @@ +Vite diff --git a/client/src/components/.fuse_hidden0000000d00000001 b/client/src/components/.fuse_hidden0000000d00000001 new file mode 100644 index 0000000..b019d90 --- /dev/null +++ b/client/src/components/.fuse_hidden0000000d00000001 @@ -0,0 +1,111 @@ +import { MainNav } from './MainNav' + +function MenuIcon() { + return ( + + ) +} + +/** Siluett av en tremastet seilskute med råseil, fokk og vimpler. */ +function ShipIcon() { + return ( + + ) +} + +export function SiteHeader() { + return ( +
+ {/* Funksjonen til menyen kommer senere. */} + + + + + {/* Åpnes og lukkes av nettleserens innebygde popover-støtte. */} + + + {/* Dekor: noen måker over havet. */} + + +
+

+ Tapsailor +

+

Utforsk din neste reise

+
+ + +
+ ) +} diff --git a/client/src/components/.fuse_hidden0000001200000003 b/client/src/components/.fuse_hidden0000001200000003 new file mode 100644 index 0000000..c9d34af --- /dev/null +++ b/client/src/components/.fuse_hidden0000001200000003 @@ -0,0 +1,67 @@ +import type { Place } from '../types/place' +import { PlaceImage } from './PlaceImage' + +type PlaceListProps = { + places: Place[] + loadedCount: number + totalCount: number + hasMore: boolean + isLoadingMore: boolean + onSelect: (placeId: string) => void + onLoadMore: () => void +} + +/** Alle andre steder, på liggende kort under hverandre. */ +export function PlaceList({ + places, + loadedCount, + totalCount, + hasMore, + isLoadingMore, + onSelect, + onLoadMore, +}: PlaceListProps) { + return ( +
+

Forslag

+ +
    + {places.map((place) => ( +
  • + +
    • + ))} +
+ +

+ Viser {loadedCount} av {totalCount} steder +

+ + {hasMore && ( + + )} +
+ ) +} diff --git a/client/src/components/FeaturedPlace.tsx b/client/src/components/FeaturedPlace.tsx new file mode 100644 index 0000000..02850cc --- /dev/null +++ b/client/src/components/FeaturedPlace.tsx @@ -0,0 +1,106 @@ +import type { Place } from '../types/place' +import { OpeningStatus } from './OpeningStatus' +import { PlaceImage } from './PlaceImage' + +type FeaturedPlaceProps = { + place: Place + now: Date + onPrevious: () => void + onNext: () => void +} + +/** Lite kompass som lenker til stedets nettside. */ +function CompassIcon() { + return ( + + ) +} + +/** Det fremhevede stedet, med knapper for å bla til forrige og neste. */ +export function FeaturedPlace({ + place, + now, + onPrevious, + onNext, +}: FeaturedPlaceProps) { + return ( + + ) +} diff --git a/client/src/components/MainNav.tsx b/client/src/components/MainNav.tsx new file mode 100644 index 0000000..5194486 --- /dev/null +++ b/client/src/components/MainNav.tsx @@ -0,0 +1,92 @@ +import type { ReactNode } from 'react' + +/** Felles tegning for ikonene: små, enkle strek-ikoner. */ +function Icon({ children }: { children: ReactNode }) { + return ( + + ) +} + +/** Foreløpige lenker. «Hjem» er siden vi står på. */ +const links: { label: string; icon: ReactNode; current?: boolean }[] = [ + { + label: 'Utforsk', + // Kompass + icon: ( + + + + + ), + }, + { + label: 'Ruter', + // Ruten mellom to punkter + icon: ( + + + + + + ), + }, + { + label: 'Hjem', + current: true, + // Anker + icon: ( + + + + + ), + }, + { + label: 'Utfordringer', + // Flagg + icon: ( + + + + ), + }, + { + label: 'Bruker', + // Person + icon: ( + + + + + ), + }, +] + +export function MainNav() { + return ( + + ) +} diff --git a/client/src/components/OpeningStatus.tsx b/client/src/components/OpeningStatus.tsx new file mode 100644 index 0000000..3f3db93 --- /dev/null +++ b/client/src/components/OpeningStatus.tsx @@ -0,0 +1,22 @@ +import { isOpenNow } from '../utils/openingHours' + +type OpeningStatusProps = { + openingHours: string + now: Date +} + +/** «Åpent» i grønt eller «Stengt» i rødt, etterfulgt av åpningstiden. */ +export function OpeningStatus({ openingHours, now }: OpeningStatusProps) { + const isOpen = isOpenNow(openingHours, now) + + if (isOpen === null) return <>{openingHours} + + return ( + <> + + {isOpen ? 'Åpent' : 'Stengt'} + {' '} + {openingHours} + + ) +} diff --git a/client/src/components/PlaceImage.tsx b/client/src/components/PlaceImage.tsx new file mode 100644 index 0000000..b4a05c5 --- /dev/null +++ b/client/src/components/PlaceImage.tsx @@ -0,0 +1,34 @@ +import type { Place } from '../types/place' + +/** + * Stedets bilde. Mangler bildet, tegnes en liten SVG-plassholder i stedet, + * som er lettere å laste enn et rasterbilde. + */ +export function PlaceImage({ place }: { place: Place }) { + if (place.imageUrl) { + return ( + {`Bilde + ) + } + + return ( + + ) +} diff --git a/client/src/components/PlaceList.tsx b/client/src/components/PlaceList.tsx new file mode 100644 index 0000000..4c1b3e3 --- /dev/null +++ b/client/src/components/PlaceList.tsx @@ -0,0 +1,93 @@ +import type { Place } from '../types/place' +import { OpeningStatus } from './OpeningStatus' +import { PlaceImage } from './PlaceImage' + +type PlaceListProps = { + places: Place[] + now: Date + featuredId: string + loadedCount: number + totalCount: number + hasMore: boolean + canShowLess: boolean + isLoadingMore: boolean + onSelect: (place: Place) => void + onLoadMore: () => void + onShowLess: () => void +} + +/** Alle steder, på liggende kort under hverandre. */ +export function PlaceList({ + places, + now, + featuredId, + loadedCount, + totalCount, + hasMore, + canShowLess, + isLoadingMore, + onSelect, + onLoadMore, + onShowLess, +}: PlaceListProps) { + return ( +
+

Forslag

+ +
    + {places.map((place) => ( +
  • + +
    • + ))} +
+ +

+ Viser {loadedCount} av {totalCount} steder +

+ +
+ {hasMore && ( + + )} + {canShowLess && ( + + )} +
+
+ ) +} diff --git a/client/src/components/ShipIcon.tsx b/client/src/components/ShipIcon.tsx new file mode 100644 index 0000000..7c520e4 --- /dev/null +++ b/client/src/components/ShipIcon.tsx @@ -0,0 +1,20 @@ +/** Siluett av en seilbåt med to buede seil og et lavt skrog. */ +export function ShipIcon() { + return ( + + ) +} diff --git a/client/src/components/SiteHeader.tsx b/client/src/components/SiteHeader.tsx new file mode 100644 index 0000000..cddcc61 --- /dev/null +++ b/client/src/components/SiteHeader.tsx @@ -0,0 +1,97 @@ +import { MainNav } from './MainNav' +import { ShipIcon } from './ShipIcon' + +function MenuIcon() { + return ( + + ) +} + +export function SiteHeader() { + return ( +
+ {/* Funksjonen til menyen kommer senere. */} + + + + + {/* Åpnes og lukkes av nettleserens innebygde popover-støtte. */} + + + {/* Dekor: noen måker over havet, én gruppe på hver side av tittelen. */} + + + +
+

+ Tapsailor +

+

Utforsk din neste reise

+
+ + +
+ ) +} diff --git a/client/src/data/mockPlaces.ts b/client/src/data/mockPlaces.ts new file mode 100644 index 0000000..4410e36 --- /dev/null +++ b/client/src/data/mockPlaces.ts @@ -0,0 +1,299 @@ +import type { Place } from '../types/place' + +type PlaceSeed = Omit + +/** + * Mockdata til utvikling. Stedene er oppdiktet og skal ikke forveksles med + * ekte utesteder i Trondheim. Erstattes av data fra backend senere. + */ +const seeds: PlaceSeed[] = [ + { + name: 'Nidelven Pub', + type: 'Pub', + area: 'Bakklandet', + address: 'Eksempelgata 1, Trondheim', + openingHours: '15:00–01:00', + rating: 4.6, + reviewCount: 212, + description: 'Klassisk pub med lokale øl på tapp og sitteplasser ved elva.', + tags: ['uteservering', 'lokalt øl', 'rolig'], + }, + { + name: 'Gløshaugen Bar', + type: 'Bar', + area: 'Gløshaugen', + address: 'Eksempelveien 12, Trondheim', + openingHours: '20:00–03:00', + rating: 4.1, + reviewCount: 340, + description: 'Studentvennlig bar med rimelige priser og quiz på onsdager.', + tags: ['studentpriser', 'quiz', 'livlig'], + }, + { + name: 'Torget Vinbar', + type: 'Vinbar', + area: 'Midtbyen', + address: 'Eksempeltorget 3, Trondheim', + openingHours: '16:00–00:00', + rating: 4.8, + reviewCount: 96, + description: 'Intim vinbar med små retter og et bredt utvalg naturvin.', + tags: ['vin', 'rolig', 'date'], + }, + { + name: 'Brygga Bryggeri', + type: 'Bryggeri', + area: 'Solsiden', + address: 'Eksempelkaia 7, Trondheim', + openingHours: '14:00–00:00', + rating: 4.5, + reviewCount: 158, + description: 'Mikrobryggeri med egenbrygget øl og omvisning i helgene.', + tags: ['lokalt øl', 'uteservering', 'mat'], + }, + { + name: 'Skyline Cocktails', + type: 'Cocktailbar', + area: 'Midtbyen', + address: 'Eksempelgata 22, Trondheim', + openingHours: '19:00–02:00', + rating: 4.7, + reviewCount: 121, + description: 'Cocktailbar i toppetasjen med utsikt over byen.', + tags: ['cocktails', 'utsikt', 'date'], + }, + { + name: 'Bakklandet Taphus', + type: 'Pub', + area: 'Bakklandet', + address: 'Eksempelsmuget 4, Trondheim', + openingHours: '16:00–00:30', + rating: 4.4, + reviewCount: 187, + description: 'Koselig taphus med mange sorter på fat og levende musikk.', + tags: ['livemusikk', 'lokalt øl', 'koselig'], + }, + { + name: 'Solsiden Sjøbod', + type: 'Bar', + area: 'Solsiden', + address: 'Eksempelbryggen 2, Trondheim', + openingHours: '12:00–23:00', + rating: 4.2, + reviewCount: 264, + description: 'Avslappet bar på kaikanten med stor uteservering.', + tags: ['uteservering', 'sol', 'mat'], + }, + { + name: 'Kjøpmannsgata Kjeller', + type: 'Bar', + area: 'Midtbyen', + address: 'Eksempelgata 15, Trondheim', + openingHours: '21:00–03:30', + rating: 3.9, + reviewCount: 305, + description: 'Kjellerbar med dansegulv og DJ fra torsdag til lørdag.', + tags: ['dans', 'DJ', 'livlig'], + }, + { + name: 'Ila Vinstue', + type: 'Vinbar', + area: 'Ila', + address: 'Eksempelveien 8, Trondheim', + openingHours: '17:00–23:30', + rating: 4.6, + reviewCount: 74, + description: 'Lun vinstue i en gammel trebygning med ostebrett og tapas.', + tags: ['vin', 'mat', 'rolig'], + }, + { + name: 'Midtbyen Malt', + type: 'Pub', + area: 'Midtbyen', + address: 'Eksempelplassen 5, Trondheim', + openingHours: '15:00–01:30', + rating: 4.3, + reviewCount: 143, + description: 'Whiskypub med over hundre typer malt og peiskos.', + tags: ['whisky', 'rolig', 'koselig'], + }, + { + name: 'Fosen Fatøl', + type: 'Pub', + area: 'Nedre Elvehavn', + address: 'Eksempelhavna 9, Trondheim', + openingHours: '14:00–00:00', + rating: 4.0, + reviewCount: 98, + description: 'Trivelig pub med fokus på norsk fatøl og enkle småretter.', + tags: ['lokalt øl', 'mat', 'rolig'], + }, + { + name: 'Tyholt Tappen', + type: 'Bar', + area: 'Tyholt', + address: 'Eksempelbakken 14, Trondheim', + openingHours: '17:00–00:00', + rating: 4.1, + reviewCount: 61, + description: 'Nabolagsbar med sportssendinger på storskjerm.', + tags: ['sport', 'storskjerm', 'avslappet'], + }, + { + name: 'Lade Lounge', + type: 'Cocktailbar', + area: 'Lade', + address: 'Eksempelveien 40, Trondheim', + openingHours: '18:00–01:00', + rating: 4.3, + reviewCount: 82, + description: 'Stilfull lounge med signaturdrinker og rolig musikk.', + tags: ['cocktails', 'stilfull', 'date'], + }, + { + name: 'Ravnkloa Bar', + type: 'Bar', + area: 'Midtbyen', + address: 'Eksempelkaia 1, Trondheim', + openingHours: '12:00–22:00', + rating: 4.0, + reviewCount: 176, + description: 'Sommerbar ved sjøen med utsikt mot fjorden.', + tags: ['uteservering', 'utsikt', 'sol'], + }, + { + name: 'Munkholm Bryggeri', + type: 'Bryggeri', + area: 'Nedre Elvehavn', + address: 'Eksempelbrygga 3, Trondheim', + openingHours: '15:00–23:00', + rating: 4.7, + reviewCount: 233, + description: 'Moderne bryggeri med smaksprøver og sesongbrygg.', + tags: ['lokalt øl', 'smaksprøver', 'mat'], + }, + { + name: 'Havnekanten Bar', + type: 'Bar', + area: 'Solsiden', + address: 'Eksempelkaia 11, Trondheim', + openingHours: '16:00–02:00', + rating: 4.2, + reviewCount: 129, + description: 'Livlig bar med drinkmeny og terrasse mot havna.', + tags: ['uteservering', 'cocktails', 'livlig'], + }, + { + name: 'Trollheim Taproom', + type: 'Bryggeri', + area: 'Lade', + address: 'Eksempelveien 52, Trondheim', + openingHours: '16:00–23:00', + rating: 4.5, + reviewCount: 88, + description: 'Taproom med håndverksøl og brettspill på hyllene.', + tags: ['lokalt øl', 'brettspill', 'avslappet'], + }, + { + name: 'Svartlamon Bar', + type: 'Bar', + area: 'Svartlamon', + address: 'Eksempelgata 30, Trondheim', + openingHours: '19:00–02:00', + rating: 4.4, + reviewCount: 154, + description: 'Alternativ bar med konserter og kunstutstillinger.', + tags: ['livemusikk', 'alternativ', 'kunst'], + }, + { + name: 'Nordre Pub', + type: 'Pub', + area: 'Midtbyen', + address: 'Eksempelgata 6, Trondheim', + openingHours: '14:00–01:00', + rating: 3.8, + reviewCount: 201, + description: 'Tradisjonell pub med biljard og dart.', + tags: ['biljard', 'dart', 'studentpriser'], + }, + { + name: 'Kongens Cocktailbar', + type: 'Cocktailbar', + area: 'Midtbyen', + address: 'Eksempelgata 18, Trondheim', + openingHours: '19:00–02:30', + rating: 4.9, + reviewCount: 67, + description: 'Prisbelønt cocktailbar med håndlaget sirup og infusjoner.', + tags: ['cocktails', 'stilfull', 'date'], + }, + { + name: 'Elgeseter Bar', + type: 'Bar', + area: 'Elgeseter', + address: 'Eksempelveien 21, Trondheim', + openingHours: '18:00–01:00', + rating: 3.9, + reviewCount: 112, + description: 'Enkel studentbar med billig øl og spillkvelder.', + tags: ['studentpriser', 'spill', 'avslappet'], + }, + { + name: 'Gamle Bybro Vinbar', + type: 'Vinbar', + area: 'Bakklandet', + address: 'Eksempelbrua 2, Trondheim', + openingHours: '16:00–00:00', + rating: 4.7, + reviewCount: 109, + description: 'Vinbar med utsikt mot bybroa og sesongbaserte småretter.', + tags: ['vin', 'utsikt', 'mat'], + }, + { + name: 'Vollan Pub', + type: 'Pub', + area: 'Vollan', + address: 'Eksempelveien 3, Trondheim', + openingHours: '15:00–23:30', + rating: 4.1, + reviewCount: 58, + description: 'Rolig nabolagspub med god stemning og faste stamgjester.', + tags: ['rolig', 'koselig', 'lokalt øl'], + }, + { + name: 'Nattergal Bar', + type: 'Bar', + area: 'Midtbyen', + address: 'Eksempelgata 27, Trondheim', + openingHours: '22:00–04:00', + rating: 4.0, + reviewCount: 290, + description: 'Nattåpen bar med dansegulv og sene åpningstider.', + tags: ['dans', 'DJ', 'nattåpen'], + }, + { + name: 'Sjøgata Sidra', + type: 'Bryggeri', + area: 'Solsiden', + address: 'Eksempelkaia 14, Trondheim', + openingHours: '13:00–22:00', + rating: 4.3, + reviewCount: 71, + description: 'Siderprodusent med smaksbar og lokale ingredienser.', + tags: ['sider', 'smaksprøver', 'uteservering'], + }, +] + +/** Lager en URL-vennlig id fra navnet. */ +const toId = (name: string) => + name + .toLocaleLowerCase('nb-NO') + .replaceAll(/[^a-z0-9æøå]+/g, '-') + .replaceAll(/^-|-$/g, '') + +export const mockPlaces: Place[] = seeds.map((seed) => ({ + ...seed, + id: toId(seed.name), + websiteUrl: 'https://example.com', + imageUrl: null, +})) diff --git a/client/src/hooks/.fuse_hidden0000000d00000001 b/client/src/hooks/.fuse_hidden0000000d00000001 new file mode 100644 index 0000000..6da1231 --- /dev/null +++ b/client/src/hooks/.fuse_hidden0000000d00000001 @@ -0,0 +1,60 @@ +import { useCallback, useEffect, useState } from 'react' +import { fetchPlaces } from '../api/places' +import type { Place } from '../types/place' + +/** Antall steder i høyrekolonnen før brukeren trykker «Vis mer». */ +const LIST_SIZE = 10 + +/** Ett ekstra sted hentes første gang, siden ett av dem vises som fremhevet. */ +export const INITIAL_COUNT = LIST_SIZE + 1 + +type Status = 'loading' | 'idle' | 'loadingMore' | 'error' + +/** Henter utesteder og lar brukeren laste flere. */ +export function usePlaces() { + const [places, setPlaces] = useState([]) + const [totalCount, setTotalCount] = useState(0) + const [status, setStatus] = useState('loading') + + useEffect(() => { + let ignore = false + + fetchPlaces(0, INITIAL_COUNT) + .then((page) => { + if (ignore) return + setPlaces(page.items) + setTotalCount(page.totalCount) + setStatus('idle') + }) + .catch(() => { + if (!ignore) setStatus('error') + }) + + return () => { + ignore = true + } + }, []) + + const loadedCount = places.length + + const loadMore = useCallback(async () => { + setStatus('loadingMore') + + try { + const page = await fetchPlaces(loadedCount, LIST_SIZE) + setPlaces((current) => [...current, ...page.items]) + setTotalCount(page.totalCount) + setStatus('idle') + } catch { + setStatus('error') + } + }, [loadedCount]) + + return { + places, + totalCount, + status, + hasMore: loadedCount < totalCount, + loadMore, + } +} diff --git a/client/src/hooks/useNow.ts b/client/src/hooks/useNow.ts new file mode 100644 index 0000000..9736243 --- /dev/null +++ b/client/src/hooks/useNow.ts @@ -0,0 +1,13 @@ +import { useEffect, useState } from 'react' + +/** Gir gjeldende tidspunkt og oppdaterer det jevnlig (hvert minutt som standard). */ +export function useNow(intervalMs = 60_000): Date { + const [now, setNow] = useState(() => new Date()) + + useEffect(() => { + const timer = setInterval(() => setNow(new Date()), intervalMs) + return () => clearInterval(timer) + }, [intervalMs]) + + return now +} diff --git a/client/src/hooks/usePlaces.ts b/client/src/hooks/usePlaces.ts new file mode 100644 index 0000000..b5113ea --- /dev/null +++ b/client/src/hooks/usePlaces.ts @@ -0,0 +1,67 @@ +import { useCallback, useEffect, useState } from 'react' +import { fetchPlaces } from '../api/places' +import type { Place } from '../types/place' + +/** Antall steder som hentes første gang og for hver trykk på «Vis mer». */ +export const PAGE_SIZE = 10 + +type Status = 'loading' | 'idle' | 'loadingMore' | 'error' + +/** Henter utesteder og lar brukeren laste flere. */ +export function usePlaces() { + const [places, setPlaces] = useState([]) + const [totalCount, setTotalCount] = useState(0) + const [status, setStatus] = useState('loading') + + useEffect(() => { + let ignore = false + + fetchPlaces(0, PAGE_SIZE) + .then((page) => { + if (ignore) return + setPlaces(page.items) + setTotalCount(page.totalCount) + setStatus('idle') + }) + .catch(() => { + if (!ignore) setStatus('error') + }) + + return () => { + ignore = true + } + }, []) + + const loadedCount = places.length + + const loadMore = useCallback(async () => { + setStatus('loadingMore') + + try { + const page = await fetchPlaces(loadedCount, PAGE_SIZE) + setPlaces((current) => [...current, ...page.items]) + setTotalCount(page.totalCount) + setStatus('idle') + } catch { + setStatus('error') + } + }, [loadedCount]) + + /** Fjerner den sist lastede siden, men aldri under første side. */ + const showLess = useCallback(() => { + setPlaces((current) => { + const pages = Math.ceil(current.length / PAGE_SIZE) + return current.slice(0, Math.max(1, pages - 1) * PAGE_SIZE) + }) + }, []) + + return { + places, + totalCount, + status, + hasMore: loadedCount < totalCount, + canShowLess: loadedCount > PAGE_SIZE, + loadMore, + showLess, + } +} diff --git a/client/src/index.css b/client/src/index.css new file mode 100644 index 0000000..57b0f19 --- /dev/null +++ b/client/src/index.css @@ -0,0 +1,62 @@ +:root { + /* Eggeskall */ + --eggshell: #f6f2e7; + --surface: #fffdf7; + + /* Marineblått */ + --navy-900: #0a2240; + --navy-700: #123a6b; + --navy-500: #2a5a96; + + /* Lyseblått */ + --blue-300: #8fb4dc; + --blue-100: #d9e8f7; + + --text: var(--navy-900); + --muted: #4a5f7a; + + /* Åpent og stengt */ + --open: #17703a; + --closed: #b3261e; + + color-scheme: light; + font-family: + system-ui, + -apple-system, + 'Segoe UI', + sans-serif; + line-height: 1.5; + color: var(--text); + background: var(--eggshell); +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +:focus-visible { + outline: 3px solid var(--navy-500); + outline-offset: 2px; +} + +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; +} + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + transition: none !important; + scroll-behavior: auto !important; + } +} diff --git a/client/src/main.tsx b/client/src/main.tsx new file mode 100644 index 0000000..bef5202 --- /dev/null +++ b/client/src/main.tsx @@ -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( + + + , +) diff --git a/client/src/types/place.ts b/client/src/types/place.ts new file mode 100644 index 0000000..615f988 --- /dev/null +++ b/client/src/types/place.ts @@ -0,0 +1,24 @@ +export type VenueType = 'Bar' | 'Pub' | 'Bryggeri' | 'Vinbar' | 'Cocktailbar' + +export type Place = { + id: string + name: string + type: VenueType + area: string + address: string + /** Visningstekst, for eksempel «16:00–23:00». */ + openingHours: string + rating: number + reviewCount: number + description: string + tags: string[] + websiteUrl: string + /** Null når stedet mangler bilde; da vises en lett plassholder. */ + imageUrl: string | null +} + +/** Én side med resultater fra API-et. */ +export type PlacesPage = { + items: Place[] + totalCount: number +} diff --git a/client/src/utils/openingHours.ts b/client/src/utils/openingHours.ts new file mode 100644 index 0000000..4057791 --- /dev/null +++ b/client/src/utils/openingHours.ts @@ -0,0 +1,29 @@ +const HOURS_PATTERN = /^(\d{1,2}):(\d{2})\s*[–-]\s*(\d{1,2}):(\d{2})$/ + +/** + * Sjekker om et sted er åpent på et gitt tidspunkt, ut fra en tekst som + * «15:00–01:00». Støtter åpningstider som går over midnatt. + * + * Returnerer `null` hvis teksten ikke kan tolkes, slik at grensesnittet kan + * la være å vise en status. Teksten har foreløpig ikke ukedager; det får en + * ekte backend ta høyde for. + */ +export function isOpenNow(openingHours: string, now: Date): boolean | null { + const match = HOURS_PATTERN.exec(openingHours.trim()) + if (!match) return null + + const [openHour, openMinute, closeHour, closeMinute] = match + .slice(1) + .map(Number) + const opens = openHour * 60 + openMinute + const closes = closeHour * 60 + closeMinute + const current = now.getHours() * 60 + now.getMinutes() + + // Like start- og sluttid regnes som åpent hele døgnet. + if (opens === closes) return true + + // Åpningstid over midnatt, for eksempel 22:00–04:00. + if (opens > closes) return current >= opens || current < closes + + return current >= opens && current < closes +} diff --git a/client/tsconfig.app.json b/client/tsconfig.app.json new file mode 100644 index 0000000..6830b6f --- /dev/null +++ b/client/tsconfig.app.json @@ -0,0 +1,26 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", + "target": "es2023", + "lib": ["ES2023", "DOM"], + "module": "esnext", + "types": ["vite/client"], + "allowArbitraryExtensions": true, + "skipLibCheck": 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"] +} diff --git a/client/tsconfig.json b/client/tsconfig.json new file mode 100644 index 0000000..1ffef60 --- /dev/null +++ b/client/tsconfig.json @@ -0,0 +1,7 @@ +{ + "files": [], + "references": [ + { "path": "./tsconfig.app.json" }, + { "path": "./tsconfig.node.json" } + ] +} diff --git a/client/tsconfig.node.json b/client/tsconfig.node.json new file mode 100644 index 0000000..8455dcb --- /dev/null +++ b/client/tsconfig.node.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + "target": "es2023", + "lib": ["ES2023"], + "types": ["node"], + "skipLibCheck": true, + + /* Bundler mode */ + "module": "nodenext", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "moduleDetection": "force", + "noEmit": true, + + /* Linting */ + "noUnusedLocals": true, + "noUnusedParameters": true, + "erasableSyntaxOnly": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["vite.config.ts"] +} diff --git a/client/vite.config.ts b/client/vite.config.ts new file mode 100644 index 0000000..9982072 --- /dev/null +++ b/client/vite.config.ts @@ -0,0 +1,7 @@ +import react from '@vitejs/plugin-react' +import { defineConfig } from 'vite' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +}) From 43ae7dae9465eeb1cd18c162bc5e1fbcd3397905 Mon Sep 17 00:00:00 2001 From: Kasper Date: Fri, 9 Oct 2026 10:47:05 +0200 Subject: [PATCH 2/3] chore: fjern midlertidige filer --- client/src/.fuse_hidden0000000c00000001 | 68 ----------- client/src/.fuse_hidden0000000f00000002 | 67 ----------- .../components/.fuse_hidden0000000d00000001 | 111 ------------------ .../components/.fuse_hidden0000001200000003 | 67 ----------- client/src/hooks/.fuse_hidden0000000d00000001 | 60 ---------- 5 files changed, 373 deletions(-) delete mode 100644 client/src/.fuse_hidden0000000c00000001 delete mode 100644 client/src/.fuse_hidden0000000f00000002 delete mode 100644 client/src/components/.fuse_hidden0000000d00000001 delete mode 100644 client/src/components/.fuse_hidden0000001200000003 delete mode 100644 client/src/hooks/.fuse_hidden0000000d00000001 diff --git a/client/src/.fuse_hidden0000000c00000001 b/client/src/.fuse_hidden0000000c00000001 deleted file mode 100644 index cf183d1..0000000 --- a/client/src/.fuse_hidden0000000c00000001 +++ /dev/null @@ -1,68 +0,0 @@ -import { useState } from 'react' -import './App.css' -import { FeaturedPlace } from './components/FeaturedPlace' -import { PlaceList } from './components/PlaceList' -import { SiteHeader } from './components/SiteHeader' -import { PAGE_SIZE, usePlaces } from './hooks/usePlaces' -import type { Place } from './types/place' - -function App() { - const { places, totalCount, status, hasMore, loadMore } = usePlaces() - - // Trekkes én gang per sidelasting, slik at det fremhevede stedet er tilfeldig. - const [startFraction] = useState(Math.random) - const [selectedId, setSelectedId] = useState(null) - - const featured: Place | undefined = - places.find((place) => place.id === selectedId) ?? - places[Math.floor(startFraction * Math.min(places.length, PAGE_SIZE))] - - const select = (placeId: string) => { - setSelectedId(placeId) - // På smale skjermer ligger det fremhevede stedet over listen. - document.getElementById('featured')?.scrollIntoView({ block: 'nearest' }) - } - - /** Blar til forrige (-1) eller neste (1) sted, og starter om i endene. */ - const step = (direction: -1 | 1) => { - if (!featured) return - const index = places.indexOf(featured) - select(places[(index + direction + places.length) % places.length].id) - } - - return ( - <> - -
- {status === 'loading' &&

Laster steder …

} - {status === 'error' && ( -

- Kunne ikke hente steder. Prøv å laste siden på nytt. -

- )} - - {featured && ( - <> - step(-1)} - onNext={() => step(1)} - /> - - - )} -
- - ) -} - -export default App diff --git a/client/src/.fuse_hidden0000000f00000002 b/client/src/.fuse_hidden0000000f00000002 deleted file mode 100644 index ed5b9cc..0000000 --- a/client/src/.fuse_hidden0000000f00000002 +++ /dev/null @@ -1,67 +0,0 @@ -import { useState } from 'react' -import './App.css' -import { FeaturedPlace } from './components/FeaturedPlace' -import { PlaceList } from './components/PlaceList' -import { SiteHeader } from './components/SiteHeader' -import { INITIAL_COUNT, usePlaces } from './hooks/usePlaces' -import type { Place } from './types/place' - -function App() { - const { places, totalCount, status, hasMore, loadMore } = usePlaces() - - // Trekkes én gang per sidelasting, slik at det fremhevede stedet er tilfeldig. - const [startFraction] = useState(Math.random) - const [selectedId, setSelectedId] = useState(null) - - const featured: Place | undefined = - places.find((place) => place.id === selectedId) ?? - places[Math.floor(startFraction * Math.min(places.length, INITIAL_COUNT))] - - const select = (placeId: string) => { - setSelectedId(placeId) - // På smale skjermer ligger det fremhevede stedet over listen. - document.getElementById('featured')?.scrollIntoView({ block: 'nearest' }) - } - - /** Blar til forrige (-1) eller neste (1) sted, og starter om i endene. */ - const step = (direction: -1 | 1) => { - if (!featured) return - const index = places.indexOf(featured) - select(places[(index + direction + places.length) % places.length].id) - } - - return ( - <> - -
- {status === 'loading' &&

Laster steder …

} - {status === 'error' && ( -

- Kunne ikke hente steder. Prøv å laste siden på nytt. -

- )} - - {featured && ( - <> - step(-1)} - onNext={() => step(1)} - /> - place.id !== featured.id)} - loadedCount={places.length} - totalCount={totalCount} - hasMore={hasMore} - isLoadingMore={status === 'loadingMore'} - onSelect={select} - onLoadMore={loadMore} - /> - - )} -
- - ) -} - -export default App diff --git a/client/src/components/.fuse_hidden0000000d00000001 b/client/src/components/.fuse_hidden0000000d00000001 deleted file mode 100644 index b019d90..0000000 --- a/client/src/components/.fuse_hidden0000000d00000001 +++ /dev/null @@ -1,111 +0,0 @@ -import { MainNav } from './MainNav' - -function MenuIcon() { - return ( - - ) -} - -/** Siluett av en tremastet seilskute med råseil, fokk og vimpler. */ -function ShipIcon() { - return ( - - ) -} - -export function SiteHeader() { - return ( -
- {/* Funksjonen til menyen kommer senere. */} - - - - - {/* Åpnes og lukkes av nettleserens innebygde popover-støtte. */} - - - {/* Dekor: noen måker over havet. */} - - -
-

- Tapsailor -

-

Utforsk din neste reise

-
- - -
- ) -} diff --git a/client/src/components/.fuse_hidden0000001200000003 b/client/src/components/.fuse_hidden0000001200000003 deleted file mode 100644 index c9d34af..0000000 --- a/client/src/components/.fuse_hidden0000001200000003 +++ /dev/null @@ -1,67 +0,0 @@ -import type { Place } from '../types/place' -import { PlaceImage } from './PlaceImage' - -type PlaceListProps = { - places: Place[] - loadedCount: number - totalCount: number - hasMore: boolean - isLoadingMore: boolean - onSelect: (placeId: string) => void - onLoadMore: () => void -} - -/** Alle andre steder, på liggende kort under hverandre. */ -export function PlaceList({ - places, - loadedCount, - totalCount, - hasMore, - isLoadingMore, - onSelect, - onLoadMore, -}: PlaceListProps) { - return ( -
-

Forslag

- -
    - {places.map((place) => ( -
  • - -
    • - ))} -
- -

- Viser {loadedCount} av {totalCount} steder -

- - {hasMore && ( - - )} -
- ) -} diff --git a/client/src/hooks/.fuse_hidden0000000d00000001 b/client/src/hooks/.fuse_hidden0000000d00000001 deleted file mode 100644 index 6da1231..0000000 --- a/client/src/hooks/.fuse_hidden0000000d00000001 +++ /dev/null @@ -1,60 +0,0 @@ -import { useCallback, useEffect, useState } from 'react' -import { fetchPlaces } from '../api/places' -import type { Place } from '../types/place' - -/** Antall steder i høyrekolonnen før brukeren trykker «Vis mer». */ -const LIST_SIZE = 10 - -/** Ett ekstra sted hentes første gang, siden ett av dem vises som fremhevet. */ -export const INITIAL_COUNT = LIST_SIZE + 1 - -type Status = 'loading' | 'idle' | 'loadingMore' | 'error' - -/** Henter utesteder og lar brukeren laste flere. */ -export function usePlaces() { - const [places, setPlaces] = useState([]) - const [totalCount, setTotalCount] = useState(0) - const [status, setStatus] = useState('loading') - - useEffect(() => { - let ignore = false - - fetchPlaces(0, INITIAL_COUNT) - .then((page) => { - if (ignore) return - setPlaces(page.items) - setTotalCount(page.totalCount) - setStatus('idle') - }) - .catch(() => { - if (!ignore) setStatus('error') - }) - - return () => { - ignore = true - } - }, []) - - const loadedCount = places.length - - const loadMore = useCallback(async () => { - setStatus('loadingMore') - - try { - const page = await fetchPlaces(loadedCount, LIST_SIZE) - setPlaces((current) => [...current, ...page.items]) - setTotalCount(page.totalCount) - setStatus('idle') - } catch { - setStatus('error') - } - }, [loadedCount]) - - return { - places, - totalCount, - status, - hasMore: loadedCount < totalCount, - loadMore, - } -} From 367efc7b6810b14b8176e540af2159d6fe0ee977 Mon Sep 17 00:00:00 2001 From: Kasper Date: Fri, 9 Oct 2026 13:20:30 +0200 Subject: [PATCH 3/3] feat: set Vite base path to /project2/ --- client/vite.config.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/client/vite.config.ts b/client/vite.config.ts index 9982072..3636ba9 100644 --- a/client/vite.config.ts +++ b/client/vite.config.ts @@ -3,5 +3,6 @@ import { defineConfig } from 'vite' // https://vite.dev/config/ export default defineConfig({ + base: '/project2/', plugins: [react()], })