From 1488a6e5f78ca11482626710aad588c4475f9d6d Mon Sep 17 00:00:00 2001
From: zizifn <1803942+zizifn@users.noreply.github.com>
Date: Tue, 13 Dec 2022 23:22:38 +0800
Subject: [PATCH] add index page (#73)
add index page
---
.vscode/settings.json | 6 +-
apps/deno-vless/.eslintrc.json | 2 +-
apps/deno-vless/index.html | 18 +
apps/deno-vless/jest.config.ts | 16 -
apps/deno-vless/postcss.config.js | 15 +
apps/deno-vless/project.json | 45 +-
apps/deno-vless/public/favicon.ico | Bin 0 -> 15086 bytes
apps/deno-vless/src/app/.gitkeep | 0
apps/deno-vless/src/app/app.spec.tsx | 17 +
apps/deno-vless/src/app/app.tsx | 175 +
.../src/client/assets/index.d7b429b2.css | 1 +
.../src/client/assets/index.e8995bcc.js | 47 +
apps/deno-vless/src/client/favicon.ico | Bin 0 -> 15086 bytes
apps/deno-vless/src/client/index.html | 20 +
apps/deno-vless/src/deno/client.ts | 37 +
.../src/environments/environment.prod.ts | 3 -
.../src/environments/environment.ts | 3 -
apps/deno-vless/src/index.tsx | 13 +
apps/deno-vless/src/main.ts | 9 +-
apps/deno-vless/src/styles.css | 3 +
apps/deno-vless/tailwind.config.js | 17 +
apps/deno-vless/tsconfig.app.json | 18 +-
apps/deno-vless/tsconfig.json | 12 +-
apps/deno-vless/tsconfig.spec.json | 20 +-
apps/deno-vless/vite.config.ts | 26 +
doc/edge-tunnel-deno.md | 10 +-
doc/index.jpg | Bin 0 -> 26581 bytes
nx.json | 20 +-
package-lock.json | 9463 ++++++++++++++++-
package.json | 39 +-
30 files changed, 9775 insertions(+), 280 deletions(-)
create mode 100644 apps/deno-vless/index.html
delete mode 100644 apps/deno-vless/jest.config.ts
create mode 100644 apps/deno-vless/postcss.config.js
create mode 100644 apps/deno-vless/public/favicon.ico
delete mode 100644 apps/deno-vless/src/app/.gitkeep
create mode 100644 apps/deno-vless/src/app/app.spec.tsx
create mode 100644 apps/deno-vless/src/app/app.tsx
create mode 100644 apps/deno-vless/src/client/assets/index.d7b429b2.css
create mode 100644 apps/deno-vless/src/client/assets/index.e8995bcc.js
create mode 100644 apps/deno-vless/src/client/favicon.ico
create mode 100644 apps/deno-vless/src/client/index.html
create mode 100644 apps/deno-vless/src/deno/client.ts
delete mode 100644 apps/deno-vless/src/environments/environment.prod.ts
delete mode 100644 apps/deno-vless/src/environments/environment.ts
create mode 100644 apps/deno-vless/src/index.tsx
create mode 100644 apps/deno-vless/src/styles.css
create mode 100644 apps/deno-vless/tailwind.config.js
create mode 100644 apps/deno-vless/vite.config.ts
create mode 100644 doc/index.jpg
diff --git a/.vscode/settings.json b/.vscode/settings.json
index f81fdd1..daae9f3 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,9 @@
{
"deno.codeLens.implementations": true,
"deno.codeLens.references": true,
- "deno.enablePaths": ["apps/deno-bypass", "apps/deno-vless"]
+ "deno.enablePaths": [
+ "apps/deno-bypass",
+ "apps/deno-vless/src/deno",
+ "apps/deno-vless/src/main.ts"
+ ]
}
diff --git a/apps/deno-vless/.eslintrc.json b/apps/deno-vless/.eslintrc.json
index 9d9c0db..734ddac 100644
--- a/apps/deno-vless/.eslintrc.json
+++ b/apps/deno-vless/.eslintrc.json
@@ -1,5 +1,5 @@
{
- "extends": ["../../.eslintrc.json"],
+ "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
"ignorePatterns": ["!**/*"],
"overrides": [
{
diff --git a/apps/deno-vless/index.html b/apps/deno-vless/index.html
new file mode 100644
index 0000000..3d0e77e
--- /dev/null
+++ b/apps/deno-vless/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+ Edge Tunnel VLESS Deno
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/apps/deno-vless/jest.config.ts b/apps/deno-vless/jest.config.ts
deleted file mode 100644
index 82e0cdd..0000000
--- a/apps/deno-vless/jest.config.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/* eslint-disable */
-export default {
- displayName: 'deno-vless',
- preset: '../../jest.preset.js',
- globals: {
- 'ts-jest': {
- tsconfig: '/tsconfig.spec.json',
- },
- },
- testEnvironment: 'node',
- transform: {
- '^.+\\.[tj]s$': 'ts-jest',
- },
- moduleFileExtensions: ['ts', 'js', 'html'],
- coverageDirectory: '../../coverage/apps/deno-vless',
-};
diff --git a/apps/deno-vless/postcss.config.js b/apps/deno-vless/postcss.config.js
new file mode 100644
index 0000000..c72626d
--- /dev/null
+++ b/apps/deno-vless/postcss.config.js
@@ -0,0 +1,15 @@
+const { join } = require('path');
+
+// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
+// option from your application's configuration (i.e. project.json).
+//
+// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
+
+module.exports = {
+ plugins: {
+ tailwindcss: {
+ config: join(__dirname, 'tailwind.config.js'),
+ },
+ autoprefixer: {},
+ },
+};
diff --git a/apps/deno-vless/project.json b/apps/deno-vless/project.json
index 580e4a3..3e0b08d 100644
--- a/apps/deno-vless/project.json
+++ b/apps/deno-vless/project.json
@@ -4,16 +4,53 @@
"sourceRoot": "apps/deno-vless/src",
"projectType": "application",
"targets": {
- "run": {
- "executor": "nx:run-commands",
+ "build": {
+ "executor": "@nrwl/vite:build",
+ "outputs": ["{options.outputPath}"],
+ "defaultConfiguration": "production",
"options": {
- "command": "deno run --allow-net --allow-env --allow-write apps/deno-vless/src/main.ts "
+ "outputPath": "apps/deno-vless/src/client"
+ },
+ "configurations": {
+ "development": {},
+ "production": {}
}
},
"serve": {
+ "executor": "@nrwl/vite:dev-server",
+ "defaultConfiguration": "development",
+ "options": {
+ "buildTarget": "deno-vless:build"
+ },
+ "configurations": {
+ "development": {
+ "buildTarget": "deno-vless:build:development",
+ "hmr": true
+ },
+ "production": {
+ "buildTarget": "deno-vless:build:production",
+ "hmr": false
+ }
+ }
+ },
+ "serve-deno": {
"executor": "nx:run-commands",
"options": {
- "command": "deno run --allow-net --allow-write --allow-env --watch apps/deno-vless/src/main.ts "
+ "command": "deno run --allow-net --allow-read --allow-write --allow-env --watch apps/deno-vless/src/main.ts"
+ }
+ },
+ "test": {
+ "executor": "@nrwl/vite:test",
+ "outputs": ["{projectRoot}/coverage"],
+ "options": {
+ "passWithNoTests": true
+ }
+ },
+ "lint": {
+ "executor": "@nrwl/linter:eslint",
+ "outputs": ["{options.outputFile}"],
+ "options": {
+ "lintFilePatterns": ["apps/deno-vless/**/*.{ts,tsx,js,jsx}"]
}
}
},
diff --git a/apps/deno-vless/public/favicon.ico b/apps/deno-vless/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..317ebcb2336e0833a22dddf0ab287849f26fda57
GIT binary patch
literal 15086
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 {
+ it('should render successfully', () => {
+ const { baseElement } = render();
+
+ expect(baseElement).toBeTruthy();
+ });
+
+ it('should have a greeting as the title', () => {
+ const { getByText } = render();
+
+ expect(getByText(/Welcome test-app/gi)).toBeTruthy();
+ });
+});
diff --git a/apps/deno-vless/src/app/app.tsx b/apps/deno-vless/src/app/app.tsx
new file mode 100644
index 0000000..885204d
--- /dev/null
+++ b/apps/deno-vless/src/app/app.tsx
@@ -0,0 +1,175 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { ExclamationTriangleIcon } from '@heroicons/react/20/solid';
+import QRCode from 'qrcode';
+import { useEffect, useState } from 'react';
+import { validate as uuidValidate } from 'uuid';
+export function App() {
+ const [text, setText] = useState('');
+ function handleShare(text: string) {
+ setText(text);
+ }
+ return (
+
+ );
+}
+
+function ClipboardCopy(text: string) {}
+function QRcodeImg({ text }: { text: string }) {
+ const [codeImg, setcodeImg] = useState('');
+ const [copy, setCopy] = useState(false);
+ useEffect(() => {
+ (async () => {
+ if (text) {
+ const dataURL = await QRCode.toDataURL(text);
+ setcodeImg(dataURL);
+ }
+ })();
+ }, [text]);
+
+ async function copyText() {
+ await navigator.clipboard.writeText(text);
+ setCopy(true);
+ setTimeout(() => {
+ setCopy(false);
+ }, 1500);
+ }
+
+ return (
+
+
+
+