Simple Exception
5 | );
6 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = space
5 | indent_size = 2
6 | tab_width = 2
7 | end_of_line = lf
8 | charset = utf-8
9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/components/Toolbar/index.scss:
--------------------------------------------------------------------------------
1 | .toolbar-container {
2 | position: fixed;
3 | right: 10px;
4 | top: 10px;
5 | z-index: 100;
6 | color: #000;
7 | -webkit-app-region: no-drag;
8 | }
9 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/.vscode/setting.json:
--------------------------------------------------------------------------------
1 | {
2 | "eslint.validate": [
3 | "javascript",
4 | "javascriptreact",
5 | { "language": "typescript", "autoFix": true },
6 | { "language": "typescriptreact", "autoFix": true }
7 | ]
8 | }
9 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/.gitignore:
--------------------------------------------------------------------------------
1 | # Node files
2 | node_modules
3 |
4 | # OS junk files
5 | .DS_Store
6 | .stylelintcache
7 | .eslintcache
8 |
9 | # Project specific stuff
10 | .cache-loader
11 | @coverage
12 | *.log
13 | dist
14 | build
15 | out
16 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/hooks/pagination.ts:
--------------------------------------------------------------------------------
1 | import { useLiteState } from '.';
2 |
3 | export const usePagination = (pageNum = 1, pageSize = 20) =>
4 | useLiteState(() => ({
5 | pageNum,
6 | pageSize,
7 | }));
8 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/src/preload/index.d.ts:
--------------------------------------------------------------------------------
1 | declare global {
2 | interface Window {
3 | electron: {
4 | sendMsg(msg: string): Promise{children}
6 |
7 | );
8 |
9 | export default Layout;
10 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "baseUrl": ".",
5 | "paths": {
6 | "@/*": ["./src/*"]
7 | }
8 | },
9 | "include": ["src/**/*"]
10 | }
11 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [
3 | [
4 | '@m-fe',
5 | {
6 | import: true,
7 | react: false,
8 | typescript: true,
9 | },
10 | ],
11 | ],
12 | };
13 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {props.children}
;
7 | };
8 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/scripts/tools/upgrade_pkgs.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | set -ex
3 |
4 | ncu -u
5 |
6 | (cd ./packages/rte-core && ncu -u)
7 | (cd ./packages/rte-bootstrap && ncu -u)
8 | (cd ./packages/rte-host-app && ncu -u)
9 | (cd ./packages/rte-mobx-app && ncu -u)
10 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/extra/regedit/vbs/JsonSafeTest.wsf:
--------------------------------------------------------------------------------
1 |
7 |
11 | );
12 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/index.ts:
--------------------------------------------------------------------------------
1 | export * from './api';
2 | export * from './auth';
3 | export * from './components';
4 | export * from './containers';
5 | export * from './env';
6 | export * from './hocs';
7 | export * from './hooks';
8 | export * from './layouts';
9 | export * from './types';
10 | export * from './utils';
11 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-core/src/models/InstallableAppSeries.ts:
--------------------------------------------------------------------------------
1 | import { Base } from 'ueact-utils';
2 |
3 | import { InstallableApp } from './InstallableApp';
4 |
5 | export class InstallableAppSeries extends Base {
6 | name: string;
7 |
8 | key: string;
9 |
10 | apps: InstallableApp[];
11 |
12 | order: number;
13 |
14 | description: string;
15 | }
16 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/eslint.config.js:
--------------------------------------------------------------------------------
1 | // @ts-check
2 | const lightwing = require('@lightwing/eslint-config').default
3 |
4 | module.exports = lightwing(
5 | {
6 | ignores: [
7 | 'dist',
8 | 'node_modules',
9 | '*.svelte',
10 | '*.snap',
11 | '*.d.ts',
12 | 'coverage',
13 | 'js_test',
14 | 'local-data',
15 | ],
16 | },
17 | )
18 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/src/preload/index.ts:
--------------------------------------------------------------------------------
1 | import { contextBridge, ipcRenderer } from 'electron'
2 |
3 | contextBridge.exposeInMainWorld(
4 | 'electron',
5 | {
6 | sendMsg: (msg: string): Promise
8 |
9 |
10 |
8 |
10 | );
11 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/scripts/webpack/webpack.config.umd.js:
--------------------------------------------------------------------------------
1 | const merge = require('webpack-merge');
2 |
3 | const themeConfig = require('./webpack.config.theme');
4 | const umdConfig = require('../../../../scripts/webpack/webpack.config')
5 | .umdConfig;
6 |
7 | module.exports = merge(umdConfig, themeConfig, {
8 | entry: {
9 | index: path.resolve(__dirname, '../../src/index.umd'),
10 | },
11 | });
12 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "RTW",
3 | "name": "Micro Frontend Boilerplate",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": "./index.html",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/.eslintrc.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | const baseConfig = require('../../.eslintrc.js');
4 |
5 | module.exports = {
6 | ...baseConfig,
7 | settings: {
8 | 'import/resolver': {
9 | webpack: {
10 | config: path.resolve(
11 | __dirname,
12 | './scripts/webpack/webpack.config.resolve.js',
13 | ),
14 | },
15 | },
16 | },
17 | };
18 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/src/render/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
14 | LoginPage
15 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/scripts/helm/charts/templates/api-svc.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Service
3 | metadata:
4 | name: {{ include "context.fullname" . }}
5 | labels:
6 | {{ include "context.labels" . | indent 4 }}
7 | spec:
8 | type: {{ .Values.context.service.type }}
9 | ports:
10 | - port: {{ .Values.context.service.port }}
11 | targetPort: http
12 | protocol: TCP
13 | name: http
14 | selector:
15 | app.kubernetes.io/name: {{ include "context.name" . }}
16 | app.kubernetes.io/instance: {{ .Release.Name }}
17 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/scripts/webpack/webpack.config.prod.js:
--------------------------------------------------------------------------------
1 | const merge = require('webpack-merge');
2 | const path = require('path');
3 | const themeConfig = require('./webpack.config.theme');
4 |
5 | const prodConfig = require('../../../../scripts/webpack/webpack.config')
6 | .prodConfig;
7 |
8 | const config = merge(themeConfig, prodConfig, {
9 | entry: {
10 | index: path.resolve(__dirname, '../../src/index'),
11 | },
12 | output: {
13 | publicPath: 'a/b',
14 | },
15 | });
16 |
17 | module.exports = config;
18 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/components/PageHeader/index.tsx:
--------------------------------------------------------------------------------
1 | import { PageHeader as AntdPageHeader } from 'antd';
2 | import { PageHeaderProps as AntdPageHeaderProps } from 'antd/es/page-header';
3 | import React from 'react';
4 |
5 | import styles from './index.less';
6 |
7 | export interface PageHeaderProps extends AntdPageHeaderProps {}
8 |
9 | export function PageHeader(props: PageHeaderProps) {
10 | return (
11 |
12 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/types/module.ts:
--------------------------------------------------------------------------------
1 | import { MenuDataItem } from '@ant-design/pro-layout';
2 | import { ComponentType } from 'react';
3 |
4 | export interface ResolvedModule {
5 | default: ComponentType
7 |
14 | © 2019-2020 Unionfab 版权所有
15 |
16 | ICP 证：
17 |
18 | 沪ICP备17023219号
19 |
20 |
21 |
22 | );
23 | };
24 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/env/dev.ts:
--------------------------------------------------------------------------------
1 | import MobileDetect from 'mobile-detect';
2 |
3 | window.gConfig = {};
4 |
5 | // 如果是在本地开发，则默认为开发环境服务器
6 | export const HOST = __DEV__
7 | ? 'https://api.unionfab.com'
8 | : window.gConfig.HOST
9 | ? `https://${window.gConfig.HOST}`
10 | : 'https://api.test.unionfab.com';
11 |
12 | export const UFI_HOST = `https://${(window.gConfig || {}).UFI_HOST}`;
13 |
14 | export const NODE_HOST = __DEV__
15 | ? 'https://node-api.unionfab.com'
16 | : window.gConfig.HOST
17 | ? `https://${window.gConfig.NODE_HOST}`
18 | : 'https://node-api.test.unionfab.com';
19 |
20 | export const WITH_AUTH = true;
21 |
22 | const md = new MobileDetect(window.navigator.userAgent);
23 |
24 | export const isMobile = !!md.mobile();
25 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode/
2 | build/
3 | dist/
4 | node_modules/
5 | out/
6 |
7 | # Logs
8 | logs
9 | *.log
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Yarn Integrity file
15 | .yarn-integrity
16 |
17 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
18 | .grunt
19 |
20 | # Optional npm cache directory
21 | .npm
22 |
23 | # Optional eslint cache
24 | .eslintcache
25 |
26 | # Windows thumbnail cache files
27 | Thumbs.db
28 |
29 | # OS X files
30 | .DS_Store
31 | ._*
32 |
33 | # Node files
34 | node_modules
35 |
36 | # OS junk files
37 | .DS_Store
38 | .stylelintcache
39 | .eslintcache
40 |
41 | # Project specific stuff
42 | .cache-loader
43 | @coverage
44 | *.log
45 | dist
46 | build
47 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/assets/up.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/components/CopyBlock/index.less:
--------------------------------------------------------------------------------
1 | .copy-block {
2 | position: fixed;
3 | right: 80px;
4 | bottom: 40px;
5 | z-index: 99;
6 | display: flex;
7 | flex-direction: column;
8 | align-items: center;
9 | justify-content: center;
10 | width: 40px;
11 | height: 40px;
12 | font-size: 20px;
13 | background: #fff;
14 | border-radius: 40px;
15 | box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
16 | 0 1px 10px 0 rgba(0, 0, 0, 0.12);
17 | cursor: pointer;
18 | }
19 |
20 | .copy-block-view {
21 | position: relative;
22 | .copy-block-code {
23 | display: inline-block;
24 | margin: 0 0.2em;
25 | padding: 0.2em 0.4em 0.1em;
26 | font-size: 85%;
27 | border-radius: 3px;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/typings/global.d.ts:
--------------------------------------------------------------------------------
1 | import 'dayjs/plugin/relativeTime';
2 | import HtmlWebpackPlugin from 'html-webpack-plugin';
3 | import { Plugin } from 'webpack';
4 | import * as S from 'ufc-schema';
5 |
6 | declare global {
7 | const __DEV__: boolean;
8 |
9 | interface Window {
10 | Sentry: any;
11 | System: SystemJSLoader.System;
12 | gConfig: {
13 | pwa?: false;
14 | user?: S.User;
15 | HOST?: string;
16 | UFI_HOST?: string;
17 | NODE_HOST?: string;
18 | };
19 | }
20 | }
21 |
22 | declare module 'html-webpack-plugin' {
23 | namespace HtmlWebpackPlugin {
24 | interface Options {
25 | alwaysWriteToDisk?: boolean;
26 | inlineSource?: string | RegExp;
27 | }
28 | }
29 |
30 | export = HtmlWebpackPlugin;
31 | }
32 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "browser": true,
4 | "node": true
5 | },
6 | "extends": "airbnb",
7 | "rules": {
8 | "no-unused-vars": "warn",
9 | "max-len": [
10 | "error",
11 | {
12 | "ignoreUrls": true
13 | }
14 | ],
15 | "import/no-extraneous-dependencies": [
16 | "error",
17 | {
18 | "devDependencies": [
19 | "webpack.*.js",
20 | "test/**/*.js"
21 | ]
22 | }
23 | ],
24 | "sort-imports": 2,
25 | "import/prefer-default-export": 0,
26 | "import/no-default-export": 2,
27 | "import/no-named-default": 0,
28 | "react/jsx-no-bind": false
29 | },
30 | "plugins": [
31 | "import"
32 | ],
33 | "settings": {
34 | "import/resolver": "webpack"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/components/HeaderSearch/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/es/style/themes/default.less';
2 |
3 | .headerSearch {
4 | :global(.anticon-search) {
5 | font-size: 16px;
6 | cursor: pointer;
7 | }
8 | .input {
9 | width: 0;
10 | background: transparent;
11 | border-radius: 0;
12 | transition: width 0.3s, margin-left 0.3s;
13 | :global(.ant-select-selection) {
14 | background: transparent;
15 | }
16 | input {
17 | padding-right: 0;
18 | padding-left: 0;
19 | border: 0;
20 | box-shadow: none !important;
21 | }
22 | &,
23 | &:hover,
24 | &:focus {
25 | border-bottom: 1px solid @border-color-base;
26 | }
27 | &.show {
28 | width: 210px;
29 | margin-left: 8px;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/components/HeaderDropdown/index.tsx:
--------------------------------------------------------------------------------
1 | import { Dropdown } from 'antd';
2 | import { DropDownProps } from 'antd/es/dropdown';
3 | import classNames from 'classnames';
4 | import * as React from 'react';
5 |
6 | import styles from './index.less';
7 |
8 | export interface HeaderDropdownProps extends DropDownProps {
9 | overlayClassName?: string;
10 | placement?:
11 | | 'bottomLeft'
12 | | 'bottomRight'
13 | | 'topLeft'
14 | | 'topCenter'
15 | | 'topRight'
16 | | 'bottomCenter';
17 | }
18 |
19 | const HeaderDropdown: React.FC
21 |
22 |
28 |
29 |
30 | }
31 | />
32 | );
33 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/src/index.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-var-requires */
2 |
3 | import { app } from 'electron';
4 | import log from 'electron-log';
5 |
6 | import * as R from 'rte-core';
7 |
8 | import { getVersion } from './provider';
9 | import { AppManager } from './AppManager';
10 |
11 | if (process.env.NODE_ENV !== 'production') {
12 | // eslint-disable-next-line @typescript-eslint/no-require-imports
13 | require('electron-debug')({ showDevTools: true });
14 | }
15 |
16 | process.on('uncaughtException', error => {
17 | // Handle the error
18 | log.error(error);
19 | });
20 |
21 | declare const global: {
22 | searchLocation: R.searchLocationFunc;
23 | run: R.runFunc;
24 | download: R.downloadFunc;
25 | getVersion: R.getVersionFunc;
26 | };
27 |
28 | global.getVersion = getVersion;
29 |
30 | const url =
31 | process.env.ELECTRON_START_URL || `file://${__dirname}/assets/index.html`;
32 | const appManager = new AppManager(app, url);
33 | appManager.initApp();
34 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/user/containers/PersonList/index.less:
--------------------------------------------------------------------------------
1 | @import '~@/skeleton/styles/variables.less';
2 |
3 | .container {
4 | .appContainer;
5 |
6 | overflow-y: auto;
7 | overflow-x: hidden;
8 | padding: 24px;
9 | }
10 |
11 | .filters {
12 | width: 100%;
13 | height: 36px;
14 | display: flex;
15 | margin-bottom: 16px;
16 | align-items: center;
17 |
18 | .count {
19 | width: 100%;
20 | font-size: 18px;
21 | color: rgb(0, 0, 0, 0.75);
22 | line-height: 50px;
23 |
24 | .num {
25 | color: #6874e2;
26 | }
27 | }
28 |
29 | .item {
30 | display: flex;
31 | justify-content: center;
32 | align-items: center;
33 |
34 | .field {
35 | font-size: 14px;
36 | margin-left: 28px;
37 | white-space: nowrap;
38 | }
39 |
40 | .input {
41 | .flexCenter;
42 |
43 | margin-left: 14px;
44 | }
45 | }
46 |
47 | .actions {
48 | .flexCenter;
49 |
50 | margin-left: 14px;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/components/InstallableAppSeriesView/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { InstallableApp, InstallableAppSeries } from 'rte-core';
4 |
5 | import { InstallableAppView } from '../InstallableAppView';
6 |
7 | import './index.scss';
8 |
9 | export interface InstallableAppSeriesView {
10 | name: string;
11 | id: string;
12 | children: InstallableApp[];
13 | }
14 |
15 | interface InstallableAppSeriesViewProps {
16 | data: InstallableAppSeries;
17 | }
18 |
19 | export const InstallableAppSeriesView = (
20 | props: InstallableAppSeriesViewProps,
21 | ): JSX.Element => {
22 | const appSeries = props.data;
23 | return (
24 |
25 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/src/service/UpdateService.ts:
--------------------------------------------------------------------------------
1 | import { autoUpdater } from 'electron-updater';
2 |
3 | export interface ProgressInfo {
4 | total: number;
5 | delta: number;
6 | transferred: number;
7 | percent: number;
8 | bytesPerSecond: number;
9 | }
10 |
11 | export abstract class AbstractUpdateService {
12 | abstract checkUpdate(
13 | onDownloading: (progress: ProgressInfo) => void,
14 | onDownloaded: () => void,
15 | ): void;
16 | abstract installUpdate(): void;
17 |
18 | downloadUpdate() {}
19 | }
20 |
21 | export default class UpdateService extends AbstractUpdateService {
22 | checkUpdate(
23 | onDownloading: (progress: ProgressInfo) => void,
24 | onDownloaded: () => void,
25 | ) {
26 | autoUpdater.on('download-progress', onDownloading);
27 | autoUpdater.on('update-downloaded', onDownloaded);
28 | autoUpdater.checkForUpdatesAndNotify();
29 | }
30 |
31 | installUpdate() {
32 | setImmediate(() => autoUpdater.quitAndInstall(true, true));
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/auth/AuthorizedRoute.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Redirect, Route } from 'react-router';
3 |
4 | import { IAuthorityType } from './permissions';
5 | import { Authorized } from './Authorized';
6 |
7 | interface AuthorizedRoutePops {
8 | currentAuthority: string;
9 | component: React.ComponentClass{appSeries.name}
26 |
27 | {appSeries.apps.map(p => (
28 |
31 |
17 |
33 | );
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/assets/device.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/layouts/index.less:
--------------------------------------------------------------------------------
1 | :global(.ant-pro-sider-menu-sider) {
2 | flex: 0 0 220px;
3 | max-width: 220px;
4 | min-width: 220px;
5 | width: 220px;
6 |
7 | :global(.ant-pro-sider-menu-logo) {
8 | display: flex;
9 | align-items: center;
10 | justify-content: center;
11 | padding-left: 0;
12 | h1 {
13 | display: none;
14 | }
15 | }
16 | }
17 |
18 | :global(.ant-layout-header) {
19 | margin: 0 24px;
20 | box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
21 | width: unset !important;
22 | }
23 |
24 | :global(.ant-layout-content) {
25 | box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
26 | background-color: white;
27 | margin: 24px;
28 | }
29 |
30 | .selectedMenu {
31 | color: white;
32 | background: #6874e2;
33 | box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.36),
34 | 0 2px 10px 0 rgba(104, 116, 226, 0.44);
35 | border-radius: 0 10px 10px 0;
36 | transform: translateX(-24px);
37 | padding-left: 24px;
38 | }
39 |
40 | .selectedMenuCollapsed {
41 | border-radius: 10px;
42 | transform: translateX(-16px);
43 | padding-left: 16px;
44 | }
45 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/env/theme.ts:
--------------------------------------------------------------------------------
1 | import generate from '@ant-design/colors/lib/generate';
2 | import * as client from 'webpack-theme-color-replacer/client';
3 |
4 | export const themeClient = {
5 | getAntdSerials(color: string): string[] {
6 | const lightCount = 9;
7 | const divide = 10;
8 | // 淡化（即less的tint）
9 | let lightens = new Array(lightCount).fill(0);
10 | lightens = lightens.map((_, i) =>
11 | client.varyColor.lighten(color, i / divide),
12 | );
13 | const colorPalettes = generate(color);
14 | return lightens.concat(colorPalettes);
15 | },
16 |
17 | changeColor(color?: string): Promise
18 |
27 |
19 |
23 | 简单、易操作
20 |生成文件全面、清晰
21 |智能查错
22 |
24 |
26 | 专用工具软件，兼容性强，支持XP/WIN7/WIN8/WIN10环境下运行。
25 |
28 | {[].map((pl: InstallableAppSeries) => (
29 |
32 | {{ props.title }}
34 | 35 | 36 |
37 |
38 |
41 |
42 |
43 |
44 |
47 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 王下邀月熊
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 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020-present ArcherGu
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.
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/typings/typings.d.ts:
--------------------------------------------------------------------------------
1 | declare module 'slash2';
2 | declare module 'antd-theme-webpack-plugin';
3 |
4 | declare module '*.css';
5 | declare module '*.scss';
6 | declare module '*.sass';
7 | declare module '*.svg';
8 | declare module '*.png';
9 | declare module '*.jpg';
10 | declare module '*.jpeg';
11 | declare module '*.gif';
12 | declare module '*.bmp';
13 | declare module '*.tiff';
14 | declare module 'omit.js';
15 | declare module 'react-copy-to-clipboard';
16 | declare module 'react-fittext';
17 | declare module '@antv/data-set';
18 | declare module 'nzh/cn';
19 | declare module 'webpack-theme-color-replacer';
20 | declare module 'webpack-theme-color-replacer/client';
21 | declare module 'redux-pack';
22 |
23 | // google analytics interface
24 | interface GAFieldsObject {
25 | eventCategory: string;
26 | eventAction: string;
27 | eventLabel?: string;
28 | eventValue?: number;
29 | nonInteraction?: boolean;
30 | }
31 | interface Window {
32 | ga: (
33 | command: 'send',
34 | hitType: 'event' | 'pageview',
35 | fieldsObject: GAFieldsObject | string,
36 | ) => void;
37 | }
38 |
39 | declare let ga: Function;
40 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/src/main/app.module.ts:
--------------------------------------------------------------------------------
1 | import { join } from 'node:path'
2 | import { Module } from '@nestjs/common'
3 | import { ElectronModule } from '@doubleshot/nest-electron'
4 | import { BrowserWindow, app } from 'electron'
5 | import { AppController } from './app.controller'
6 | import { AppService } from './app.service'
7 |
8 | @Module({
9 | imports: [ElectronModule.registerAsync({
10 | useFactory: async () => {
11 | const isDev = !app.isPackaged
12 | const win = new BrowserWindow({
13 | width: 1024,
14 | height: 768,
15 | autoHideMenuBar: true,
16 | webPreferences: {
17 | contextIsolation: true,
18 | preload: join(__dirname, '../preload/index.js'),
19 | },
20 | })
21 |
22 | win.on('closed', () => {
23 | win.destroy()
24 | })
25 |
26 | const URL = isDev
27 | ? process.env.DS_RENDERER_URL
28 | : `file://${join(app.getAppPath(), 'dist/render/index.html')}`
29 |
30 | win.loadURL(URL)
31 |
32 | return { win }
33 | },
34 | })],
35 | controllers: [AppController],
36 | providers: [AppService],
37 | })
38 | export class AppModule { }
39 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/extra/regedit/vbs/regList.wsf:
--------------------------------------------------------------------------------
1 | '
2 | ' Lists the sub keys and values of a given registry key
3 | '
4 | ' cscript regList.wsg HKLM\Software
5 | '
6 | ' Will Yield:
7 | '
8 | ' {
9 | ' "hklm\software": {
10 | ' "keys": [ .. array of sub keys .. ],
11 | ' "values": {
12 | ' "moo": {
13 | ' "type": "REG_SZ",
14 | ' "value": "bar"
15 | ' }
16 | ' }
17 | ' }
18 | ' }
19 |
57 | {i18nFormat('暂无内容2')}
58 |
59 | );
60 | };
61 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/assets/consumable.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/extra/regedit/vbs/regPutValue.wsf:
--------------------------------------------------------------------------------
1 | {JSON.stringify(users)}
;
57 | }
58 | }
59 |
60 | export const UserList = connect(
61 | (state: AppState) => ({
62 | users: state.user.users,
63 | }),
64 | {
65 | loadUsers: userActions.loadUsers,
66 | },
67 | )(withRouter(UserListComp));
68 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/scripts/helm/charts/templates/deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: {{ include "context.fullname" . }}
5 | labels:
6 | {{ include "context.labels" . | indent 4 }}
7 | spec:
8 | replicas: {{ .Values.replicaCount }}
9 | selector:
10 | matchLabels:
11 | app.kubernetes.io/name: {{ include "context.name" . }}
12 | app.kubernetes.io/instance: {{ .Release.Name }}
13 | template:
14 | metadata:
15 | labels:
16 | app.kubernetes.io/name: {{ include "context.name" . }}
17 | app.kubernetes.io/instance: {{ .Release.Name }}
18 | spec:
19 | ## imagePullSecrets
20 | {{- with .Values.imagePullSecrets }}
21 | imagePullSecrets:
22 | {{- toYaml . | nindent 8 }}
23 | {{- end }}
24 | ## containers
25 | containers:
26 | - name: test-web-client
27 | image: {{ template "context.image" . }}
28 | imagePullPolicy: {{ .Values.context.image.pullPolicy }}
29 | ports:
30 | - name: http
31 | containerPort: {{ .Values.context.service.port }}
32 | protocol: TCP
33 | resources:
34 | {{- toYaml .Values.resources | nindent 12 }}
35 |
36 | ## node selector
37 | {{- with .Values.nodeSelector }}
38 | nodeSelector:
39 | {{- toYaml . | nindent 8 }}
40 | {{- end }}
41 | ## affinity
42 | {{- with .Values.affinity }}
43 | affinity:
44 | {{- toYaml . | nindent 8 }}
45 | {{- end }}
46 | ## tolerations
47 | {{- with .Values.tolerations }}
48 | tolerations:
49 | {{- toYaml . | nindent 8 }}
50 | {{- end }}
51 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/assets/dns.svg:
--------------------------------------------------------------------------------
1 |
2 |
12 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/containers/Home/index.scss:
--------------------------------------------------------------------------------
1 | .app-container {
2 | width: 100vw;
3 | height: 100vh;
4 | min-width: 900px;
5 | display: grid;
6 | grid-template-columns: 130px 1fr;
7 | grid-template-rows: 100%;
8 | grid-template-areas: 'sidebar content';
9 |
10 | .update-mask {
11 | width: 100vw;
12 | height: 100vh;
13 | position: fixed;
14 | z-index: 1000;
15 | top: 0;
16 | left: 0;
17 | background-color: rgba(0, 0, 0, 0.65);
18 | padding: 0 180px;
19 |
20 | &.flex-container {
21 | flex-direction: column;
22 | }
23 |
24 | .ant-progress-text {
25 | color: #fff;
26 | }
27 |
28 | .update-tip {
29 | color: #fff;
30 | font-size: 22px;
31 | }
32 | }
33 |
34 | .side-bar {
35 | position: relative;
36 | grid-area: sidebar;
37 | background-color: #2e72b8;
38 | overflow: hidden;
39 |
40 | .logo {
41 | width: 60px;
42 | height: 94px;
43 | margin: 30px auto 23px auto;
44 | background-image: url('../../../../assets/logo_u_white.svg');
45 | background-size: 100% 100%;
46 | }
47 |
48 | .version {
49 | position: absolute;
50 | bottom: 0;
51 | left: 0;
52 | width: 100%;
53 | color: #fff;
54 | text-align: center;
55 | font-size: 12px;
56 | font-weight: 200;
57 | }
58 | }
59 |
60 | .content {
61 | grid-area: content;
62 | }
63 |
64 | .toolbar-icon {
65 | margin-right: 5px;
66 | transition: color 0.2s ease;
67 |
68 | &:last-child {
69 | margin-right: 0;
70 | }
71 | }
72 | }
73 |
74 | .anticon {
75 | font-size: 17px;
76 | }
77 |
78 | ::-webkit-scrollbar {
79 | display: none;
80 | }
81 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/ducks/common.ts:
--------------------------------------------------------------------------------
1 | import { createActions, handleActions } from 'redux-actions';
2 | import { handle } from 'redux-pack-fsa';
3 |
4 | export interface IState {
5 | count: number;
6 | }
7 |
8 | const initialState: IState = {
9 | count: 0,
10 | };
11 |
12 | export const actions = createActions({
13 | async incr(step = 1) {
14 | return step;
15 | },
16 |
17 | async dec(step = 1) {
18 | return step;
19 | },
20 |
21 | async error() {
22 | throw new Error('Error');
23 | },
24 | });
25 |
26 | export const commonActions = actions;
27 |
28 | export default handleActions
35 | onBlockCopy(text),
39 | }}
40 | style={{
41 | display: 'flex',
42 | }}
43 | >
44 |
48 |
49 | );
50 | };
51 |
52 | export default () => {
53 | const divDom = useRef
45 | {text}
46 |
47 |
68 |
70 |
71 | );
72 | };
73 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/public/service-worker.js:
--------------------------------------------------------------------------------
1 | /* globals workbox */
2 | workbox.core.setCacheNameDetails({
3 | prefix: 'antd-pro',
4 | suffix: 'v1'
5 | });
6 | // Control all opened tabs ASAP
7 | workbox.clientsClaim();
8 |
9 | /**
10 | * Use precaching list generated by workbox in build process.
11 | * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.precaching
12 | */
13 | workbox.precaching.precacheAndRoute(self.__precacheManifest || []);
14 |
15 | /**
16 | * Register a navigation route.
17 | * https://developers.google.com/web/tools/workbox/modules/workbox-routing#how_to_register_a_navigation_route
18 | */
19 | workbox.routing.registerNavigationRoute('/index.html');
20 |
21 | /**
22 | * Use runtime cache:
23 | * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.routing#.registerRoute
24 | *
25 | * Workbox provides all common caching strategies including CacheFirst, NetworkFirst etc.
26 | * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.strategies
27 | */
28 |
29 | /**
30 | * Handle API requests
31 | */
32 | workbox.routing.registerRoute(/\/api\//, workbox.strategies.networkFirst());
33 |
34 | /**
35 | * Handle third party requests
36 | */
37 | workbox.routing.registerRoute(
38 | /^https:\/\/gw.alipayobjects.com\//,
39 | workbox.strategies.networkFirst()
40 | );
41 | workbox.routing.registerRoute(
42 | /^https:\/\/cdnjs.cloudflare.com\//,
43 | workbox.strategies.networkFirst()
44 | );
45 | workbox.routing.registerRoute(/\/color.less/, workbox.strategies.networkFirst());
46 |
47 | /**
48 | * Response to client after skipping waiting with MessageChannel
49 | */
50 | addEventListener('message', event => {
51 | const replyPort = event.ports[0];
52 | const message = event.data;
53 | if (replyPort && message && message.type === 'skip-waiting') {
54 | event.waitUntil(
55 | self
56 | .skipWaiting()
57 | .then(
58 | () => replyPort.postMessage({ error: null }),
59 | error => replyPort.postMessage({ error })
60 | )
61 | );
62 | }
63 | });
64 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/utils/errors.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Represents an enhanced `Error`.
3 | */
4 | export interface EnhancedError extends Error {
5 | /**
6 | * The error code, if available.
7 | */
8 | code?: number | string;
9 |
10 | /**
11 | * The request, if available.
12 | */
13 | request?: any;
14 |
15 | /**
16 | * The response, if available.
17 | */
18 | response?: any;
19 |
20 | /**
21 | * The meta data, if available.
22 | */
23 | meta?: any;
24 | }
25 |
26 | /**
27 | * Creates an `EnhancedError` object with the specified
28 | * message, error code, request, response and meta data.
29 | *
30 | * @param {string} message The error message.
31 | * @param {(number | string)} [code] The error code.
32 | * @param {any} [request] The request.
33 | * @param {any} [response] The response.
34 | * @param {any} [meta] The meta data.
35 | * @returns {Error} The created error.
36 | */
37 | export function createError(
38 | message?: string,
39 | code?: number | string,
40 | request?: any,
41 | response?: any,
42 | meta?: any,
43 | ): EnhancedError {
44 | return enhanceError(new Error(message), code, request, response, meta);
45 | }
46 |
47 | /**
48 | * Enhances an existing `Error` or `EnhancedError` object with the specified
49 | * error code, request, response and meta data.
50 | *
51 | * @param {(Error | EnhancedError)} error The error to enhance.
52 | * @param {(number | string)} [code] The error code.
53 | * @param {any} [request] The request.
54 | * @param {any} [response] The response.
55 | * @param {any} [meta] The meta data.
56 | */
57 | export function enhanceError(
58 | error: Error | EnhancedError,
59 | code?: number | string,
60 | request?: any,
61 | response?: any,
62 | meta?: any,
63 | ): EnhancedError {
64 | const e: EnhancedError = error;
65 | if (code !== undefined) {
66 | e.code = code;
67 | }
68 |
69 | if (request !== undefined) {
70 | e.request = request;
71 | }
72 |
73 | if (response !== undefined) {
74 | e.response = response;
75 | }
76 |
77 | if (meta !== undefined) {
78 | e.meta = meta;
79 | }
80 | return e;
81 | }
82 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/components/InstallableAppView/index.tsx:
--------------------------------------------------------------------------------
1 | import { Progress } from 'antd';
2 | import React, { Component } from 'react';
3 |
4 | import { InstallableApp } from 'rte-core';
5 |
6 | import './index.scss';
7 |
8 | const icons = {};
9 |
10 | interface InstallableAppViewProps {
11 | data: InstallableApp;
12 | }
13 |
14 | export class InstallableAppView extends Component
33 |
38 |
39 | );
40 | } else if (isInstalled) {
41 | button = (
42 | product.run()}
45 | >
46 | 打开
47 |
48 | );
49 | } else if (!product.url) {
50 | button = (
51 |
52 | 即将上线
53 |
54 | );
55 | } else {
56 | button = (
57 | product.install()}
60 | >
61 | 安装
62 |
63 | );
64 | }
65 | // const iconUrl = icon
66 | return (
67 |
68 |
55 |
56 |
57 |
58 |
60 |
61 |
62 | ,
63 | document.getElementById('root'),
64 | );
65 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/containers/AppContainer/index.tsx:
--------------------------------------------------------------------------------
1 | import { Spin } from 'antd';
2 | import cn from 'classnames';
3 | import * as React from 'react';
4 | import { RouteComponentProps } from 'react-router';
5 | import { withRouter } from 'react-router-dom';
6 |
7 | import { ResolvedModule } from '@/skeleton/types';
8 |
9 | const { PureComponent, Suspense, lazy } = React;
10 |
11 | interface IProps extends RouteComponentProps {
12 | appId: string;
13 | appLoader: () => Promise;
14 | className?: string;
15 | fallback?: JSX.Element;
16 | onAppendReducer: (reducer: { [key: string]: object | undefined }) => void;
17 | }
18 |
19 | interface IState {
20 | appError?: any;
21 | }
22 |
23 | // 应用缓存
24 | const appCache = {};
25 |
26 | /**
27 | * 应用懒加载与容错的容器
28 | */
29 | class AppContainer extends PureComponent {
30 | static defaultProps = {
31 | fallback: {
36 | static Item = MenuItem;
37 |
38 | constructor(props: MenuProps) {
39 | super(props);
40 | let selectedKey: Key = null;
41 | if ('defaultKey' in props) {
42 | selectedKey = props.defaultKey!;
43 | }
44 | if ('selectedKey' in props) {
45 | selectedKey = props.selectedKey!;
46 | }
47 | this.state = {
48 | selectedKey: selectedKey,
49 | };
50 | }
51 |
52 | componentWillReceiveProps(newProps: MenuProps) {
53 | if ('selectedKey' in newProps) {
54 | this.setState({
55 | selectedKey: newProps.selectedKey!,
56 | });
57 | }
58 | }
59 |
60 | handleItemClick = (key: Key) => {
61 | if (!('selectedKey' in this.props)) {
62 | this.setState({
63 | selectedKey: key,
64 | });
65 | }
66 | if (typeof this.props.onSelect === 'function') {
67 | this.props.onSelect(key);
68 | }
69 | };
70 |
71 | render() {
72 | return (
73 | => {
34 | const { response } = error;
35 |
36 | try {
37 | if (response && response.status) {
38 | const errorText = codeMessage[response.status] || response.statusText;
39 | const { status } = response;
40 | const resp = await response.clone().json();
41 |
42 | if (resp.status === 'error' && resp.err) {
43 | notification.error({
44 | message: `请求错误 ${status}`,
45 | description: resp.err.reason || resp.err.code,
46 | });
47 | } else {
48 | notification.error({
49 | message: `请求错误 ${status}`,
50 | description: errorText,
51 | });
52 | }
53 | // 如果是 401，则跳转到登录
54 | // eslint-disable-next-line @typescript-eslint/no-magic-numbers
55 | if (response.status === 401) {
56 | history.push('/auth/login');
57 | }
58 | } else if (!response) {
59 | notification.error({
60 | description: '您的网络发生异常，无法连接服务器',
61 | message: '网络异常',
62 | });
63 | }
64 | } catch (ie) {
65 | notification.error({
66 | description: '响应数据异常',
67 | message: '服务器异常',
68 | });
69 | }
70 |
71 | return response;
72 | };
73 |
74 | /** 配置 request 请求时的默认参数 */
75 | export let umiRequest = extend({
76 | errorHandler, // 默认错误处理
77 | credentials: 'same-origin', // 默认请求是否带上cookie
78 | });
79 |
80 | /** 动态设置请求头 */
81 | export function setRequestHeader(headers: Record) {
82 | umiRequest = extend({
83 | errorHandler, // 默认错误处理
84 | headers,
85 | credentials: 'same-origin', // 默认请求是否带上cookie
86 | });
87 | }
88 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/components/NoticeIcon/NoticeList.less:
--------------------------------------------------------------------------------
1 | @import '~antd/es/style/themes/default.less';
2 |
3 | .list {
4 | max-height: 400px;
5 | overflow: auto;
6 | &::-webkit-scrollbar {
7 | display: none;
8 | }
9 | .item {
10 | padding-right: 24px;
11 | padding-left: 24px;
12 | overflow: hidden;
13 | cursor: pointer;
14 | transition: all 0.3s;
15 |
16 | .meta {
17 | width: 100%;
18 | }
19 |
20 | .avatar {
21 | margin-top: 4px;
22 | background: #fff;
23 | }
24 | .iconElement {
25 | font-size: 32px;
26 | }
27 |
28 | &.read {
29 | opacity: 0.4;
30 | }
31 | &:last-child {
32 | border-bottom: 0;
33 | }
34 | &:hover {
35 | background: @primary-1;
36 | }
37 | .title {
38 | margin-bottom: 8px;
39 | font-weight: normal;
40 | }
41 | .description {
42 | font-size: 12px;
43 | line-height: @line-height-base;
44 | }
45 | .datetime {
46 | margin-top: 4px;
47 | font-size: 12px;
48 | line-height: @line-height-base;
49 | }
50 | .extra {
51 | float: right;
52 | margin-top: -1.5px;
53 | margin-right: 0;
54 | color: @text-color-secondary;
55 | font-weight: normal;
56 | }
57 | }
58 | .loadMore {
59 | padding: 8px 0;
60 | color: @primary-6;
61 | text-align: center;
62 | cursor: pointer;
63 | &.loadedAll {
64 | color: rgba(0, 0, 0, 0.25);
65 | cursor: unset;
66 | }
67 | }
68 | }
69 |
70 | .notFound {
71 | padding: 73px 0 88px;
72 | color: @text-color-secondary;
73 | text-align: center;
74 | img {
75 | display: inline-block;
76 | height: 76px;
77 | margin-bottom: 16px;
78 | }
79 | }
80 |
81 | .bottomBar {
82 | height: 46px;
83 | color: @text-color;
84 | line-height: 46px;
85 | text-align: center;
86 | border-top: 1px solid @border-color-split;
87 | border-radius: 0 0 @border-radius-base @border-radius-base;
88 | transition: all 0.3s;
89 | div {
90 | display: inline-block;
91 | width: 50%;
92 | cursor: pointer;
93 | transition: all 0.3s;
94 | user-select: none;
95 | &:hover {
96 | color: @heading-color;
97 | }
98 | &:only-child {
99 | width: 100%;
100 | }
101 | &:not(:only-child):last-child {
102 | border-left: 1px solid @border-color-split;
103 | }
104 | }
105 | }
106 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/components/GlobalHeader/RightContent.tsx:
--------------------------------------------------------------------------------
1 | import { QuestionCircleOutlined } from '@ant-design/icons';
2 | import { Tooltip } from 'antd';
3 | import * as React from 'react';
4 |
5 | import { getGlobalUser } from '@/apis';
6 | import { formatMessage } from '@/i18n';
7 |
8 | import HeaderSearch from '../HeaderSearch';
9 | import SelectLang from '../LangSelector';
10 |
11 | import { NoticeIconView } from './NoticeIconView';
12 | import { UserDropdown as User } from './UserDropdown';
13 |
14 | import styles from './index.less';
15 |
16 | export type SiderTheme = 'light' | 'dark';
17 | export interface RightContentProps {
18 | theme?: SiderTheme;
19 | layout?: 'sidemenu' | 'topmenu';
20 | }
21 |
22 | export const RightContent: React.SFC = props => {
23 | const { theme, layout } = props;
24 | let className = styles.right;
25 |
26 | if (theme === 'dark' && layout === 'topmenu') {
27 | className = `${styles.right} ${styles.dark}`;
28 | }
29 |
30 | return (
31 |
12 | | ((currentAuthority?: string[]) => IAuthorityType);
13 |
14 | /**
15 | * 通用权限检查方法
16 | * Common check permissions method
17 | * @param { 权限判定 | Permission judgment } authority
18 | * @param { 你的权限 | Your permission description } currentAuthority
19 | * @param { 通过的组件 | Passing components } target
20 | * @param { 未通过的组件 | no pass components } Exception
21 | */
22 | export const check = (
23 | authority: IAuthorityType,
24 | currentAuthority: string[],
25 | target: T,
26 | Exception: K,
27 | ): T | K | React.ReactNode => {
28 | // 没有判定权限.默认查看所有
29 | // Retirement authority, return target;
30 | if (!authority) {
31 | return target;
32 | }
33 |
34 | // 数组处理
35 | if (Array.isArray(authority)) {
36 | if (Array.isArray(currentAuthority)) {
37 | if (currentAuthority.some(item => authority.includes(item))) {
38 | return target;
39 | }
40 | } else if (authority.includes(currentAuthority)) {
41 | return target;
42 | }
43 | return Exception;
44 | }
45 |
46 | // string 处理
47 | if (typeof authority === 'string') {
48 | if (Array.isArray(currentAuthority)) {
49 | if (currentAuthority.some(item => authority === item)) {
50 | return target;
51 | }
52 | } else if (authority === currentAuthority) {
53 | return target;
54 | }
55 | return Exception;
56 | }
57 |
58 | // Promise 处理
59 | if (authority instanceof Promise) {
60 | return (
61 | ok={target} error={Exception} promise={authority} />
62 | );
63 | }
64 |
65 | // Function 处理
66 | if (typeof authority === 'function') {
67 | try {
68 | // 传入当前的权限判断是否满足要求
69 | const bool = authority(currentAuthority);
70 |
71 | // 函数执行后返回值是 Promise
72 | if (bool instanceof Promise) {
73 | return (
74 | ok={target} error={Exception} promise={bool} />
75 | );
76 | }
77 |
78 | if (bool) {
79 | return target;
80 | }
81 |
82 | return Exception;
83 | } catch (error) {
84 | throw error;
85 | }
86 | }
87 | throw new Error('unsupported parameters');
88 | };
89 |
90 | export function checkPermissions(
91 | authority: IAuthorityType,
92 | target: T,
93 | Exception: K,
94 | ): T | K | React.ReactNode {
95 | return check(authority, getAuthority(), target, Exception);
96 | }
97 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/schema/datetime.ts:
--------------------------------------------------------------------------------
1 | import dayjs, { Dayjs } from 'dayjs';
2 |
3 | export type Dateable = string | number | Dayjs | undefined;
4 |
5 | /** 格式化为标准时间形式 */
6 | export function formatDate(m: Dateable) {
7 | if (!m || !dayjs(m).isValid()) {
8 | return '-';
9 | }
10 | return dayjs(m).format('YYYY-MM-DD');
11 | }
12 |
13 | /** 格式化为标准时间形式 */
14 | export function formatDatetime(m: Dateable) {
15 | if (!m || !dayjs(m).isValid()) {
16 | return '-';
17 | }
18 | return dayjs(m).format('YYYY-MM-DD HH:mm:ss');
19 | }
20 |
21 | /** 简略些时间格式 */
22 | export function formatDatetimeAsShort(m: Dateable) {
23 | if (!m) {
24 | return '-';
25 | }
26 |
27 | return dayjs(m).format('MM/DD HH:mm');
28 | }
29 |
30 | export function formatTime(m: Dateable) {
31 | if (!m) {
32 | return '-';
33 | }
34 |
35 | return dayjs(m).format('HH:mm');
36 | }
37 |
38 | /**
39 | * 获取两个日期间的 Duration
40 | * @param m1 日期较小值
41 | * @param m2 日期较大值
42 | * @param len number 可选参数，保留时间描述位数
43 | * @param strip boolean 可选参数，剩余时间
44 | */
45 |
46 | export function formatDurationWithRange(
47 | m1: Dateable,
48 | m2: Dateable,
49 | options: { len?: number; strip?: boolean } = {},
50 | ) {
51 | if (!m1 || !m2) {
52 | return '-';
53 | }
54 |
55 | return formatDuration(dayjs(m2).valueOf() - dayjs(m1).valueOf(), options);
56 | }
57 |
58 | const MILLISECONDS_SECOND = 1000;
59 | const MILLISECONDS_MINUTE = MILLISECONDS_SECOND * 60;
60 | const MILLISECONDS_HOUR = MILLISECONDS_MINUTE * 60;
61 | const MILLISECONDS_DAY = MILLISECONDS_HOUR * 24;
62 |
63 | /**
64 | * 将某个时间差格式化展示为字符串
65 | */
66 | export function formatDuration(
67 | // 这里的 duration 指的是毫秒
68 | duration: number,
69 | { len = 10, strip = false }: { len?: number; strip?: boolean } = {},
70 | ) {
71 | if (!duration) {
72 | return '-';
73 | }
74 |
75 | let str = '';
76 |
77 | let usedBit = 0;
78 |
79 | const days = Math.floor(duration / MILLISECONDS_DAY);
80 | const hours = Math.floor((duration % MILLISECONDS_DAY) / MILLISECONDS_HOUR);
81 | const minutes = Math.floor(
82 | (duration % MILLISECONDS_HOUR) / MILLISECONDS_MINUTE,
83 | );
84 | const seconds = Math.floor(
85 | (duration % MILLISECONDS_MINUTE) / MILLISECONDS_SECOND,
86 | );
87 |
88 | if (days !== 0 && usedBit < len) {
89 | str = `${days}d`;
90 | usedBit++;
91 | }
92 |
93 | if (hours !== 0 && usedBit < len) {
94 | str = `${str} ${hours}h`;
95 | usedBit++;
96 | }
97 |
98 | if (minutes !== 0 && usedBit < len) {
99 | str = `${str} ${minutes}m`;
100 | usedBit++;
101 | }
102 |
103 | if (seconds !== 0 && usedBit < len) {
104 | str = `${str} ${seconds}s`;
105 | }
106 |
107 | return strip ? str.replace(' ', '') : str;
108 | }
109 |
--------------------------------------------------------------------------------
/boilerplates/fast-vite-nestjs-electron/README.md:
--------------------------------------------------------------------------------
1 |
22 | 23 | - 🛻 An electron ipc transport for [nestjs](https://nestjs.com/) that provides simple ipc communication. 24 |
25 | 26 | - 🪟 An electron module for [nestjs](https://nestjs.com/) to launch electron windows. 27 |
28 | 29 | - ⏩ Quick start and build, powered by [tsup](https://tsup.egoist.sh/) and [electron-builder](https://www.electron.build/) integrated in [@doubleshot/builder](https://github.com/Doubleshotjs/doubleshot/tree/main/packages/builder) 30 | 31 | ## How to use 32 | 33 | - Click the [Use this template](https://github.com/ArcherGu/fast-vite-electron/generate) button (you must be logged in) or just clone this repo. 34 | - In the project folder: 35 | ```bash 36 | # install dependencies 37 | yarn # npm install 38 | 39 | # run in developer mode 40 | yarn dev # npm run dev 41 | 42 | # build 43 | yarn build # npm run build 44 | ``` 45 | 46 | ## Note for PNPM 47 | 48 | In order to use with `pnpm`, you'll need to adjust your `.npmrc` to use any one the following approaches in order for your dependencies to be bundled correctly (ref: [#6389](https://github.com/electron-userland/electron-builder/issues/6289#issuecomment-1042620422)): 49 | ``` 50 | node-linker=hoisted 51 | ``` 52 | ``` 53 | public-hoist-pattern=* 54 | ``` 55 | ``` 56 | shamefully-hoist=true 57 | ``` 58 | 59 | ## Relative 60 | 61 | My blog post: 62 | 63 | - [极速 DX Vite + Electron + esbuild](https://archergu.me/posts/vite-electron-esbuild) 64 | - [用装饰器给 Electron 提供一个基础 API 框架](https://archergu.me/posts/electron-decorators) 65 | -------------------------------------------------------------------------------- /boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/containers/PromiseComp/index.tsx: -------------------------------------------------------------------------------- 1 | import { Spin } from 'antd'; 2 | import isEqual from 'lodash/isEqual'; 3 | import * as React from 'react'; 4 | 5 | import { isComponentClass } from '../../types/comp'; 6 | 7 | interface PromiseRenderProps {
8 | ok: T;
9 | error: K;
10 | promise: Promise;
11 | }
12 |
13 | interface PromiseRenderState {
14 | component: React.ComponentClass | React.FunctionComponent;
15 | }
16 |
17 | export default class PromiseComp extends React.Component<
18 | PromiseRenderProps,
19 | PromiseRenderState
20 | > {
21 | state: PromiseRenderState = {
22 | component: () => null,
23 | };
24 |
25 | componentDidMount() {
26 | this.setRenderComponent(this.props);
27 | }
28 |
29 | shouldComponentUpdate = (
30 | nextProps: PromiseRenderProps,
31 | nextState: PromiseRenderState,
32 | ) => {
33 | const { component } = this.state;
34 | if (!isEqual(nextProps, this.props)) {
35 | this.setRenderComponent(nextProps);
36 | }
37 | if (nextState.component !== component) return true;
38 | return false;
39 | };
40 |
41 | // set render Component : ok or error
42 | setRenderComponent(props: PromiseRenderProps) {
43 | const ok = this.checkIsInstantiation(props.ok);
44 | const error = this.checkIsInstantiation(props.error);
45 | props.promise
46 | .then(() => {
47 | this.setState({
48 | component: ok,
49 | });
50 | return true;
51 | })
52 | .catch(() => {
53 | this.setState({
54 | component: error,
55 | });
56 | });
57 | }
58 |
59 | // Determine whether the incoming component has been instantiated
60 | // AuthorizedRoute is already instantiated
61 | // Authorized render is already instantiated, children is no instantiated
62 | // Secured is not instantiated
63 | checkIsInstantiation = (
64 | target: React.ReactNode | React.ComponentClass,
65 | ): React.FunctionComponent => {
66 | if (isComponentClass(target)) {
67 | const Target = target as React.ComponentClass;
68 | return (props: any) => ;
3 | export = styles;
4 | }
5 |
6 | declare module '*.svg' {
7 | import React from 'react';
8 | const Component: React.ComponentType;
9 | export = styles;
10 | }
11 |
12 | declare module '@antv/data-set';
13 |
14 | declare module 'html-webpack-harddisk-plugin' {
15 | import { Plugin } from 'webpack';
16 |
17 | class HtmlWebpackHarddiskPlugin extends Plugin {}
18 |
19 | export = HtmlWebpackHarddiskPlugin;
20 | }
21 |
22 | declare module 'html-webpack-inline-source-plugin' {
23 | import { Plugin } from 'webpack';
24 |
25 | class HtmlWebpackInlineSourcePlugin extends Plugin {}
26 |
27 | export = HtmlWebpackInlineSourcePlugin;
28 | }
29 |
30 | declare module 'lazy-compile-webpack-plugin' {
31 | import { Plugin } from 'webpack';
32 |
33 | namespace LazyCompileWebpackPlugin {
34 | interface Options {
35 | refreshAfterCompile?: boolean;
36 | }
37 | }
38 |
39 | class LazyCompileWebpackPlugin extends Plugin {
40 | constructor(options?: LazyCompileWebpackPlugin.Options);
41 | }
42 |
43 | export = LazyCompileWebpackPlugin;
44 | }
45 |
46 | declare module 'webpack-theme-color-replacer' {
47 | import { Plugin } from 'webpack';
48 |
49 | namespace ThemeColorReplacer {
50 | interface Options {
51 | fileName: string;
52 | matchColors: string[];
53 | changeSelector(selector: string): string;
54 | }
55 | }
56 |
57 | class ThemeColorReplacer extends Plugin {
58 | static varyColor: {
59 | lighten: (color: string, radio: number) => string;
60 | darken: (color: string, radio: number) => string;
61 | };
62 |
63 | constructor(options: ThemeColorReplacer.Options);
64 | }
65 |
66 | export = ThemeColorReplacer;
67 | }
68 |
69 | declare module 'webpack-theme-color-replacer/client' {
70 | namespace WebpackThemColorReplacerClient {
71 | interface ChangeColorOptions {
72 | newColors: string[];
73 | changeUrl(cssUrl: string): string;
74 | }
75 | }
76 |
77 | interface WebpackThemColorReplacerClient {
78 | varyColor: {
79 | lighten: (color: string, radio: number) => string;
80 | darken: (color: string, radio: number) => string;
81 | };
82 | changer: {
83 | changeColor(
84 | options: WebpackThemColorReplacerClient.ChangeColorOptions,
85 | PromiseConstructor: typeof Promise,
86 | ): Promise;
87 | };
88 | }
89 |
90 | const client: WebpackThemColorReplacerClient;
91 |
92 | export = client;
93 | }
94 |
95 | declare module 'dayjs/locale/zh-cn';
96 | declare module 'dayjs/locale/en';
97 | declare module 'rc-tween-one/lib/plugin/ChildrenPlugin';
98 | declare module 'dayjs-ext/plugin/timeZone';
99 | declare module 'react-hls-player';
100 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-core/src/models/InstallableApp.ts:
--------------------------------------------------------------------------------
1 | import electron, { ipcRenderer } from 'electron';
2 | import * as S from 'ueact-utils';
3 |
4 | import { runFunc, searchLocationFunc } from '../funcs';
5 |
6 | /** 应用定义 */
7 | export class InstallableApp extends S.Base {
8 | // 是否隐藏
9 | hidden: boolean;
10 |
11 | // 全名
12 | name: string;
13 |
14 | // 默认快捷方式名
15 | lnk: string;
16 |
17 | // id
18 | key: string;
19 |
20 | // 版本
21 | version: string;
22 |
23 | // 简称
24 | label: string;
25 |
26 | // 下载链接
27 | url: string;
28 |
29 | // 图标
30 | icon: string;
31 |
32 | // exe 文件名称
33 | exe: string;
34 |
35 | // 安装包 md5，用于验证版本
36 | md5: string;
37 |
38 | order: number;
39 |
40 | regeditLocation: string;
41 |
42 | timer: NodeJS.Timer;
43 |
44 | // 本机路径
45 | location = '';
46 |
47 | downloadProgess = 0;
48 |
49 | downloading = false;
50 |
51 | get isInstalled() {
52 | return !!this.location;
53 | }
54 |
55 | setProgress = (_: any, percent: number) => {
56 | if (percent >= 100 || percent < 0) {
57 | this.downloading = false;
58 | this.downloadProgess = 0;
59 | } else {
60 | this.downloading = true;
61 | this.downloadProgess = percent;
62 | }
63 | };
64 |
65 | async getLocation(): Promise {
66 | const searchLocation: searchLocationFunc = electron.remote.getGlobal(
67 | 'searchLocation',
68 | );
69 | this.location = await searchLocation(this.regeditLocation, this.exe);
70 | }
71 |
72 | run(): void {
73 | if (!this.location) {
74 | return;
75 | }
76 | const run: runFunc = electron.remote.getGlobal('run');
77 | run(this.location);
78 | }
79 |
80 | install() {
81 | if (!this.url) {
82 | alert('抱歉, 产品即将上线.');
83 | return;
84 | }
85 | const cachePath = localStorage.getItem(`installer-${this.key}`);
86 | // this.downloading = true;
87 | ipcRenderer.on(`download-progress-${this.key}`, this.setProgress);
88 | ipcRenderer.once(`download-complete-${this.key}`, () => {
89 | ipcRenderer.removeListener(
90 | `download-progress-${this.key}`,
91 | this.setProgress,
92 | );
93 | this.downloading = false;
94 | });
95 | ipcRenderer.once(`get-location-${this.key}`, (_: any, location: string) => {
96 | this.location = location;
97 | });
98 | ipcRenderer.send('begin-download', this, cachePath);
99 | }
100 |
101 | constructor(data: InstallableApp) {
102 | super(data);
103 |
104 | if (!this.hidden) {
105 | this.getLocation();
106 |
107 | this.timer = setInterval(() => {
108 | this.getLocation();
109 | }, 1000 * 5);
110 |
111 | ipcRenderer.on(`get-installer-${this.key}`, (_: any, path: string) => {
112 | localStorage.setItem(`installer-${this.key}`, path);
113 | });
114 | }
115 | }
116 | }
117 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/env/sw-notify.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'antd';
2 | import { Button, message, notification } from 'antd';
3 |
4 | import { formatMessage } from '@/i18n';
5 |
6 | declare global {
7 | interface Window {
8 | g_config: {
9 | pwa: false;
10 | };
11 | }
12 | }
13 |
14 | // if pwa is true
15 | if (window.g_config && window.g_config.pwa) {
16 | // Notify user if offline now
17 | window.addEventListener('sw.offline', () => {
18 | message.warning(formatMessage({ id: 'app.pwa.offline' }));
19 | });
20 |
21 | // Pop up a prompt on the page asking the user if they want to use the latest version
22 | window.addEventListener('sw.updated', (event: Event) => {
23 | const e = event as CustomEvent;
24 | const reloadSW = async () => {
25 | // Check if there is sw whose state is waiting in ServiceWorkerRegistration
26 | // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration
27 | const worker = e.detail && e.detail.waiting;
28 | if (!worker) {
29 | return true;
30 | }
31 | // Send skip-waiting event to waiting SW with MessageChannel
32 | await new Promise((resolve, reject) => {
33 | const channel = new MessageChannel();
34 | channel.port1.onmessage = msgEvent => {
35 | if (msgEvent.data.error) {
36 | reject(msgEvent.data.error);
37 | } else {
38 | resolve(msgEvent.data);
39 | }
40 | };
41 | worker.postMessage({ type: 'skip-waiting' }, [channel.port2]);
42 | });
43 | // Refresh current page to use the updated HTML and other assets after SW has skiped waiting
44 | window.location.reload(true);
45 | return true;
46 | };
47 | const key = `open${Date.now()}`;
48 | const btn = (
49 |
58 | );
59 | notification.open({
60 | message: formatMessage({ id: 'app.pwa.serviceworker.updated' }),
61 | description: formatMessage({ id: 'app.pwa.serviceworker.updated.hint' }),
62 | btn,
63 | key,
64 | onClose: async () => {},
65 | });
66 | });
67 | } else if ('serviceWorker' in navigator) {
68 | // unregister service worker
69 | const { serviceWorker } = navigator;
70 | if (serviceWorker.getRegistrations) {
71 | serviceWorker.getRegistrations().then(sws => {
72 | sws.forEach(sw => {
73 | sw.unregister();
74 | });
75 | });
76 | }
77 | serviceWorker.getRegistration().then(sw => {
78 | if (sw) sw.unregister();
79 | });
80 |
81 | // remove all caches
82 | if (window.caches && window.caches.keys) {
83 | caches.keys().then(keys => {
84 | keys.forEach(key => {
85 | caches.delete(key);
86 | });
87 | });
88 | }
89 | }
90 |
--------------------------------------------------------------------------------
isInstalled && product.run()}
72 | />
73 |
76 | );
77 | }
78 | }
79 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/assets/qq.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/index.tsx:
--------------------------------------------------------------------------------
1 | import { ConfigProvider } from 'antd';
2 | import 'antd/dist/antd.less'; // 引入官方提供的 less 样式入口文件
3 | import zhCN from 'antd/lib/locale-provider/zh_CN';
4 | import { ConnectedRouter } from 'connected-react-router';
5 | import dayjs from 'dayjs';
6 | import timeZone from 'dayjs-ext/plugin/timeZone';
7 | import zh from 'dayjs/locale/zh-cn';
8 | import advancedFormat from 'dayjs/plugin/advancedFormat';
9 | import badMutable from 'dayjs/plugin/badMutable';
10 | import customParseFormat from 'dayjs/plugin/customParseFormat';
11 | import isMoment from 'dayjs/plugin/isMoment';
12 | import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
13 | import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
14 | import localeData from 'dayjs/plugin/localeData';
15 | import relativeTime from 'dayjs/plugin/relativeTime';
16 | import utc from 'dayjs/plugin/utc';
17 | import weekOfYear from 'dayjs/plugin/weekOfYear';
18 | import weekYear from 'dayjs/plugin/weekYear';
19 | import * as React from 'react';
20 | import * as ReactDOM from 'react-dom';
21 | import { IntlProvider } from 'react-intl';
22 | import { Provider } from 'react-redux';
23 | import * as smoothscroll from 'smoothscroll-polyfill';
24 |
25 | import App from './skeleton/containers/App';
26 | import { history } from './skeleton/env/history';
27 | import store from './skeleton/env/store';
28 |
29 | import './skeleton/styles/reset.less';
30 |
31 | smoothscroll.polyfill();
32 |
33 | dayjs.extend(utc);
34 | dayjs.extend(advancedFormat);
35 | dayjs.extend(badMutable);
36 | dayjs.extend(customParseFormat);
37 | dayjs.extend(isMoment);
38 | dayjs.extend(isSameOrAfter);
39 | dayjs.extend(isSameOrBefore);
40 | dayjs.extend(localeData);
41 | dayjs.extend(relativeTime);
42 | dayjs.extend(weekOfYear);
43 | dayjs.extend(weekYear);
44 | dayjs.extend(timeZone);
45 | dayjs.extend(utc);
46 |
47 | dayjs.locale(zh);
48 |
49 | if (!window.gConfig) {
50 | window.gConfig = {};
51 | }
52 |
53 | ReactDOM.render(
54 | {label}
74 | {button}
75 |
82 |
86 | );
87 | }
88 | }
89 |
90 | export default withRouter(AppContainer);
91 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-core/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rte-core",
3 | "version": "0.0.1",
4 | "description": "rte-core",
5 | "repository": {
6 | "type": "git",
7 | "url": "https://github.com/wx-chevalier/fe-boilerplates"
8 | },
9 | "author": "wx-chevalier@github",
10 | "license": "MIT",
11 | "main": "dist/cjs/index.js",
12 | "module": "dist/es/index.js",
13 | "types": "dist/types/index.d.ts",
14 | "files": [
15 | "dist/"
16 | ],
17 | "keywords": [
18 | "webpack",
19 | "react"
20 | ],
21 | "scripts": {
22 | "build": "npm run build:es && npm run build:cjs",
23 | "build:cjs": "tsc --project ./tsconfig.cjs.json",
24 | "build:es": "tsc --project ./tsconfig.es.json",
25 | "clean": "rimraf dist",
26 | "clean:r": "rimraf ./dist/*.map && rimraf ./dist/**/*.map && rimraf ./dist/**/*.tsbuildinfo",
27 | "dev": "tsc -w --project ./tsconfig.cjs.json",
28 | "lint": "run-p lint:*",
29 | "lint:es": "cross-env PARSER_NO_WATCH=true eslint . --cache --ext js,md,ts,tsx -f friendly --max-warnings 10",
30 | "lint:ts": "tslint -p . -t stylish",
31 | "lint:tsc": "tsc -p tsconfig.json --incremental false --noEmit",
32 | "prepublish": "npm run clean:r",
33 | "test": "jest --config ./scripts/jest/jest.config.js",
34 | "test:cov": "npm run cleanCov && npm test -- --coverage",
35 | "test:watch": "npm test -- --watch"
36 | },
37 | "dependencies": {
38 | "ueact-utils": "^0.2.4"
39 | },
40 | "devDependencies": {
41 | "@m-fe/app-config": "^0.4.3",
42 | "cross-env": "^6.0.3",
43 | "webpack": "^4.41.2"
44 | },
45 | "browserslist": [
46 | "extends @m-fe/browserslist-config"
47 | ],
48 | "commitlint": {
49 | "extends": [
50 | "@m-fe"
51 | ]
52 | },
53 | "prettier": "@m-fe/prettier-config/semi",
54 | "remarkConfig": {
55 | "plugins": [
56 | "@m-fe/remark-config"
57 | ]
58 | },
59 | "stylelint": {
60 | "extends": [
61 | "@m-fe/stylelint-config",
62 | "@m-fe/stylelint-config/modules"
63 | ],
64 | "rules": {
65 | "font-family-no-missing-generic-family-keyword": null,
66 | "no-descending-specificity": null,
67 | "plugin/no-unsupported-browser-features": null,
68 | "plugin/no-low-performance-animation-properties": null
69 | }
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/components/Menu/index.tsx:
--------------------------------------------------------------------------------
1 | import classnams from 'classnames';
2 | import React, { Component } from 'react';
3 |
4 | import './index.scss';
5 |
6 | type Key = React.Key | null;
7 |
8 | interface MenuItemProps {
9 | isSelected?: boolean;
10 | children?: React.ReactNode;
11 | onClick?: () => void;
12 | }
13 |
14 | const MenuItem = (props: MenuItemProps) => {
15 | const cl: string = classnams('memu-item-container', {
16 | 'menu-item-selected': props.isSelected,
17 | });
18 | return (
19 |
20 |
22 | );
23 | };
24 |
25 | interface MenuProps {
26 | defaultKey?: string;
27 | selectedKey?: string;
28 | onSelect?: (key: Key) => void;
29 | }
30 |
31 | interface MenuState {
32 | selectedKey: Key;
33 | }
34 |
35 | export class Menu extends Component{props.children}
21 |
74 | {React.Children.map(
75 | this.props.children,
76 | (item: React.ReactElement) => {
77 | return React.cloneElement(item, {
78 | isSelected: this.state.selectedKey === item.key,
79 | onClick: () => this.handleItemClick(item.key),
80 | } as MenuItemProps);
81 | },
82 | )}
83 |
84 | );
85 | }
86 | }
87 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/api/axios/agent.ts:
--------------------------------------------------------------------------------
1 | import { notification } from 'antd';
2 | import axios from 'axios';
3 |
4 | import { HOST } from '@/skeleton';
5 |
6 | // 需要自定义的几个地方
7 | // 1. base URL
8 | // 2. timeout 时间
9 | // 3. 拦截器, 用于字段名的转换
10 | // 4. 错误, 触发一些全局的提示
11 | export const axiosAgent = axios.create({
12 | baseURL: HOST,
13 | timeout: 30 * 60 * 1000,
14 | });
15 |
16 | export const uploadAgent = axios.create({
17 | baseURL: HOST,
18 | timeout: 15 * 1000,
19 | });
20 |
21 | export type NoticeType = 'success' | 'error' | 'info' | 'trusteeship';
22 |
23 | export type Notice = (type: NoticeType, title: string, content: string) => void;
24 |
25 | export const notice: Notice = (type, title, content) => {
26 | notification[type]({
27 | message: title,
28 | description: content,
29 | });
30 | };
31 |
32 | // // 拦截器用来将驼峰和下划线两种风格互转，根据 server 端命名风格决定是否使用
33 |
34 | // // 驼峰转下划线
35 | // agent.interceptors.request.use(
36 | // config => {
37 | // if (config.data) {
38 | // config.data = transformPropertyName(config.data, key =>
39 | // key.replace(/[A-Z]/g, str => '_' + str.toLowerCase())
40 | // );
41 | // }
42 |
43 | // if (config.params) {
44 | // config.params = transformPropertyName(config.params, key =>
45 | // key.replace(/[A-Z]/g, str => '_' + str.toLowerCase())
46 | // );
47 | // }
48 |
49 | // return config;
50 | // },
51 | // error => Promise.reject(error)
52 | // );
53 |
54 | // // 下划线转驼峰
55 | // agent.interceptors.response.use(
56 | // response => {
57 | // response.data = transformPropertyName(response.data, key =>
58 | // key.replace(/\_./g, str => str[1].toUpperCase())
59 | // );
60 |
61 | // return response;
62 | // },
63 | // error => Promise.reject(error)
64 | // );
65 |
66 | // function transformPropertyName(data: object, transformer: (key: string) => string): object {
67 | // if (!isObject(data)) {
68 | // return data;
69 | // } else {
70 | // const newObj = Array.isArray(data) ? [] : {};
71 | // Object.keys(data).forEach(key => {
72 | // const newKey = transformer(key);
73 | // newObj[newKey] = transformPropertyName(data[key], transformer);
74 | // });
75 | // return newObj;
76 | // }
77 | // }
78 |
79 | // // tslint:disable-next-line
80 | // function isObject(data: any) {
81 | // return data !== null && typeof data === 'object';
82 | // }
83 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-node/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rte-node",
3 | "version": "0.0.1",
4 | "description": "Pre-configured boilerplate for Electron, React, TypeScript",
5 | "repository": {
6 | "type": "git",
7 | "url": "git+https://github.com/wx-chevalier/m-fe-electron"
8 | },
9 | "homepage": "https://github.com/wx-chevalier/m-fe-electron#readme",
10 | "bugs": {
11 | "url": "https://github.com/wx-chevalier/m-fe-electron/issues"
12 | },
13 | "author": "wx-chevalier@github",
14 | "license": "MIT",
15 | "main": "./build/index.js",
16 | "keywords": [
17 | "boilerplate",
18 | "Electron",
19 | "React",
20 | "Typescript",
21 | "Webpack"
22 | ],
23 | "scripts": {
24 | "build": "rimraf build && cross-env NODE_ENV=production webpack --config ./scripts/webpack/webpack.config.js --progress --colors -p",
25 | "clean": "rimraf build",
26 | "lint": "run-p lint:*",
27 | "lint:es": "cross-env PARSER_NO_WATCH=true eslint . --cache --ext js,md,ts,tsx -f friendly --max-warnings 10",
28 | "lint:ts": "tslint -p . -t stylish",
29 | "lint:tsc": "tsc -p tsconfig.json --incremental false --noEmit",
30 | "start": "npm run start:dev-server",
31 | "start:dev-server": "rimraf build && cross-env NODE_ENV=development webpack --config ./scripts/webpack/webpack.config.js --watch --progress --colors",
32 | "start:main": "cross-env ELECTRON_START_URL=http://localhost:8080 electron ./build/index.js",
33 | "test": "mocha -r ts-node/register -r tsconfig-paths/register \"test/**/*.ts\""
34 | },
35 | "dependencies": {
36 | "@ravshansbox/browser-crypto": "^1.0.0",
37 | "electron-debug": "^3.0.1",
38 | "electron-log": "^4.1.0",
39 | "electron-updater": "^4.2.5"
40 | },
41 | "devDependencies": {
42 | "@m-fe/app-config": "^0.4.3",
43 | "acorn": "^7.1.1",
44 | "ajv": "^6.12.0",
45 | "babel-loader": "^8.1.0",
46 | "cache-loader": "^4.1.0",
47 | "copy-pkg-json-webpack-plugin": "^0.0.38",
48 | "core-js": "^3.6.4",
49 | "cross-env": "^7.0.2",
50 | "electron": "8.2.0",
51 | "electron-builder": "^22.4.0",
52 | "eslint": "^6.8.0",
53 | "npm-run-all": "^4.1.5",
54 | "regedit": "^3.0.3",
55 | "rimraf": "^3.0.2",
56 | "rte-core": "*",
57 | "thread-loader": "^2.1.3",
58 | "tslint": "^6.0.0",
59 | "typescript": "^3.8.3",
60 | "webpack": "4.41.2",
61 | "webpack-cli": "^3.3.11"
62 | }
63 | }
64 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/api/umi/request.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * request 网络请求工具
3 | * 更详细的 api 文档: https://github.com/umijs/umi-request
4 | */
5 | import { notification } from 'antd';
6 | import { extend } from 'umi-request';
7 |
8 | import { history } from '@/skeleton/env/history';
9 |
10 | const codeMessage = {
11 | 200: '服务器成功返回请求的数据。',
12 | 201: '新建或修改数据成功。',
13 | 202: '一个请求已经进入后台排队（异步任务）。',
14 | 204: '删除数据成功。',
15 | 400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
16 | 401: '用户没有权限（令牌、用户名、密码错误），请重新登录',
17 | 403: '用户得到授权，但是访问是被禁止的。',
18 | 404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
19 | 406: '请求的格式不可得。',
20 | 410: '请求的资源被永久删除，且不会再得到的。',
21 | 422: '当创建一个对象时，发生一个验证错误。',
22 | 500: '服务器发生错误，请检查服务器。',
23 | 502: '网关错误。',
24 | 503: '服务不可用，服务器暂时过载或维护。',
25 | 504: '网关超时。',
26 | };
27 |
28 | /**
29 | * 异常处理程序
30 | */
31 | const errorHandler = async (error: {
32 | response: Response;
33 | }): Promise
32 | {
49 | console.log('input', value);
50 | }}
51 | onPressEnter={value => {
52 | console.log('enter', value);
53 | }}
54 | />
55 |
60 |
66 |
69 |
78 | );
79 | };
80 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/components/InstallableAppView/index.scss:
--------------------------------------------------------------------------------
1 | .product-container {
2 | width: 80px;
3 | height: 81px;
4 | display: inline-flex;
5 | flex-direction: column;
6 | align-items: center;
7 | justify-content: space-between;
8 |
9 | &:hover {
10 | .product-button {
11 | visibility: visible;
12 | }
13 | }
14 |
15 | .product-icon {
16 | width: 40px;
17 | height: 40px;
18 | background-size: cover;
19 | }
20 |
21 | .product-name {
22 | width: 100%;
23 | height: 17px;
24 | line-height: 17px;
25 | font-size: 12px;
26 | color: #4a4a4a;
27 | letter-spacing: 0.43px;
28 | overflow: hidden;
29 | text-overflow: ellipsis;
30 | white-space: nowrap;
31 | text-align: center;
32 |
33 | &:hover {
34 | overflow: visible;
35 | }
36 | }
37 |
38 | .product-button {
39 | width: 38px;
40 | height: 18px;
41 | line-height: 18px;
42 | border: 1px solid #2e72b8;
43 | border-radius: 2px;
44 | font-size: 12px;
45 | font-weight: 200;
46 | cursor: pointer;
47 | transition: all 0.1s ease;
48 | text-align: center;
49 | visibility: hidden;
50 | }
51 |
52 | .button-run {
53 | color: #2e72b8;
54 | background-color: #fff;
55 |
56 | &:hover {
57 | color: #fff;
58 | background-color: rgba(46, 114, 184, 0.8);
59 | }
60 | }
61 |
62 | .button-download {
63 | color: #fff;
64 | background-color: rgba(46, 114, 184, 0.9);
65 | }
66 |
67 | .button-disabled {
68 | justify-content: center;
69 | cursor: not-allowed;
70 | color: rgba(0, 0, 0, 0.4);
71 | font-weight: 400;
72 | background-color: #f5f5f5;
73 | border-color: #d9d9d9;
74 | text-align: center;
75 | padding: 0;
76 | }
77 |
78 | .button-downloading {
79 | padding: 0;
80 | border: none;
81 | visibility: visible;
82 | }
83 |
84 | .ant-progress-bg {
85 | border-radius: 3px;
86 | background-color: rgba(46, 114, 184, 0.9);
87 | }
88 |
89 | .ant-progress-inner {
90 | border-radius: 3px;
91 | background-color: #9b9b9b;
92 | }
93 |
94 | .ant-progress-text {
95 | margin: 0;
96 | width: auto;
97 | position: absolute;
98 | left: 50%;
99 | top: 50%;
100 | transform: translate(-50%, -50%);
101 | font-size: 10px;
102 | color: #fff;
103 | }
104 |
105 | .ant-progress-outer {
106 | margin: 0;
107 | padding: 0;
108 | }
109 |
110 | .ant-progress {
111 | line-height: 1;
112 | }
113 | }
114 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/apps/home/containers/Support/index.tsx:
--------------------------------------------------------------------------------
1 | import { HeartOutlined } from '@ant-design/icons';
2 | import classnames from 'classnames';
3 | import { shell } from 'electron';
4 | import React, { Component } from 'react';
5 |
6 | import './index.scss';
7 |
8 | interface SupportState {
9 | expandButton: boolean;
10 | }
11 |
12 | enum QQGroup {
13 | JL,
14 | SG,
15 | }
16 |
17 | export class Support extends Component<{}, SupportState> {
18 | state = {
19 | expandButton: false,
20 | };
21 |
22 | getQQ(group: QQGroup): string {
23 | const KEY = 'kefu_qq' + group;
24 | let qq = localStorage.getItem(KEY);
25 | if (!qq) {
26 | let qqList: string[] | null;
27 | switch (group) {
28 | case QQGroup.JL:
29 | qqList = ['3014437365'];
30 | break;
31 | case QQGroup.SG:
32 | qqList = ['79157865', '1007008187'];
33 | break;
34 | default:
35 | qqList = null;
36 | }
37 | if (!qqList || qqList.length === 0) {
38 | return '';
39 | }
40 | const randomIndex = Math.floor(Math.random() * qqList.length);
41 | qq = qqList[randomIndex];
42 | localStorage.setItem(KEY, qq);
43 | }
44 | return qq;
45 | }
46 |
47 | handleOpenQQ = (group: QQGroup): void => {
48 | const qq = this.getQQ(group);
49 | if (!qq) {
50 | alert('客服不在线');
51 | return;
52 | }
53 | console.log(qq);
54 | shell.openExternal(
55 | `http://wpa.qq.com/msgrd?v=3&uin=${qq}&site=qq&menu=yes`,
56 | );
57 | };
58 |
59 | render() {
60 | const { expandButton } = this.state;
61 | const sgc = classnames('consult-button', { 'sg-button': expandButton });
62 | const jlc = classnames('consult-button', { 'jl-button': expandButton });
63 | return (
64 |
65 |
89 | );
90 | }
91 | }
92 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/auth/permissions.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import PromiseComp from '../../skeleton/containers/PromiseComp';
4 |
5 | import { getAuthority } from './authority';
6 |
7 | export type IAuthorityType =
8 | | undefined
9 | | string
10 | | string[]
11 | | Promise
66 |
74 | -
67 |
-
68 |
69 |
71 |70 |
72 |
this.setState({ expandButton: !expandButton })}
77 | style={{ opacity: expandButton ? 0.3 : 1 }}
78 | >
79 |
80 | 在线咨询
81 |
82 | this.handleOpenQQ(QQGroup.SG)}>
83 | QQ 1
84 |
85 | this.handleOpenQQ(QQGroup.JL)}>
86 | QQ 2
87 |
88 |
2 | 
3 |
22 | 23 | - 🛻 An electron ipc transport for [nestjs](https://nestjs.com/) that provides simple ipc communication. 24 |
25 | 26 | - 🪟 An electron module for [nestjs](https://nestjs.com/) to launch electron windows. 27 |
28 | 29 | - ⏩ Quick start and build, powered by [tsup](https://tsup.egoist.sh/) and [electron-builder](https://www.electron.build/) integrated in [@doubleshot/builder](https://github.com/Doubleshotjs/doubleshot/tree/main/packages/builder) 30 | 31 | ## How to use 32 | 33 | - Click the [Use this template](https://github.com/ArcherGu/fast-vite-electron/generate) button (you must be logged in) or just clone this repo. 34 | - In the project folder: 35 | ```bash 36 | # install dependencies 37 | yarn # npm install 38 | 39 | # run in developer mode 40 | yarn dev # npm run dev 41 | 42 | # build 43 | yarn build # npm run build 44 | ``` 45 | 46 | ## Note for PNPM 47 | 48 | In order to use with `pnpm`, you'll need to adjust your `.npmrc` to use any one the following approaches in order for your dependencies to be bundled correctly (ref: [#6389](https://github.com/electron-userland/electron-builder/issues/6289#issuecomment-1042620422)): 49 | ``` 50 | node-linker=hoisted 51 | ``` 52 | ``` 53 | public-hoist-pattern=* 54 | ``` 55 | ``` 56 | shamefully-hoist=true 57 | ``` 58 | 59 | ## Relative 60 | 61 | My blog post: 62 | 63 | - [极速 DX Vite + Electron + esbuild](https://archergu.me/posts/vite-electron-esbuild) 64 | - [用装饰器给 Electron 提供一个基础 API 框架](https://archergu.me/posts/electron-decorators) 65 | -------------------------------------------------------------------------------- /boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/skeleton/containers/PromiseComp/index.tsx: -------------------------------------------------------------------------------- 1 | import { Spin } from 'antd'; 2 | import isEqual from 'lodash/isEqual'; 3 | import * as React from 'react'; 4 | 5 | import { isComponentClass } from '../../types/comp'; 6 | 7 | interface PromiseRenderProps
92 |
94 | );
95 | }
96 | }
97 |
--------------------------------------------------------------------------------
/boilerplates/ts-webpack-react-electron/packages/rte-host-app/src/typings/shim.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.less' {
2 | const styles: Record