-
+
+
diff --git a/pkg/views/src/components/NavigationMenu.tsx b/pkg/views/src/components/NavigationMenu.tsx
deleted file mode 100644
index b00a387..0000000
--- a/pkg/views/src/components/NavigationMenu.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Collapse, Divider, ListItemIcon, ListItemText, Menu, MenuItem, styled } from "@mui/material";
-import { theme } from "@/theme";
-import { Fragment, ReactNode, useState } from "react";
-import HowToRegIcon from "@mui/icons-material/HowToReg";
-import LoginIcon from "@mui/icons-material/Login";
-import FaceIcon from "@mui/icons-material/Face";
-import LogoutIcon from "@mui/icons-material/ExitToApp";
-import ExpandLess from "@mui/icons-material/ExpandLess";
-import ExpandMore from "@mui/icons-material/ExpandMore";
-import { useUserinfo } from "@/stores/userinfo.tsx";
-import { PopoverProps } from "@mui/material/Popover";
-import { Link } from "react-router-dom";
-
-export interface NavigationItem {
- icon?: ReactNode;
- title?: string;
- link?: string;
- divider?: boolean;
- children?: NavigationItem[];
-}
-
-export const DRAWER_WIDTH = 320;
-
-export const AppNavigationHeader = styled("div")(({ theme }) => ({
- display: "flex",
- alignItems: "center",
- padding: theme.spacing(0, 1),
- justifyContent: "flex-start",
- height: 64,
- ...theme.mixins.toolbar
-}));
-
-export function AppNavigationSection({ items, depth }: { items: NavigationItem[], depth?: number }) {
- const [open, setOpen] = useState(false);
-
- return items.map((item, idx) => {
- if (item.divider) {
- return Copyright © {{ new Date().getFullYear() }} Solsynth
+Powered by Hydrogen.Identity
+
+ {{ link.label }}
+
+
+
+
+
+ Something went wrong... {{ error }}
+
+
+
+
+
+
+
+
diff --git a/pkg/views/src/components/auth/CallbackNotify.vue b/pkg/views/src/components/auth/CallbackNotify.vue
new file mode 100644
index 0000000..d63c6d6
--- /dev/null
+++ b/pkg/views/src/components/auth/CallbackNotify.vue
@@ -0,0 +1,16 @@
+
+
+ Sign up
+
+
+ Next
+
+
+
+
+
+ You need to sign in before access that page. After you signed in, we will redirect you to:
+ {{ route.query["redirect_uri"] }} +
+
+
+
+
+
diff --git a/pkg/views/src/components/auth/FactorApplicator.vue b/pkg/views/src/components/auth/FactorApplicator.vue
new file mode 100644
index 0000000..4571c5a
--- /dev/null
+++ b/pkg/views/src/components/auth/FactorApplicator.vue
@@ -0,0 +1,120 @@
+
+ + {{ route.query["redirect_uri"] }} +
+
+
+
+ Something went wrong... {{ error }}
+
+
+
+
+
+
+
+
diff --git a/pkg/views/src/components/auth/FactorPicker.vue b/pkg/views/src/components/auth/FactorPicker.vue
new file mode 100644
index 0000000..730a5c5
--- /dev/null
+++ b/pkg/views/src/components/auth/FactorPicker.vue
@@ -0,0 +1,74 @@
+
+
+
+ Check your inbox!
+
+
+ Next
+
+
+
+
+
+
+
diff --git a/pkg/views/src/consts.tsx b/pkg/views/src/consts.tsx
deleted file mode 100644
index 461c2ca..0000000
--- a/pkg/views/src/consts.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export const SITE_NAME = "Goatpass";
diff --git a/pkg/views/src/error.tsx b/pkg/views/src/error.tsx
deleted file mode 100644
index 8be7cde..0000000
--- a/pkg/views/src/error.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Link as RouterLink, useRouteError } from "react-router-dom";
-import { Box, Container, Link, Typography } from "@mui/material";
-
-export default function ErrorBoundary() {
- const error = useRouteError() as any;
-
- return (
-
+
+
+
+
+
+
+
+ Something went wrong... {{ error }}
+
+
+
+
+
+
+ Next
+
+
+
+
+
+
+
+
+
+ Solarpass
+
+
+
+
+
+
- -
-
+
+
+ Connect to third-party
+One Solarpass, entire internet.
+
+
+
+
+ +
+
+
+
+ Something went wrong... {{ error }}
++ +
+ It's usually not our fault. Try bringing this link to give feedback to the developer of the app you + came from. +
+
+
+ {{ metadata?.name ?? "Loading" }}
+{{ metadata?.description ?? "Hold on a second please!" }}
+ +
+
+
+
+
+ {{ getClaimDescription(claim)?.name }}
+
+
+ {{ getClaimDescription(claim)?.description }}
+
+
+
+
+
+
+
+ Permissions they requested
+
+
+ Decline
+
+
+ Approve
+
+
+
+
+
+ After approve their request, you will be redirect to
+{{ route.query["redirect_uri"] }}
+
+
+ Authoirzed
+You're done! We sucessfully established connection between you and {{ metadata?.name }}.
+ +Now you can continue your their app, we will redirect you soon.
+ +Teleporting you to...
+{{ route.query["redirect_uri"] }}
+
+
+
+ Sign in
+
+
+
+
+
+ Risk: {{ challenge?.risk_level }}
+Progress: {{ challenge?.progress }}/{{ challenge?.requirements }}
+We need to verify that the person trying to access your account is you.
+Sign in via your Solar ID to access the entire Solar Network.
+
+
+
+ Create an account
+Create an account on Solar Network. Then enjoy all our services.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Something went wrong... {{ error }}
+
+
+
+
+
+
+
+ Sign in
+
+
+
+ Next
+
+
+
+ Let's go
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pkg/views/src/views/personalize.vue b/pkg/views/src/views/personalize.vue
new file mode 100644
index 0000000..f46d427
--- /dev/null
+++ b/pkg/views/src/views/personalize.vue
@@ -0,0 +1,185 @@
+
+
+
+ {{ id.userinfo.displayName }}
+What can I help you today?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Apply Changes
+
+
+
+
+
+
+
+
+
+ Your personal information has been updated.
+
+
+ Something went wrong... {{ error }}
+
+
+
+
+
+
diff --git a/pkg/views/src/views/security.vue b/pkg/views/src/views/security.vue
new file mode 100644
index 0000000..979527f
--- /dev/null
+++ b/pkg/views/src/views/security.vue
@@ -0,0 +1,266 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.id }}
+ {{ item.ip_address }}
+
+
+
+
+
+ {{ new Date(item.created_at).toLocaleString() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.id }}
+
+
+ {{ value }}
+
+
+
+
+ {{ value }}
+
+
+ {{ new Date(item.created_at).toLocaleString() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.id }}
+ {{ item.type }}
+ {{ item.target }}
+ {{ item.ip_address }}
+
+
+
+
+
+ {{ new Date(item.created_at).toLocaleString() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pkg/views/tsconfig.app.json b/pkg/views/tsconfig.app.json
new file mode 100644
index 0000000..e14c754
--- /dev/null
+++ b/pkg/views/tsconfig.app.json
@@ -0,0 +1,14 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "composite": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ }
+}
diff --git a/pkg/views/tsconfig.json b/pkg/views/tsconfig.json
index 67398cd..66b5e57 100644
--- a/pkg/views/tsconfig.json
+++ b/pkg/views/tsconfig.json
@@ -1,30 +1,11 @@
{
- "compilerOptions": {
- "target": "ES2020",
- "useDefineForClassFields": true,
- "lib": ["ES2020", "DOM", "DOM.Iterable"],
- "module": "ESNext",
- "skipLibCheck": true,
-
- /* Bundler mode */
- "moduleResolution": "bundler",
- "allowImportingTsExtensions": true,
- "resolveJsonModule": true,
- "isolatedModules": true,
- "noEmit": true,
- "jsx": "react-jsx",
-
- /* Linting */
- "strict": true,
- "noUnusedLocals": true,
- "noUnusedParameters": true,
- "noFallthroughCasesInSwitch": true,
-
- "baseUrl": "./src",
- "paths": {
- "@/*": ["./*"]
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
}
- },
- "include": ["src"],
- "references": [{ "path": "./tsconfig.node.json" }]
+ ]
}
diff --git a/pkg/views/tsconfig.node.json b/pkg/views/tsconfig.node.json
index 97ede7e..2c669ee 100644
--- a/pkg/views/tsconfig.node.json
+++ b/pkg/views/tsconfig.node.json
@@ -1,11 +1,13 @@
{
+ "extends": "@tsconfig/node20/tsconfig.json",
+ "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "nightwatch.conf.*", "playwright.config.*"],
"compilerOptions": {
"composite": true,
- "skipLibCheck": true,
+ "noEmit": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
"module": "ESNext",
- "moduleResolution": "bundler",
- "allowSyntheticDefaultImports": true,
- "strict": true
- },
- "include": ["vite.config.ts"]
+ "moduleResolution": "Bundler",
+ "types": ["node"]
+ }
}
diff --git a/pkg/views/uno.config.ts b/pkg/views/uno.config.ts
index b6816ad..2d323f7 100644
--- a/pkg/views/uno.config.ts
+++ b/pkg/views/uno.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig, presetUno } from "unocss";
+import { defineConfig, presetAttributify, presetTypography, presetUno } from "unocss"
export default defineConfig({
- presets: [presetUno({ preflight: false })]
-});
\ No newline at end of file
+ presets: [presetAttributify(), presetTypography(), presetUno({ preflight: false })],
+})
diff --git a/pkg/views/vite.config.ts b/pkg/views/vite.config.ts
index b707ccd..3329c64 100644
--- a/pkg/views/vite.config.ts
+++ b/pkg/views/vite.config.ts
@@ -1,20 +1,22 @@
-import { defineConfig } from 'vite'
-import path from "path";
-import react from '@vitejs/plugin-react-swc'
+import { fileURLToPath, URL } from "node:url"
+
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
+import vueJsx from "@vitejs/plugin-vue-jsx"
import unocss from "unocss/vite"
// https://vitejs.dev/config/
export default defineConfig({
- plugins: [react(), unocss()],
+ plugins: [vue(), vueJsx(), unocss()],
resolve: {
alias: {
- "@": path.resolve(__dirname, "./src"),
+ "@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
server: {
proxy: {
- "/.well-known": "http://localhost:8444",
- "/api": "http://localhost:8444"
+ "/api": "http://localhost:8444",
+ "/.well-known": "http://localhost:8444"
}
}
})
+ {{ item.user_agent }}
+
+
+
+ {{ item.user_agent }}
+
+
+