+
+
+
+
+
+ Loading...
} + + ); +} + +export interface StatsPieProps { + data: StatsResult[] +} + +export function StatsPie({ data }: StatsPieProps) { + const labels = data.map((d) => d.name); + const values = data.map((d) => d.count); + const piedata = { + labels, + datasets: [{ + label: "# of attempts", + data: values, + backgroundColor: chartColors, + borderWidth: 1 + }] + }; + console.log(piedata) + const getTextColor = () => { + return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'white' : 'black' + } + const options: ChartOptions<"pie"> = { + plugins: { + legend: { + display: true, + align: "start", + labels: { + color: getTextColor(), + } + } + } + } + return ( +
+
+ )
+}
+
+export function Home({ api }: AppProps) {
+ const [totals, setTotals] = useStateLoading...
} + + ); +} + +export interface TotalsProps { + totals: TotalStats +} + +export function Totals({ totals }: TotalsProps) { + return ( +
+
+ )
+}
+
+export function Live({ api }: AppProps) {
+ let list: LoginAttempt[] = [];
+ let [liveList, setLiveList] = useState(list);
+
+ useEffect(() => {
+ const cleanup = api.live((a) => {
+ setLiveList((list) => {
+ return [a, ...list];
+ });
+ });
+
+ return cleanup
+
+ }, [liveList, api]);
+
+ return (
+ <>
+
+
+ Unique passwords
+Unique username
+Unique IPs
+Total attempts
+
+
+ {totals.password}
+{totals.username}
+{totals.ip}
+{totals.attempts}
+| Date | +Username | +Password | +IP | +Country | +
|---|
+
+ )
+}
+
+export function Header() {
+ return (
+ Error: {message}
+
+
+ );
+}
+
+interface HeaderItem {
+ name: string
+ path: string
+}
+
+interface HeaderMenuProps {
+ title: string
+ items: Arrayapiary.home.2rjus.net
+ +
+ ![]()
+
+ )
+}
+
+export interface SubMenuProps {
+ items: Array<{ name: string, active: () => boolean, onClick: () => void }>
+}
+
+export function SubMenu({ items }: SubMenuProps) {
+ return (
+
+ )
+}
+
+const rootElement = document.getElementById('root');
+if (rootElement) {
+ const root = createRoot(rootElement);
+ let api: ApiaryAPI;
+ if (process.env.NODE_ENV === "production") {
+ api = new ApiaryAPIClient();
+ } else {
+ api = new DummyApiaryAPIClient();
+ }
+
+
+ root.render(
+ {title}
+ +
-
-
-
-
-
-
-
-
diff --git a/web/frontend/src/apiary/DummyClient.ts b/web/frontend/src/apiary/DummyClient.ts
deleted file mode 100644
index 8e4cb00..0000000
--- a/web/frontend/src/apiary/DummyClient.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { ApiaryAPI, LoginAttempt } from "@/apiary/apiary";
-
-
-export class ApiaryDummyClient implements ApiaryAPI {
- streamLoginAttempts(): any {
- return 'a';
- }
-}
\ No newline at end of file
diff --git a/web/frontend/src/apiary/apiary.ts b/web/frontend/src/apiary/apiary.ts
deleted file mode 100644
index 85237d9..0000000
--- a/web/frontend/src/apiary/apiary.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import FakerStatic from 'faker';
-
-export interface LoginAttempt {
- readonly date: string;
- readonly remoteIP: string;
- readonly username: string;
- readonly password: string;
- readonly sshClientVersion: string;
- readonly connectionUUID: string;
-}
-
-export interface StatResult {
- name: string;
- count: number;
-}
-
-export interface ApiaryAPI {
- streamLoginAttempts(): ReadableStream
-
-
- 
- apiary.t-juice.club
-
-
-
- Home
- Stats
- Attempts
- Search
-
-
-
-
-
- apiary.t-juice.club
-
-
-
-
-
diff --git a/web/frontend/src/components/Home.vue b/web/frontend/src/components/Home.vue
deleted file mode 100644
index 7394e8f..0000000
--- a/web/frontend/src/components/Home.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-
- Live Attempts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/web/frontend/src/components/SearchResult.vue b/web/frontend/src/components/SearchResult.vue
deleted file mode 100644
index d96bc88..0000000
--- a/web/frontend/src/components/SearchResult.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-
- Total login attempts
-{{ totalLoginAttempts }}
-Unique passwords
-{{ uniquePasswords }}
-Unique usernames
-{{ uniqueUsernames }}
-Unique IPs
-{{ uniqueIPs }}
-
-
-
-
-
-
-
-
-
diff --git a/web/frontend/src/components/Stats.vue b/web/frontend/src/components/Stats.vue
deleted file mode 100644
index f6c4698..0000000
--- a/web/frontend/src/components/Stats.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-
- Search
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/web/frontend/src/components/StatsPie.vue b/web/frontend/src/components/StatsPie.vue
deleted file mode 100644
index 9d537e5..0000000
--- a/web/frontend/src/components/StatsPie.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-
- Login Stats
-
-
- {{ title() }}
-
-
-
-
-
-
- Settings
-
-
-
-
-
-
-
-
-
diff --git a/web/frontend/src/components/StatsUsername.vue b/web/frontend/src/components/StatsUsername.vue
deleted file mode 100644
index 40937b7..0000000
--- a/web/frontend/src/components/StatsUsername.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
- {{ title() }}
-
-
-
-
-
-
-
-
- Cancel
- Ok
-
-
-
-
-
-
-
-
diff --git a/web/frontend/src/main.ts b/web/frontend/src/main.ts
deleted file mode 100644
index 4d13772..0000000
--- a/web/frontend/src/main.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import Vue from 'vue';
-import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
-import VueRouter, { RouteConfig } from 'vue-router';
-import AttemptList from '@/components/AttemptList.vue';
-import Home from '@/components/Home.vue';
-import Stats from '@/components/Stats.vue';
-import SearchResult from '@/components/SearchResult.vue';
-import 'bootstrap/dist/css/bootstrap.css';
-import 'bootstrap-vue/dist/bootstrap-vue.css';
-import '@fontsource/rubik';
-import '@fontsource/secular-one';
-import App from './App.vue';
-
-Vue.config.productionTip = false;
-// Make BootstrapVue available throughout your project
-Vue.use(BootstrapVue);
-// Optionally install the BootstrapVue icon components plugin
-Vue.use(IconsPlugin);
-
-Vue.use(VueRouter);
-
-const routes: ArrayTop 10 usernames
-
-
-
-