Merge pull request #71 from JustaName-id/hadi/telegram-static

feat: telegram static page
JustaName-id · Nov 1, 2024 · e54790b · e54790b
2 parents 819d46b + e1fa908
commit e54790b
Show file tree

Hide file tree

Showing 16 changed files with 216 additions and 2 deletions.
diff --git a/apps/telegram-static/.env.example b/apps/telegram-static/.env.example
@@ -0,0 +1,2 @@
+VITE_APP_TELEGRAM_BOT_USERNAME=<your-telegram-bot-username>
+VITE_APP_API_DOMAIN=<your-vc-api-domain>/verifications/v1
diff --git a/apps/telegram-static/.eslintrc.json b/apps/telegram-static/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}
diff --git a/apps/telegram-static/.gitignore b/apps/telegram-static/.gitignore
@@ -0,0 +1 @@
+.env
diff --git a/apps/telegram-static/env.d.ts b/apps/telegram-static/env.d.ts
@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  VITE_APP_TELEGRAM_BOT_USERNAME: string;
+  VITE_APP_API_DOMAIN: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
diff --git a/apps/telegram-static/index.html b/apps/telegram-static/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>TelegramStatic</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/telegram-static/jest.config.ts b/apps/telegram-static/jest.config.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'telegram-static',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/apps/telegram-static',
+};
diff --git a/apps/telegram-static/project.json b/apps/telegram-static/project.json
@@ -0,0 +1,9 @@
+{
+  "name": "telegram-static",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/telegram-static/src",
+  "projectType": "application",
+  "tags": [],
+  "// targets": "to see all targets run: nx show project telegram-static --web",
+  "targets": {}
+}
diff --git a/apps/telegram-static/public/favicon.ico b/apps/telegram-static/public/favicon.ico
diff --git a/apps/telegram-static/src/app/app.tsx b/apps/telegram-static/src/app/app.tsx
@@ -0,0 +1,28 @@
+import {useEffect} from "react";
+
+export function App() {
+  const telegramBotUsername = import.meta.env.VITE_APP_TELEGRAM_BOT_USERNAME;
+  const apiDomain = import.meta.env.VITE_APP_API_DOMAIN;
+  const state = new URLSearchParams(window.location.search).get('state');
+  const dataAuthUrl = `${apiDomain}/credentials/socials/telegram/callback?state=${state}`;
+
+  useEffect(() => {
+    const script = document.createElement('script');
+    script.src = "https://telegram.org/js/telegram-widget.js?15";
+    script.async = true;
+    script.setAttribute('data-telegram-login', telegramBotUsername);
+    script.setAttribute('data-size', 'large');
+    script.setAttribute('data-auth-url', dataAuthUrl);
+    script.setAttribute('data-request-access', 'write');
+
+    document.getElementById('telegram-widget-container')?.appendChild(script);
+
+    return () => {
+      // Cleanup script if component unmounts
+      document.getElementById('telegram-widget-container')?.removeChild(script);
+    };
+  }, [telegramBotUsername, dataAuthUrl]);
+
+  return <div id="telegram-widget-container"></div>;
+}
+export default App;
diff --git a/apps/telegram-static/src/assets/.gitkeep b/apps/telegram-static/src/assets/.gitkeep
diff --git a/apps/telegram-static/src/main.tsx b/apps/telegram-static/src/main.tsx
@@ -0,0 +1,13 @@
+import { StrictMode } from 'react';
+import * as ReactDOM from 'react-dom/client';
+
+import App from './app/app';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);
diff --git a/apps/telegram-static/tsconfig.app.json b/apps/telegram-static/tsconfig.app.json
@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}
diff --git a/apps/telegram-static/tsconfig.json b/apps/telegram-static/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "types": ["vite/client"]
+  },
+  "files": [],
+  "include": [
+    "env.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}
diff --git a/apps/telegram-static/tsconfig.spec.json b/apps/telegram-static/tsconfig.spec.json
@@ -0,0 +1,25 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": [
+      "jest",
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}
diff --git a/apps/telegram-static/vite.config.ts b/apps/telegram-static/vite.config.ts
@@ -0,0 +1,36 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: '../../node_modules/.vite/apps/telegram-static',
+
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+
+  plugins: [react(), nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  build: {
+    outDir: '../../dist/apps/telegram-static',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+});
diff --git a/apps/vc-api/src/core/domain/exceptions/Credentials.exception.ts b/apps/vc-api/src/core/domain/exceptions/Credentials.exception.ts
@@ -4,6 +4,6 @@ export class CredentialsException extends Error {
   }
 
   static invalid() {
-    return new CredentialsException('Invalid data: Authentication failed');
+    return new CredentialsException('CredentialsException: Authentication failed');
   }
-}
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		VITE_APP_TELEGRAM_BOT_USERNAME=<your-telegram-bot-username>
		VITE_APP_API_DOMAIN=<your-vc-api-domain>/verifications/v1