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.
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
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 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:">
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <title>Sophie</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="./src/index.tsx" type="module"></script>
+  </body>
+</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 @@
+{
+  "name": "@sophie/renderer",
+  "version": "0.1.0",
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "@vitejs/plugin-react": "^1.1.3",
+    "vite": "^2.7.6"
+  }
+}
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 @@
+import React from 'react';
+import { render } from 'react-dom';
+const app = (
+  <React.StrictMode>
+    <h1>Hello Sophie!</h1>
+  </React.StrictMode>
+);
+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 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "jsx": "react",
+    "paths": {
+      "/@/*": [
+        "src/*"
+      ]
+    },
+    "types": [
+      "dom",
+      "dom.iterable"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "../../types/**/*.d.ts"
+  ]
+}
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 @@
+// @ts-check
+/* eslint-env node */
+import { builtinModules } from 'module';
+import { join } from 'path';
+import react from '@vitejs/plugin-react';
+// `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless.
+// @ts-expect-error
+import { chrome } from '../../.electron-vendors.cache.json';
+/** @type string */
+const PACKAGE_ROOT = __dirname;
+/**
+ * @type {import('vite').UserConfig}
+ * @see https://vitejs.dev/config/
+ */
+const config = {
+  mode: process.env.MODE,
+  root: PACKAGE_ROOT,
+  resolve: {
+    alias: {
+      '/@/': join(PACKAGE_ROOT, 'src') + '/',
+    },
+  },
+  plugins: [
+    react(),
+  ],
+  base: '',
+  server: {
+    fs: {
+      strict: true,
+    },
+  },
+  build: {
+    sourcemap: true,
+    target: `chrome${chrome}`,
+    outDir: 'dist',
+    assetsDir: '.',
+    rollupOptions: {
+      external: [
+        ...builtinModules,
+      ],
+    },
+    emptyOutDir: true,
+    brotliSize: false,
+  },
+};
+export default config;
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

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;