diff options
author | Kristóf Marussy <kristof@marussy.com> | 2021-12-22 19:17:07 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2021-12-22 19:37:20 +0100 |
commit | 929171dcba75b51be464e12906801c875ab7647a (patch) | |
tree | ae59d77dd1a8dda3ec8118f8f810a783c9103655 /packages/renderer | |
download | sophie-929171dcba75b51be464e12906801c875ab7647a.tar.gz sophie-929171dcba75b51be464e12906801c875ab7647a.tar.zst sophie-929171dcba75b51be464e12906801c875ab7647a.zip |
Initial commit
Project skeleton based on
https://github.com/cawa-93/vite-electron-builder
but we use react instead of vue and yarn instead of npm.
Diffstat (limited to 'packages/renderer')
-rw-r--r-- | packages/renderer/index.html | 13 | ||||
-rw-r--r-- | packages/renderer/package.json | 14 | ||||
-rw-r--r-- | packages/renderer/src/index.tsx | 10 | ||||
-rw-r--r-- | packages/renderer/tsconfig.json | 21 | ||||
-rw-r--r-- | packages/renderer/vite.config.js | 52 |
5 files changed, 110 insertions, 0 deletions
diff --git a/packages/renderer/index.html b/packages/renderer/index.html new file mode 100644 index 0000000..7c6771f --- /dev/null +++ b/packages/renderer/index.html | |||
@@ -0,0 +1,13 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="UTF-8"> | ||
5 | <meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:"> | ||
6 | <meta content="width=device-width, initial-scale=1.0" name="viewport"> | ||
7 | <title>Sophie</title> | ||
8 | </head> | ||
9 | <body> | ||
10 | <div id="app"></div> | ||
11 | <script src="./src/index.tsx" type="module"></script> | ||
12 | </body> | ||
13 | </html> | ||
diff --git a/packages/renderer/package.json b/packages/renderer/package.json new file mode 100644 index 0000000..89a87b2 --- /dev/null +++ b/packages/renderer/package.json | |||
@@ -0,0 +1,14 @@ | |||
1 | { | ||
2 | "name": "@sophie/renderer", | ||
3 | "version": "0.1.0", | ||
4 | "dependencies": { | ||
5 | "react": "^17.0.2", | ||
6 | "react-dom": "^17.0.2" | ||
7 | }, | ||
8 | "devDependencies": { | ||
9 | "@types/react": "^17.0.37", | ||
10 | "@types/react-dom": "^17.0.11", | ||
11 | "@vitejs/plugin-react": "^1.1.3", | ||
12 | "vite": "^2.7.6" | ||
13 | } | ||
14 | } | ||
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx new file mode 100644 index 0000000..21ad152 --- /dev/null +++ b/packages/renderer/src/index.tsx | |||
@@ -0,0 +1,10 @@ | |||
1 | import React from 'react'; | ||
2 | import { render } from 'react-dom'; | ||
3 | |||
4 | const app = ( | ||
5 | <React.StrictMode> | ||
6 | <h1>Hello Sophie!</h1> | ||
7 | </React.StrictMode> | ||
8 | ); | ||
9 | |||
10 | render(app, document.getElementById('app')); | ||
diff --git a/packages/renderer/tsconfig.json b/packages/renderer/tsconfig.json new file mode 100644 index 0000000..ff4fe7c --- /dev/null +++ b/packages/renderer/tsconfig.json | |||
@@ -0,0 +1,21 @@ | |||
1 | { | ||
2 | "extends": "../../tsconfig.json", | ||
3 | "compilerOptions": { | ||
4 | "baseUrl": ".", | ||
5 | "jsx": "react", | ||
6 | "paths": { | ||
7 | "/@/*": [ | ||
8 | "src/*" | ||
9 | ] | ||
10 | }, | ||
11 | "types": [ | ||
12 | "dom", | ||
13 | "dom.iterable" | ||
14 | ] | ||
15 | }, | ||
16 | "include": [ | ||
17 | "src/**/*.ts", | ||
18 | "src/**/*.tsx", | ||
19 | "../../types/**/*.d.ts" | ||
20 | ] | ||
21 | } | ||
diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js new file mode 100644 index 0000000..c10b81f --- /dev/null +++ b/packages/renderer/vite.config.js | |||
@@ -0,0 +1,52 @@ | |||
1 | // @ts-check | ||
2 | |||
3 | /* eslint-env node */ | ||
4 | |||
5 | import { builtinModules } from 'module'; | ||
6 | import { join } from 'path'; | ||
7 | import react from '@vitejs/plugin-react'; | ||
8 | |||
9 | // `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless. | ||
10 | // @ts-expect-error | ||
11 | import { chrome } from '../../.electron-vendors.cache.json'; | ||
12 | |||
13 | /** @type string */ | ||
14 | const PACKAGE_ROOT = __dirname; | ||
15 | |||
16 | /** | ||
17 | * @type {import('vite').UserConfig} | ||
18 | * @see https://vitejs.dev/config/ | ||
19 | */ | ||
20 | const config = { | ||
21 | mode: process.env.MODE, | ||
22 | root: PACKAGE_ROOT, | ||
23 | resolve: { | ||
24 | alias: { | ||
25 | '/@/': join(PACKAGE_ROOT, 'src') + '/', | ||
26 | }, | ||
27 | }, | ||
28 | plugins: [ | ||
29 | react(), | ||
30 | ], | ||
31 | base: '', | ||
32 | server: { | ||
33 | fs: { | ||
34 | strict: true, | ||
35 | }, | ||
36 | }, | ||
37 | build: { | ||
38 | sourcemap: true, | ||
39 | target: `chrome${chrome}`, | ||
40 | outDir: 'dist', | ||
41 | assetsDir: '.', | ||
42 | rollupOptions: { | ||
43 | external: [ | ||
44 | ...builtinModules, | ||
45 | ], | ||
46 | }, | ||
47 | emptyOutDir: true, | ||
48 | brotliSize: false, | ||
49 | }, | ||
50 | }; | ||
51 | |||
52 | export default config; | ||