Feat/adding pages

.env.template

@@ -0,0 +1 @@
+NEXT_PUBLIC_OVERRIDE_HYPERION_URL = "http://localhost:8000"

.eslintrc.json

@@ -10,7 +10,9 @@
   "ignorePatterns": [
     "src/components/ui/*",
     "src/api/hyperionComponents.ts",
-    "src/api/hyperionSchemas.ts"
+    "src/api/hyperionSchemas.ts",
+    "src/api/hyperionFetcher.ts",
+    "src/api/hyperionContext.ts"
   ],
   "parser": "@typescript-eslint/parser",
   "root": true

.gitignore

@@ -37,4 +37,7 @@ next-env.d.ts
 
 # Python module
 *.egg-info
-dist
+dist
+.env
+.ruff_cache
+.mypy_cache

.prettierignore

@@ -3,5 +3,6 @@ node_modules
 
 # Shadcn components
 src/components/ui
-src/api/hyperionComponents.ts
-src/api/hyperionSchemas.ts
+
+# Generated Hyperion client
+src/api

next.config.mjs

@@ -3,6 +3,9 @@ const nextConfig = {
   output: "export",
   basePath: "/calypsso",
   distDir: "out",
+  // We use `trailingSlash` to ask Next to create `index.html` pages for all routes
+  // We need them to be able to access files without their .html extension (ex: /calypsso/register instead of needing /calypsso/register.html)
+  trailingSlash: true,
 };
 
 export default nextConfig;

openapi-ts.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "@hey-api/openapi-ts";
+
+export default defineConfig({
+  input: `http://127.0.0.1:8000/openapi.json`,
+  output: "src/api",
+  client: "@hey-api/client-fetch",
+});

package.json

@@ -7,24 +7,40 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "format": "npx prettier . --write"
+    "format": "npx prettier . --write",
+    "generate": "openapi-ts"
   },
   "dependencies": {
+    "@hey-api/client-fetch": "^0.1.3",
+    "@hookform/resolvers": "^3.4.2",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@tabler/icons-react": "^3.5.0",
+    "@tanstack/react-query": "^5.40.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "framer-motion": "^11.2.6",
     "lucide-react": "^0.378.0",
     "next": "14.2.3",
     "react": "^18",
     "react-dom": "^18",
+    "react-hook-form": "^7.51.5",
+    "react-icons": "^5.2.1",
+    "react-phone-input-2": "^2.15.1",
     "tailwind-merge": "^2.3.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@hey-api/openapi-ts": "^0.46.3",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
     "eslint": "^8",
     "eslint-config-next": "14.2.3",
     "eslint-config-prettier": "^9.1.0",

pyproject.toml

@@ -36,3 +36,63 @@ packages = ["python/calypsso"]
 
 [[tool.hatch.envs.all.matrix]]
 python = ["3.8", "3.9", "3.10", "3.11", "3.12"]
+
+[tool.ruff]
+# By default ruff also respect gitignore files
+# Same as Black.
+line-length = 88
+indent-width = 4
+target-version = "py311"
+
+[tool.ruff.lint]
+select = [
+    "F",
+    "E",
+    "W",
+    "I",
+    "T201",
+    "C90",
+    "DTZ",
+    "UP",
+    "ASYNC",
+    "S",
+    "B",
+    "A",
+    "COM",
+    "C4",
+    "ISC",
+    "ICN",
+    "INP",
+    "PIE",
+    "T20",
+    "PYI",
+    "PT",
+    "Q",
+    "SLF",
+    "SLOT",
+    "SIM",
+    "TCH",
+    "PTH",
+    "RUF",
+]
+ignore = [
+  "E501"
+]
+
+# Allow fix for all enabled rules (when `--fix`) is provided.
+fixable = ["ALL"]
+unfixable = []
+
+[tool.ruff.format]
+# Like Black, use double quotes for strings.
+quote-style = "double"
+# Like Black, indent with spaces, rather than tabs.
+indent-style = "space"
+# Like Black, respect magic trailing commas.
+skip-magic-trailing-comma = false
+# Like Black, automatically detect the appropriate line ending.
+line-ending = "auto"
+
+[tool.mypy]
+python_version = "3.11"
+strict = true

python/calypsso/__init__.py

@@ -1,18 +1,87 @@
+import importlib.resources
+import urllib.parse
+from typing import Any
+
 from fastapi import FastAPI
 from fastapi.staticfiles import StaticFiles
 
-import importlib.resources
-
 MODULE_PATH = importlib.resources.files(__package__)
 
 
 def get_calypsso_app() -> FastAPI:
+    """
+    Construct a FastAPI application serving CalypSSO compiled ressources.
+
+    This application MUST be mounted on the subpath `/calypsso`.
+
+    Usage exemple with a FastAPI application `app`:
+    ```python
+    calypsso = get_calypsso_app()
+    app.mount("/calypsso", calypsso)
+    ```
+    """
     app = FastAPI()
-    print(MODULE_PATH)
 
     app.mount(
         "/",
-        StaticFiles(directory=MODULE_PATH / "public"),
+        StaticFiles(directory=str(MODULE_PATH / "public"), html=True),
         name="calypsso",
     )
     return app
+
+
+def exclude_none(original: dict[str, Any]) -> dict[str, Any]:
+    return {k: v for k, v in original.items() if v is not None}
+
+
+def get_error_relative_url(message: str) -> str:
+    """
+    Return CalypSSO error page relative url: `calypsso/error?message=...`
+    """
+    params = {"message": message}
+    return f"calypsso/error?{urllib.parse.urlencode(exclude_none(params))}"
+
+
+def get_reset_password_relative_url(reset_token: str) -> str:
+    """
+    Return CalypSSO reset password page relative url: `calypsso/reset-password?reset_token=...`
+    """
+    params = {"reset_token": reset_token}
+    return f"calypsso/reset-password/?{urllib.parse.urlencode(exclude_none(params))}"
+
+
+def get_activate_relative_url(activation_token: str, external: bool) -> str:
+    """
+    Return CalypSSO account activation page relative url: `calypsso/activate?activation_code=...`
+    """
+    params = {"activation_token": activation_token, "external": external}
+    return f"calypsso/activate/?{urllib.parse.urlencode(exclude_none(params))}"
+
+
+def get_login_relative_url(
+    client_id: str,
+    response_type: str,
+    redirect_uri: str | None = None,
+    scope: str | None = None,
+    state: str | None = None,
+    nonce: str | None = None,
+    code_challenge: str | None = None,
+    code_challenge_method: str | None = None,
+    credentials_error: bool | None = None,
+) -> str:
+    """
+    Return CalypSSO login page relative url: `calypsso/login?...`
+    """
+    params = {
+        "client_id": client_id,
+        "response_type": response_type,
+        "redirect_uri": redirect_uri,
+        "scope": scope,
+        "state": state,
+        "nonce": nonce,
+        "code_challenge": code_challenge,
+        "code_challenge_method": code_challenge_method,
+        "credentials_error": credentials_error,
+    }
+
+    return f"calypsso/login/?{urllib.parse.urlencode(exclude_none(params))}"

src/api/index.ts

@@ -0,0 +1,4 @@
+// This file is auto-generated by @hey-api/openapi-ts
+export * from './schemas.gen';
+export * from './services.gen';
+export * from './types.gen';