TobiasH/smart-monopoly
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects 1 Releases Wiki Activity

Add react

Browse Source
This commit is contained in:
Tobias Hopp 2024-03-26 19:30:49 +01:00
parent 35e36a7bbb
commit 6e163f67d5
11 changed files with 12640 additions and 1131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
forge.config.ts
View File

@ -1,22 +1,26 @@
import type { ForgeConfig } from '@electron-forge/shared-types'; import type {ForgeConfig} from '@electron-forge/shared-types';
import { MakerSquirrel } from '@electron-forge/maker-squirrel'; import {MakerSquirrel} from '@electron-forge/maker-squirrel';
import { MakerZIP } from '@electron-forge/maker-zip'; import {MakerZIP} from '@electron-forge/maker-zip';
import { MakerDeb } from '@electron-forge/maker-deb'; import {MakerDeb} from '@electron-forge/maker-deb';
import { MakerRpm } from '@electron-forge/maker-rpm'; import {MakerRpm} from '@electron-forge/maker-rpm';
import { AutoUnpackNativesPlugin } from '@electron-forge/plugin-auto-unpack-natives'; import {AutoUnpackNativesPlugin} from '@electron-forge/plugin-auto-unpack-natives';
import { WebpackPlugin } from '@electron-forge/plugin-webpack'; import {WebpackPlugin} from '@electron-forge/plugin-webpack';
import { FusesPlugin } from '@electron-forge/plugin-fuses'; import {FusesPlugin} from '@electron-forge/plugin-fuses';
import { FuseV1Options, FuseVersion } from '@electron/fuses'; import {FuseV1Options, FuseVersion} from '@electron/fuses';
import { mainConfig } from './webpack.main.config'; import {mainConfig} from './webpack.main.config';
import { rendererConfig } from './webpack.renderer.config'; import {rendererConfig} from './webpack.renderer.config';
const config: ForgeConfig = { const config: ForgeConfig = {
packagerConfig: { packagerConfig: {
asar: true, asar: true,
}, },
rebuildConfig: {}, rebuildConfig: {},
makers: [new MakerSquirrel({}), new MakerZIP({}, ['darwin']), new MakerRpm({}), new MakerDeb({})], makers: [
new MakerSquirrel({}),
new MakerZIP({}, ['darwin']),
new MakerRpm({}),
new MakerDeb({})],
plugins: [ plugins: [
new AutoUnpackNativesPlugin({}), new AutoUnpackNativesPlugin({}),
new WebpackPlugin({ new WebpackPlugin({

11479
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

12
package.json
View File

@ -1,8 +1,8 @@
{ {
"name": "my-app", "name": "smart-monopoly",
"productName": "my-app", "productName": "Smart Monopoly",
"version": "1.0.0", "version": "1.0.0",
"description": "My Electron application description", "description": "Make Monopoly Game Smart - Make paper obsolete!",
"main": ".webpack/main", "main": ".webpack/main",
"scripts": { "scripts": {
"start": "electron-forge start", "start": "electron-forge start",
@ -21,6 +21,8 @@
"@electron-forge/plugin-fuses": "^7.2.0", "@electron-forge/plugin-fuses": "^7.2.0",
"@electron-forge/plugin-webpack": "^7.3.1", "@electron-forge/plugin-webpack": "^7.3.1",
"@electron/fuses": "^1.7.0", "@electron/fuses": "^1.7.0",
"@types/react": "^18.2.71",
"@types/react-dom": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^5.0.0", "@typescript-eslint/eslint-plugin": "^5.0.0",
"@typescript-eslint/parser": "^5.0.0", "@typescript-eslint/parser": "^5.0.0",
"@vercel/webpack-asset-relocator-loader": "1.7.3", "@vercel/webpack-asset-relocator-loader": "1.7.3",
@ -42,6 +44,8 @@
}, },
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"electron-squirrel-startup": "^1.0.0" "electron-squirrel-startup": "^1.0.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
} }
} }

4
src/App.tsx Normal file
View File

@ -0,0 +1,4 @@
import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById("root"));
root.render(<h2>Hello from React!</h2>);

4
src/index.css
View File

@ -2,6 +2,6 @@ body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
Arial, sans-serif; Arial, sans-serif;
margin: auto; margin: auto;
max-width: 38rem; /*max-width: 38rem;*/
padding: 2rem; padding: 1rem;
} }

9
src/index.html
View File

@ -1,12 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="de">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Hello World!</title> <title>SmartMonopoly</title>
</head> </head>
<body> <body>
<h1>💖 Hello World!</h1> <div id="root">
<p>Welcome to your Electron application.</p> <!-- This element's contents will be replaced with your component. -->
</div>
</body> </body>
</html> </html>

8
src/index.ts
View File

@ -13,8 +13,9 @@ if (require('electron-squirrel-startup')) {
const createWindow = (): void => { const createWindow = (): void => {
// Create the browser window. // Create the browser window.
const mainWindow = new BrowserWindow({ const mainWindow = new BrowserWindow({
height: 600, height: 1920,
width: 800, width: 1080,
center: true,
webPreferences: { webPreferences: {
preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY, preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY,
}, },
@ -22,9 +23,6 @@ const createWindow = (): void => {
// and load the index.html of the app. // and load the index.html of the app.
mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY); mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);
// Open the DevTools.
mainWindow.webContents.openDevTools();
}; };
// This method will be called when Electron has finished // This method will be called when Electron has finished

6
src/renderer.ts
View File

@ -26,6 +26,10 @@
* ``` * ```
*/ */
import './reset.css';
import './index.css'; import './index.css';
console.log('👋 This message is being logged by "renderer.js", included via webpack'); //console.log('👋 This message is being logged by "renderer.js", included via webpack');
// Add this to the end of the existing file
import './App';

48
src/reset.css Normal file
View File

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

3
tsconfig.json
View File

@ -13,7 +13,8 @@
"resolveJsonModule": true, "resolveJsonModule": true,
"paths": { "paths": {
"*": ["node_modules/*"] "*": ["node_modules/*"]
} },
"jsx": "react-jsx"
}, },
"include": ["src/**/*"] "include": ["src/**/*"]
} }

2104
yarn.lock
View File

File diff suppressed because it is too large Load Diff