12 |
19 | );
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/pages/PageError.less:
--------------------------------------------------------------------------------
1 | @import "../../theme";
2 |
3 | .page404-box {
4 | width: 100%;
5 | display: flex;
6 | align-items: center;
7 | flex-direction: column;
8 | }
9 |
10 | .page404-image-box {
11 | height: 100vh;
12 | width: 100%;
13 | display: flex;
14 | flex-direction: column;
15 | align-items: center;
16 | justify-content: center;
17 | }
18 |
19 | .page404-image-inner {
20 | width: 420px;
21 | }
22 |
23 | .page404-image-inner-disconnected {
24 | width: 320px;
25 | }
26 |
27 | .page404-inner {
28 | margin-top: 24px;
29 | text-align: center;
30 | font-size: 16px;
31 | color: @gray;
32 | }
33 |
34 | .page404-btn {
35 | margin-top: 40px;
36 | width: 148px;
37 | }
38 |
39 |
40 | @media screen and (max-width: 660px) {
41 | .page404-image-inner {
42 | width: 280px;
43 | }
44 | .page404-image-inner-disconnected {
45 | width: 100%;
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": "src",
4 | "outDir": "dist",
5 | "module": "ESNext",
6 | "target": "es5",
7 | "skipLibCheck": true,
8 | "lib": [
9 | "es6",
10 | "dom"
11 | ],
12 | "allowSyntheticDefaultImports": true,
13 | "sourceMap": true,
14 | "declaration": true,
15 | "experimentalDecorators": true,
16 | "jsx": "react",
17 | "moduleResolution": "node",
18 | "forceConsistentCasingInFileNames": false,
19 | "noImplicitReturns": true,
20 | "noImplicitThis": true,
21 | "noImplicitAny": true,
22 | "strictNullChecks": true,
23 | "suppressImplicitAnyIndexErrors": true,
24 | "noUnusedLocals": false,
25 | "paths": {
26 | "*" : ["node_modules/white-web-sdk/types/*"]
27 | }
28 | },
29 | "exclude": [
30 | "node_modules",
31 | "dist",
32 | "build",
33 | "scripts"
34 | ],
35 | "include": [
36 | "./src/**/*"
37 | ]
38 | }
39 |
--------------------------------------------------------------------------------
/src/locale/en.yml:
--------------------------------------------------------------------------------
1 | modules:
2 | error-page:
3 | title-not-exist: The page you visited does not exist
4 | title-not-disconnect: Room disconnected
5 | title-room-not-exist: Room does not exist
6 | btn: Back to home
7 |
8 | pages:
9 | login:
10 | login: Login
11 | forget-password: Forgot password ?
12 | input-password: Input password
13 | input-phone-or-email: Phone userId / Email
14 | input-email: Input Email
15 | home:
16 | all-doc: All Document
17 | my-created: I Created
18 | share-to-me: Share To Me
19 | recycle-bin: Recycle Bin
20 | my-doc: My Document
21 | search-input: Link / Doc Name
22 | account-setting: Account Set
23 | user-name: Name
24 |
25 | player:
26 | broadcaster-perspective: Broadcaster Perspective
27 | menu-title: Replay list
28 | freedom-perspective: Freedom Perspective
29 | notification-title: Playback function Beta release notes
30 | notification-inner: White will
31 |
--------------------------------------------------------------------------------
/nginx.conf:
--------------------------------------------------------------------------------
1 |
2 | user root;
3 | worker_processes 1;
4 | daemon off;
5 |
6 | #error_log logs/error.log notice;
7 | #error_log logs/error.log info;
8 |
9 | #pid logs/nginx.pid;
10 |
11 | events {
12 | worker_connections 1024;
13 | }
14 |
15 |
16 | http {
17 |
18 |
19 | include mime.types;
20 | default_type application/octet-stream;
21 |
22 | #log_format main '$remote_addr - $remote_user [$time_local] "$request" '
23 | # '$status $body_bytes_sent "$http_referer" '
24 | # '"$http_user_agent" "$http_x_forwarded_for"';
25 |
26 | #access_log logs/access.log main;
27 |
28 | sendfile on;
29 | #tcp_nopush on;
30 |
31 | #keepalive_timeout 0;
32 | keepalive_timeout 65;
33 |
34 | #gzip on;
35 |
36 |
37 | server {
38 | listen 80;
39 | location / {
40 | root /usr/local/openresty/nginx/build;
41 | try_files $uri $uri/ /index.html;
42 | }
43 | }
44 |
45 | }
46 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 netless
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/src/apiMiddleware/RoomOperator.ts:
--------------------------------------------------------------------------------
1 | import Fetcher from "@netless/fetch-middleware";
2 | import {netlessToken} from "../appToken";
3 | export enum RoomType {
4 | transitory = "transitory",
5 | persistent = "persistent",
6 | historied = "historied",
7 | }
8 |
9 | const fetcher = new Fetcher(5000, "https://cloudcapiv4.herewhite.com");
10 |
11 | export class RoomOperator {
12 |
13 | public async createRoomApi(name: string, limit: number, mode: RoomType): Promise
13 | 
14 |
18 |
15 | 您访问的页面不存在
16 |
17 |
55 |
56 | 
57 |
58 |
);
93 | }
94 | }
95 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by taozeyu on 2017/6/4.
3 | */
4 |
5 | const path = require("path");
6 | const webpack = require("webpack");
7 | const HtmlWebpackPlugin = require("html-webpack-plugin");
8 | const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
9 |
10 | const basic = {
11 |
12 | entry: [
13 | "./src/index.ts",
14 | ],
15 |
16 | output: {
17 | filename: "javascript/index-[hash].js",
18 | path: __dirname + "/build",
19 | publicPath: "/",
20 | },
21 |
22 | resolve: {
23 | extensions: [".ts", ".tsx", ".js", ".svg"],
24 | },
25 |
26 | devtool: 'source-map',
27 |
28 | module: {
29 | rules: [
30 | {
31 | test: /\.js$/,
32 | enforce: "pre",
33 | loader: "source-map-loader",
34 | exclude: [
35 | path.resolve(__dirname, "src/rtc/rtsLib"),
36 | ]
37 | },
38 | {
39 | test: /\.tsx?$/,
40 | use: [
41 | 'ts-loader',
42 | {
43 | loader: 'ui-component-loader',
44 | options: {
45 | 'lib': 'antd',
46 | 'libDir': 'es',
47 | 'style': false,
48 | }
49 | },
50 | ],
51 | exclude: /node_modules/,
52 | }, {
53 | test: /\.less$/,
54 | use: [
55 | {loader: "style-loader"}, {loader: "css-loader"}, {loader: "less-loader"}
56 | ]
57 | }, {
58 | test: /\.css$/,
59 | use: [
60 | {loader: "style-loader"}, {loader: "css-loader"}
61 | ]
62 | }, {
63 | test: /\.svg$/,
64 | exclude: /node_modules/,
65 | loader: 'svg-react-loader',
66 | query: {
67 | classIdPrefix: '[name]-[hash:8]__',
68 | propsMap: {
69 | fillRule: 'fill-rule',
70 | foo: 'bar'
71 | },
72 | xmlnsTest: /^xmlns.*$/
73 | }
74 | }, {
75 | test: /\.(png|jpg)$/,
76 | loader: 'url-loader?limit=8192&name=icons/[hash:8].[name].[ext]'
77 | }]
78 | },
79 | plugins: [
80 | new HtmlWebpackPlugin({
81 | template: "./src/index-template.html",
82 | filename: "index.html",
83 | path: __dirname + "/build",
84 | inject: "body",
85 | }),
86 | new ForkTsCheckerWebpackPlugin({ memoryLimit : 10000, workers: 2 })
87 | ]
88 | };
89 |
90 | const development = {
91 | devServer: {
92 | port: 3000,
93 | historyApiFallback: true,
94 | // proxy: {
95 | // "/api": {
96 | // pathRewrite: {'^/api': '/'},
97 | // target: "http://bad006a941144606a2cf5b693c5dddea-cn-hangzhou.alicloudapi.com/",
98 | // changeOrigin: true
99 | // },
100 | // },
101 | },
102 | };
103 |
104 | const production = {
105 | plugins: [
106 | new webpack.optimize.UglifyJsPlugin({
107 | compress: {
108 | warnings: false
109 | }
110 | }),
111 | ],
112 | };
113 |
114 | function merge(conf1, conf2) {
115 | if (conf1 instanceof Array && conf2 instanceof Array) {
116 | const array = [];
117 | conf1.forEach(function (e) {
118 | array.push(e);
119 | });
120 | conf2.forEach(function (e) {
121 | array.push(e);
122 | });
123 | return array;
124 | }
125 | const result = {};
126 |
127 | function mergeValue(v1, v2) {
128 | if (typeof v1 === "object" && typeof v2 === "object") {
129 | return merge(v1, v2);
130 |
131 | } else if (v1 === undefined) {
132 | return v2;
133 |
134 | } else {
135 | return v1;
136 | }
137 | }
138 |
139 | for (const key in conf1) {
140 | result[key] = mergeValue(conf1[key], conf2[key]);
141 | }
142 | for (const key in conf2) {
143 | if (!(key in conf1)) {
144 | result[key] = mergeValue(conf1[key], conf2[key]);
145 | }
146 | }
147 | return result;
148 | }
149 |
150 | module.exports = merge(
151 | basic,
152 | process.env.NODE_ENV === 'production' ? production : development
153 | );
154 |
--------------------------------------------------------------------------------
/src/pages/WhiteboardPage.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import {RouteComponentProps} from "react-router";
3 | import AgoraRTC from "agora-rtc-sdk";
4 | import "./WhiteboardPage.less";
5 | import {netlessWhiteboardApi} from "../apiMiddleware";
6 | import WhiteFastSDK from "@netless/white-fast-web-sdk";
7 | import {IdentityType} from "./WhiteboardCreatorPage";
8 | export type WhiteboardPageProps = RouteComponentProps<{
9 | uuid: string;
10 | userId: string;
11 | identityType: IdentityType;
12 | }>;
13 |
14 | export type WhiteboardPageState = {
15 | recordData: RecordDataType | null;
16 | room: any,
17 | };
18 | export type RecordDataType = {startTime?: number, endTime?: number, mediaUrl?: string};
19 | export default class WhiteboardPage extends React.Component
59 |
91 |
92 |
60 |
61 |
62 |
73 |
74 |
88 |
89 |
90 |
63 | this.setState({name: e.target.value})} size={"large"} placeholder={"输入用户名"}/>
64 |
71 |
72 |
75 | this.setState({url: e.target.value})}
77 | size={"large"} placeholder={"输入房间地址或者 UUID"}/>
78 |
86 |
87 |
134 |
135 | );
136 | }
137 | }
138 |
--------------------------------------------------------------------------------
/src/assets/image/room_not_find.svg:
--------------------------------------------------------------------------------
1 |
169 |
--------------------------------------------------------------------------------
/src/assets/image/netless_black.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------