Initial commit using Electron Forge, React, and Tailwind CSS

.eslintrc.json

@@ -0,0 +1,18 @@
+{
+	"env": {
+		"browser": true,
+		"es6": true,
+		"node": true
+	},
+	"extends": [
+		"eslint:recommended",
+		"plugin:@typescript-eslint/eslint-recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:import/recommended",
+		"plugin:import/electron",
+		"plugin:import/typescript",
+		"plugin:prettier/recommended"
+	],
+	"parser": "@typescript-eslint/parser",
+	"plugins": [ "prettier" ]
+}

.gitignore

@@ -0,0 +1,92 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+.DS_Store
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# Webpack
+.webpack/
+
+# Vite
+.vite/
+
+# Electron-Forge
+out/

.nvmrc

@@ -0,0 +1 @@
+20.8.1

.prettierrc

@@ -0,0 +1,9 @@
+useTabs: true
+tabWidth: 2
+printWidth: 100
+singleQuote: true
+bracketSpacing: true
+parenSpacing: true
+bracketSameLine: false
+semi: true
+trailingComma: 'es5'

README.md

@@ -0,0 +1,18 @@
+# Local Environment
+
+A desktop app experience for building a block themes.
+
+## Deving
+
+```bash
+$ npm install
+$ npm start
+```
+
+The app auto-opens and the Chromium developer tools are opened by default.
+
+`src/index.ts` is the entrypoint for the main process.
+
+`src/renderer.ts` is the entrypoint for the "renderer"—the code running in the Chromium window.
+
+Code formatting has been set up just to make merging PRs easier. It uses the same prettier/eslint mechanism as Calypso, see p4TIVU-9Lo-p2 for details on setting up your editor.

forge.config.ts

@@ -0,0 +1,47 @@
+import type { ForgeConfig } from '@electron-forge/shared-types';
+import { MakerSquirrel } from '@electron-forge/maker-squirrel';
+import { MakerZIP } from '@electron-forge/maker-zip';
+import { MakerDeb } from '@electron-forge/maker-deb';
+import { MakerRpm } from '@electron-forge/maker-rpm';
+import { AutoUnpackNativesPlugin } from '@electron-forge/plugin-auto-unpack-natives';
+import { WebpackPlugin } from '@electron-forge/plugin-webpack';
+
+import { mainConfig } from './webpack.main.config';
+import { rendererConfig } from './webpack.renderer.config';
+
+const config: ForgeConfig = {
+	packagerConfig: {
+		asar: true,
+	},
+	rebuildConfig: {},
+	makers: [
+		new MakerSquirrel( {} ),
+		new MakerZIP( {}, [ 'darwin' ] ),
+		new MakerRpm( {} ),
+		new MakerDeb( {} ),
+	],
+	plugins: [
+		new AutoUnpackNativesPlugin( {} ),
+		new WebpackPlugin( {
+			mainConfig,
+			renderer: {
+				config: rendererConfig,
+				entryPoints: [
+					{
+						html: './src/index.html',
+						js: './src/renderer.ts',
+						name: 'main_window',
+						preload: {
+							js: './src/preload.ts',
+						},
+					},
+				],
+			},
+			...( process.env.PORT && {
+				port: parseInt( process.env.PORT, 10 ),
+			} ),
+		} ),
+	],
+};
+
+export default config;