filip mertens
2 years ago
parent
a5c71f4379
commit
24039ebb43
@ -0,0 +1,18 @@ |
|||||||
|
import { ElectronPlugin } from '@remixproject/engine-electron'; |
||||||
|
|
||||||
|
export class fsPlugin extends ElectronPlugin { |
||||||
|
|
||||||
|
constructor(){ |
||||||
|
super({ |
||||||
|
displayName: 'fs', |
||||||
|
name: 'fs', |
||||||
|
description: 'fs', |
||||||
|
}) |
||||||
|
this.methods = ['readdir', 'readFile', 'writeFile', 'mkdir', 'rmdir', 'unlink', 'rename', 'stat', 'exists'] |
||||||
|
} |
||||||
|
|
||||||
|
async onActivation() { |
||||||
|
console.log('fsPluginClient onload') |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -1,9 +0,0 @@ |
|||||||
{ |
|
||||||
"presets": ["@babel/preset-env", ["@babel/preset-react", |
|
||||||
{"runtime": "automatic"} |
|
||||||
]], |
|
||||||
"plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime", "@babel/plugin-proposal-nullish-coalescing-operator"], |
|
||||||
"ignore": [ |
|
||||||
"**/node_modules/**" |
|
||||||
] |
|
||||||
} |
|
||||||
@ -1,16 +0,0 @@ |
|||||||
# This file is used by: |
|
||||||
# 1. autoprefixer to adjust CSS to support the below specified browsers |
|
||||||
# 2. babel preset-env to adjust included polyfills |
|
||||||
# |
|
||||||
# For additional information regarding the format and rule options, please see: |
|
||||||
# https://github.com/browserslist/browserslist#queries |
|
||||||
# |
|
||||||
# If you need to support different browsers in production, you may tweak the list below. |
|
||||||
|
|
||||||
last 1 Chrome version |
|
||||||
last 1 Firefox version |
|
||||||
last 2 Edge major versions |
|
||||||
last 2 Safari major version |
|
||||||
last 2 iOS major versions |
|
||||||
Firefox ESR |
|
||||||
not IE 9-11 # For IE 9-11 support, remove 'not'. |
|
||||||
@ -1,34 +0,0 @@ |
|||||||
{ |
|
||||||
"extends": [ |
|
||||||
"plugin:@nrwl/nx/react", |
|
||||||
"../../.eslintrc.json" |
|
||||||
], |
|
||||||
"ignorePatterns": [ |
|
||||||
"!**/*" |
|
||||||
], |
|
||||||
"overrides": [ |
|
||||||
{ |
|
||||||
"files": [ |
|
||||||
"*.ts", |
|
||||||
"*.tsx", |
|
||||||
"*.js", |
|
||||||
"*.jsx" |
|
||||||
], |
|
||||||
"rules": {} |
|
||||||
}, |
|
||||||
{ |
|
||||||
"files": [ |
|
||||||
"*.ts", |
|
||||||
"*.tsx" |
|
||||||
], |
|
||||||
"rules": {} |
|
||||||
}, |
|
||||||
{ |
|
||||||
"files": [ |
|
||||||
"*.js", |
|
||||||
"*.jsx" |
|
||||||
], |
|
||||||
"rules": {} |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
@ -1,27 +1,44 @@ |
|||||||
{ |
{ |
||||||
"name": "remixdesktop", |
"name": "remixdesktop", |
||||||
"productName": "remixdesktop", |
|
||||||
"version": "1.0.0", |
"version": "1.0.0", |
||||||
"description": "My Electron application description", |
"main": "build/main.js", |
||||||
"main": ".webpack/main", |
"license": "MIT", |
||||||
"scripts": { |
"appId": "org.ethereum.remixdesktop", |
||||||
"start": "electron-forge start", |
"mac": { |
||||||
"package": "electron-forge package", |
"category": "public.app-category.productivity" |
||||||
"make": "electron-forge make", |
|
||||||
"publish": "electron-forge publish", |
|
||||||
"lint": "eslint --ext .ts,.tsx ." |
|
||||||
}, |
}, |
||||||
"keywords": [], |
"scripts": { |
||||||
"author": { |
"start:dev": "tsc && cross-env NODE_ENV=development electron .", |
||||||
"name": "bunsenstraat", |
"start:production": "tsc && cross-env NODE_ENV=production electron .", |
||||||
"email": "filip.mertens@ethereum.org" |
"pack": "tsc && electron-builder", |
||||||
|
"dist": "tsc && electron-builder --mac --dir", |
||||||
|
"postinstall": "electron-builder install-app-deps" |
||||||
}, |
}, |
||||||
"license": "MIT", |
|
||||||
"devDependencies": { |
"devDependencies": { |
||||||
"@electron-forge/cli": "^6.1.1", |
"@electron/rebuild": "^3.2.13", |
||||||
"electron": "24.4.0" |
"cross-env": "^7.0.3", |
||||||
|
"electron": "^25.0.1", |
||||||
|
"electron-builder": "^23.6.0", |
||||||
|
"typescript": "^5.1.3" |
||||||
}, |
}, |
||||||
"dependencies": { |
"dependencies": { |
||||||
"electron-squirrel-startup": "^1.0.0" |
"node-pty": "^0.10.1", |
||||||
|
"electron-is-packaged": "^1.0.2" |
||||||
|
}, |
||||||
|
"build": { |
||||||
|
"productName": "remixdesktop", |
||||||
|
"mac": { |
||||||
|
"target": { |
||||||
|
"target": "default", |
||||||
|
"arch": [ |
||||||
|
"universal" |
||||||
|
] |
||||||
|
}, |
||||||
|
"category": "public.app-category.productivity" |
||||||
|
}, |
||||||
|
"extends": null, |
||||||
|
"files": [ |
||||||
|
"build/**/*" |
||||||
|
] |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,31 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "remixdesktop", |
|
||||||
"$schema": "../../node_modules/nx/schemas/project-schema.json", |
|
||||||
"sourceRoot": "apps/remixdesktop/src", |
|
||||||
"projectType": "application", |
|
||||||
"targets": { |
|
||||||
"build": { |
|
||||||
"executor": "@nrwl/webpack:webpack", |
|
||||||
"outputs": ["{options.outputPath}"], |
|
||||||
"defaultConfiguration": "development", |
|
||||||
"options": { |
|
||||||
"outputPath": "apps/remixdesktop/.webpack/main", |
|
||||||
"main": "apps/remixdesktop/src/index.ts", |
|
||||||
"tsConfig": "apps/remixdesktop/tsconfig.json", |
|
||||||
"assets": [ |
|
||||||
], |
|
||||||
"webpackConfig": "apps/remixdesktop/webpack.config.js", |
|
||||||
"vendorChunk": false, |
|
||||||
"runtimeChunk": false |
|
||||||
}, |
|
||||||
"configurations": { |
|
||||||
"development": { |
|
||||||
}, |
|
||||||
"production": { |
|
||||||
"optimization": true |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
"tags": [] |
|
||||||
} |
|
||||||
@ -1,29 +0,0 @@ |
|||||||
import { ClientConnector, connectClient, applyApi, Client, PluginClient } from '@remixproject/plugin' |
|
||||||
import type { Message, Api, ApiMap } from '@remixproject/plugin-utils' |
|
||||||
import { IRemixApi } from '@remixproject/plugin-api' |
|
||||||
import { ipcMain } from 'electron' |
|
||||||
import { mainWindow } from '.' |
|
||||||
|
|
||||||
export class ElectronPluginConnector implements ClientConnector { |
|
||||||
|
|
||||||
/** Send a message to the engine */ |
|
||||||
send(message: Partial<Message>) { |
|
||||||
console.log('ElectronPluginConnector send', message) |
|
||||||
mainWindow.webContents.send('fsClient:send', message) |
|
||||||
} |
|
||||||
|
|
||||||
/** Listen to message from the engine */ |
|
||||||
on(cb: (message: Partial<Message>) => void) { |
|
||||||
console.log('ElectronPluginConnector on', cb) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export const createClient = < |
|
||||||
P extends Api, |
|
||||||
App extends ApiMap = Readonly<IRemixApi> |
|
||||||
>(client: PluginClient<P, App> = new PluginClient()): Client<P, App> => { |
|
||||||
const c = client as any |
|
||||||
connectClient(new ElectronPluginConnector(), c) |
|
||||||
applyApi(c) |
|
||||||
return c |
|
||||||
} |
|
||||||
@ -1,14 +1,29 @@ |
|||||||
import { Engine, PluginManager, Plugin } from '@remixproject/engine'; |
import { Engine, PluginManager } from '@remixproject/engine'; |
||||||
import { ipcMain, ipcRenderer } from 'electron'; |
import { ipcMain } from 'electron'; |
||||||
import { fsPlugin } from './fsPlugin'; |
import { FSPlugin } from './fsPlugin'; |
||||||
|
import { GitPlugin } from './gitPlugin'; |
||||||
|
import { app } from 'electron'; |
||||||
|
import { XtermPlugin } from './xtermPlugin'; |
||||||
|
|
||||||
const engine = new Engine() |
const engine = new Engine() |
||||||
const appManager = new PluginManager() |
const appManager = new PluginManager() |
||||||
const plugin = new fsPlugin() |
const fsPlugin = new FSPlugin() |
||||||
|
const gitPlugin = new GitPlugin() |
||||||
|
const xtermPlugin = new XtermPlugin() |
||||||
engine.register(appManager) |
engine.register(appManager) |
||||||
engine.register(plugin) |
engine.register(fsPlugin) |
||||||
//appManager.activatePlugin('fs')
|
engine.register(gitPlugin) |
||||||
|
engine.register(xtermPlugin) |
||||||
|
|
||||||
ipcMain.on('manager:activatePlugin', (event, arg) => { |
ipcMain.handle('manager:activatePlugin', async (event, arg) => { |
||||||
appManager.activatePlugin(arg) |
console.log('manager:activatePlugin', arg) |
||||||
|
if(await appManager.isActive(arg)){ |
||||||
|
return true |
||||||
|
} |
||||||
|
return await appManager.activatePlugin(arg) |
||||||
|
}) |
||||||
|
|
||||||
|
app.on('before-quit', async () => { |
||||||
|
await appManager.call('fs', 'closeWatch') |
||||||
|
app.quit() |
||||||
}) |
}) |
||||||
@ -1,70 +1,103 @@ |
|||||||
import { PluginClient } from "@remixproject/plugin"; |
import { PluginClient } from "@remixproject/plugin"; |
||||||
import { createClient } from "./electronPluginClient" |
import { createElectronClient } from "@remixproject/plugin-electron" |
||||||
import { Engine, PluginManager, Plugin } from '@remixproject/engine'; |
import { Plugin } from '@remixproject/engine'; |
||||||
import fs from 'fs' |
import fs from 'fs/promises' |
||||||
import { existsSync } from "fs-extra"; |
import { Stats } from "fs"; |
||||||
|
import { Profile } from "@remixproject/plugin-utils"; |
||||||
|
import chokidar from 'chokidar' |
||||||
|
import { mainWindow } from "./main"; |
||||||
|
|
||||||
const profile = { |
const profile: Profile = { |
||||||
displayName: 'fs', |
displayName: 'fs', |
||||||
name: 'fs', |
name: 'fs', |
||||||
description: 'fs', |
description: 'fs', |
||||||
} |
} |
||||||
|
|
||||||
export class fsPlugin extends Plugin { |
export class FSPlugin extends Plugin { |
||||||
client: PluginClient |
client: FSPluginClient |
||||||
constructor(){ |
constructor() { |
||||||
super(profile) |
super(profile) |
||||||
|
this.methods = ['closeWatch'] |
||||||
} |
} |
||||||
|
|
||||||
onActivation(): void { |
onActivation(): void { |
||||||
console.log('fsPlugin onActivation') |
this.client = new FSPluginClient() |
||||||
this.client = new fsPluginClient() |
|
||||||
} |
} |
||||||
|
|
||||||
|
async closeWatch(): Promise<void> { |
||||||
|
console.log('closeWatch') |
||||||
|
if (this.client) |
||||||
|
await this.client.closeWatch() |
||||||
|
} |
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
class fsPluginClient extends PluginClient { |
class FSPluginClient extends PluginClient { |
||||||
constructor(){ |
watcher: chokidar.FSWatcher | undefined |
||||||
|
constructor() { |
||||||
super() |
super() |
||||||
this.methods = ['readdir', 'readFile', 'writeFile', 'mkdir', 'rmdir', 'unlink', 'rename', 'stat', 'exists'] |
this.methods = ['readdir', 'readFile', 'writeFile', 'mkdir', 'rmdir', 'unlink', 'rename', 'stat', 'exists', 'watch', 'closeWatch', 'currentPath'] |
||||||
createClient(this) |
createElectronClient(this, profile, mainWindow) |
||||||
this.onload() |
this.onload(() => { |
||||||
|
console.log('fsPluginClient onload') |
||||||
|
}) |
||||||
} |
} |
||||||
|
|
||||||
async readdir(path: string): Promise<string[]> { |
async readdir(path: string): Promise<string[]> { |
||||||
// call node fs.readdir
|
// call node fs.readdir
|
||||||
return fs.readdirSync(path) |
return fs.readdir(path) |
||||||
} |
} |
||||||
|
|
||||||
async readFile(path: string): Promise<string> { |
async readFile(path: string): Promise<string> { |
||||||
return fs.readFileSync(path, 'utf8') |
return fs.readFile(path, 'utf8') |
||||||
} |
} |
||||||
|
|
||||||
async writeFile(path: string, content: string): Promise<void> { |
async writeFile(path: string, content: string): Promise<void> { |
||||||
return fs.writeFileSync(path, content, 'utf8') |
return fs.writeFile(path, content, 'utf8') |
||||||
} |
} |
||||||
|
|
||||||
async mkdir(path: string): Promise<void> { |
async mkdir(path: string): Promise<void> { |
||||||
return fs.mkdirSync(path) |
return fs.mkdir(path) |
||||||
} |
} |
||||||
|
|
||||||
async rmdir(path: string): Promise<void> { |
async rmdir(path: string): Promise<void> { |
||||||
return fs.rmdirSync(path) |
return fs.rmdir(path) |
||||||
} |
} |
||||||
|
|
||||||
async unlink(path: string): Promise<void> { |
async unlink(path: string): Promise<void> { |
||||||
return fs.unlinkSync(path) |
return fs.unlink(path) |
||||||
} |
} |
||||||
|
|
||||||
async rename(oldPath: string, newPath: string): Promise<void> { |
async rename(oldPath: string, newPath: string): Promise<void> { |
||||||
return fs.renameSync(oldPath, newPath) |
return fs.rename(oldPath, newPath) |
||||||
} |
} |
||||||
|
|
||||||
async stat(path: string): Promise<fs.Stats> { |
async stat(path: string): Promise<Stats> { |
||||||
return fs.statSync(path) |
return fs.stat(path) |
||||||
} |
} |
||||||
|
|
||||||
async exists(path: string): Promise<boolean> { |
async exists(path: string): Promise<boolean> { |
||||||
return existsSync(path) |
return fs.access(path).then(() => true).catch(() => false) |
||||||
|
} |
||||||
|
|
||||||
|
async currentPath(): Promise<string> { |
||||||
|
return process.cwd() |
||||||
} |
} |
||||||
|
|
||||||
|
async watch(path: string): Promise<void> { |
||||||
|
console.log('watch', path) |
||||||
|
if (this.watcher) this.watcher.close() |
||||||
|
this.watcher = |
||||||
|
chokidar.watch(path).on('change', (path, stats) => { |
||||||
|
console.log('change', path, stats) |
||||||
|
this.emit('change', path, stats) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
async closeWatch(): Promise<void> { |
||||||
|
console.log('closeWatch') |
||||||
|
if (this.watcher) this.watcher.close() |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
} |
} |
||||||
@ -0,0 +1,53 @@ |
|||||||
|
import { Plugin } from "@remixproject/engine"; |
||||||
|
import { PluginClient } from "@remixproject/plugin"; |
||||||
|
import { Profile } from "@remixproject/plugin-utils"; |
||||||
|
import { spawn } from "child_process"; |
||||||
|
import { createElectronClient } from "@remixproject/plugin-electron" |
||||||
|
import { mainWindow } from "./main"; |
||||||
|
|
||||||
|
const profile: Profile = { |
||||||
|
name: 'git', |
||||||
|
displayName: 'Git', |
||||||
|
description: 'Git plugin', |
||||||
|
} |
||||||
|
|
||||||
|
export class GitPlugin extends Plugin { |
||||||
|
client: PluginClient |
||||||
|
constructor() { |
||||||
|
super(profile) |
||||||
|
} |
||||||
|
|
||||||
|
onActivation(): void { |
||||||
|
this.client = new GitPluginClient() |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
class GitPluginClient extends PluginClient { |
||||||
|
constructor() { |
||||||
|
super() |
||||||
|
this.methods = ['log', 'status', 'add', 'commit', 'push', 'pull', 'clone', 'checkout', 'branch', 'merge', 'reset', 'revert', 'diff', 'stash', 'apply', 'cherryPick', 'rebase', 'tag', 'fetch', 'remote', 'config', 'show', 'init', 'help', 'version'] |
||||||
|
createElectronClient(this, profile, mainWindow) |
||||||
|
this.onload(() => { |
||||||
|
console.log('GitPluginClient onload') |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
async log(path: string): Promise<string> { |
||||||
|
const log = spawn('git', ['log'], { |
||||||
|
cwd: path, |
||||||
|
env: { |
||||||
|
NODE_ENV: 'production', |
||||||
|
PATH: process.env.PATH, |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
log.stdout.on('data', (data) => { |
||||||
|
resolve(data.toString()) |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -1,12 +1,26 @@ |
|||||||
|
// electron preload script
|
||||||
|
// write contextbridge to window
|
||||||
|
|
||||||
|
|
||||||
import { Message } from '@remixproject/plugin-utils' |
import { Message } from '@remixproject/plugin-utils' |
||||||
import { contextBridge, ipcRenderer } from 'electron' |
import { contextBridge, ipcRenderer } from 'electron' |
||||||
|
|
||||||
console.log('preload.ts') |
console.log('preload.ts') |
||||||
|
|
||||||
contextBridge.exposeInMainWorld('api', { |
/* preload script needs statically defined API for each plugin */ |
||||||
|
|
||||||
|
const exposedPLugins = ['fs', 'git', 'xterm'] |
||||||
|
|
||||||
|
contextBridge.exposeInMainWorld('electronAPI', { |
||||||
activatePlugin: (name: string) => { |
activatePlugin: (name: string) => { |
||||||
console.log('activatePlugin', name) |
return ipcRenderer.invoke('manager:activatePlugin', name) |
||||||
ipcRenderer.send('manager:activatePlugin', name) |
}, |
||||||
|
|
||||||
|
plugins: exposedPLugins.map(name => { |
||||||
|
return { |
||||||
|
name, |
||||||
|
on: (cb:any) => ipcRenderer.on(`${name}:send`, cb), |
||||||
|
send: (message: Partial<Message>) => ipcRenderer.send(`${name}:on`, message) |
||||||
} |
} |
||||||
|
}) |
||||||
}) |
}) |
||||||
@ -0,0 +1,74 @@ |
|||||||
|
import { Plugin } from "@remixproject/engine"; |
||||||
|
import { PluginClient } from "@remixproject/plugin"; |
||||||
|
import { Profile } from "@remixproject/plugin-utils"; |
||||||
|
import { spawn } from "child_process"; |
||||||
|
import { createElectronClient } from "@remixproject/plugin-electron" |
||||||
|
|
||||||
|
import os from 'os'; |
||||||
|
import * as pty from "node-pty" |
||||||
|
import { mainWindow } from "./main"; |
||||||
|
|
||||||
|
const profile: Profile = { |
||||||
|
name: 'xterm', |
||||||
|
displayName: 'xterm', |
||||||
|
description: 'xterm plugin', |
||||||
|
} |
||||||
|
|
||||||
|
export class XtermPlugin extends Plugin { |
||||||
|
client: PluginClient |
||||||
|
constructor() { |
||||||
|
super(profile) |
||||||
|
} |
||||||
|
|
||||||
|
onActivation(): void { |
||||||
|
this.client = new XtermPluginClient() |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
class XtermPluginClient extends PluginClient { |
||||||
|
terminals: pty.IPty[] = [] |
||||||
|
constructor() { |
||||||
|
super() |
||||||
|
this.methods = ['keystroke', 'createTerminal', 'close'] |
||||||
|
createElectronClient(this, profile, mainWindow) |
||||||
|
this.onload(() => { |
||||||
|
console.log('XtermPluginClient onload') |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
async keystroke(key: string, pid: number): Promise<void> { |
||||||
|
console.log('keystroke', key) |
||||||
|
this.terminals[pid].write(key) |
||||||
|
} |
||||||
|
|
||||||
|
async createTerminal(path?: string): Promise<number>{ |
||||||
|
const shell = os.platform() === 'win32' ? 'powershell.exe' : 'bash'; |
||||||
|
|
||||||
|
const ptyProcess = pty.spawn(shell, [], { |
||||||
|
name: 'xterm-color', |
||||||
|
cols: 80, |
||||||
|
rows: 30, |
||||||
|
cwd: path || process.cwd() , |
||||||
|
env: process.env as { [key: string]: string }, |
||||||
|
}); |
||||||
|
|
||||||
|
ptyProcess.onData((data: string) => { |
||||||
|
this.sendData(data, ptyProcess.pid); |
||||||
|
}) |
||||||
|
this.terminals[ptyProcess.pid] = ptyProcess |
||||||
|
console.log('create terminal', ptyProcess.pid) |
||||||
|
return ptyProcess.pid |
||||||
|
} |
||||||
|
|
||||||
|
async close(pid: number): Promise<void>{ |
||||||
|
this.terminals[pid].kill() |
||||||
|
delete this.terminals[pid] |
||||||
|
this.emit('close', pid) |
||||||
|
} |
||||||
|
|
||||||
|
async sendData(data: string, pid: number){ |
||||||
|
this.emit('data', data, pid) |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -1,20 +1,17 @@ |
|||||||
{ |
{ |
||||||
"compilerOptions": { |
"compilerOptions": { |
||||||
"target": "ES6", |
"target": "es6", |
||||||
"jsx": "react-jsx", |
|
||||||
"allowJs": true, |
|
||||||
"module": "commonjs", |
"module": "commonjs", |
||||||
"skipLibCheck": true, |
"skipLibCheck": true, |
||||||
"esModuleInterop": true, |
"esModuleInterop": true, |
||||||
"noImplicitAny": true, |
"noImplicitAny": true, |
||||||
|
"allowSyntheticDefaultImports": true, |
||||||
"sourceMap": true, |
"sourceMap": true, |
||||||
"baseUrl": ".", |
"strictPropertyInitialization": false, |
||||||
"outDir": "dist", |
"strict": true, |
||||||
"moduleResolution": "node", |
"outDir": "build", |
||||||
"resolveJsonModule": true, |
"rootDir": "./src/", |
||||||
"paths": { |
"noEmitOnError": true, |
||||||
"*": ["node_modules/*"] |
"typeRoots": ["node_modules/@types", "./types"] |
||||||
} |
} |
||||||
}, |
|
||||||
"include": ["src/**/*"] |
|
||||||
} |
} |
||||||
@ -1,84 +0,0 @@ |
|||||||
const { composePlugins, withNx } = require('@nrwl/webpack') |
|
||||||
const webpack = require('webpack') |
|
||||||
const TerserPlugin = require("terser-webpack-plugin") |
|
||||||
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin") |
|
||||||
|
|
||||||
// Nx plugins for webpack.
|
|
||||||
module.exports = composePlugins((input) => { |
|
||||||
|
|
||||||
const config = { |
|
||||||
mode: input.mode === 'production' ? 'production' : 'development', |
|
||||||
} |
|
||||||
|
|
||||||
config.target = 'electron-main' |
|
||||||
config.devtool = 'source-map' |
|
||||||
|
|
||||||
config.output = { |
|
||||||
path: __dirname + '/.webpack/main', |
|
||||||
filename: '[name].js', |
|
||||||
} |
|
||||||
|
|
||||||
config.target = 'electron-preload' |
|
||||||
|
|
||||||
config.entry = { |
|
||||||
index: ['./apps/remixdesktop/src/index.ts'], |
|
||||||
preload: ['./apps/remixdesktop/src/preload.ts'], |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
const mainEntry = config.mode === 'production'? `\`file://$\{require('path').resolve(__dirname, '..', 'renderer', 'index.html')}\``: `'http://localhost:8080'` |
|
||||||
|
|
||||||
config.plugins= [ |
|
||||||
new webpack.DefinePlugin({ |
|
||||||
MAIN_WINDOW_WEBPACK_ENTRY: mainEntry, |
|
||||||
'process.env.MAIN_WINDOW_WEBPACK_ENTRY': mainEntry, |
|
||||||
MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY: `\`$\{require('path').resolve(__dirname, 'preload.js')}\``, |
|
||||||
'process.env.MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY': `\`$\{require('path').resolve(__dirname, '..', 'render', 'preload.js')}\``, |
|
||||||
}) |
|
||||||
] |
|
||||||
|
|
||||||
config.module = {} |
|
||||||
config.module.rules = [ |
|
||||||
// Add support for native node modules
|
|
||||||
{ |
|
||||||
// We're specifying native_modules in the test because the asset relocator loader generates a
|
|
||||||
// "fake" .node file which is really a cjs file.
|
|
||||||
test: /native_modules[/\\].+\.node$/, |
|
||||||
use: 'node-loader', |
|
||||||
}, |
|
||||||
/* |
|
||||||
{ |
|
||||||
test: /[/\\]node_modules[/\\].+\.(m?js|node)$/, |
|
||||||
parser: { amd: false }, |
|
||||||
use: { |
|
||||||
loader: '@vercel/webpack-asset-relocator-loader', |
|
||||||
options: { |
|
||||||
outputAssetBase: 'native_modules', |
|
||||||
}, |
|
||||||
}, |
|
||||||
}, |
|
||||||
*/ |
|
||||||
{ |
|
||||||
test: /\.tsx?$/, |
|
||||||
exclude: /(node_modules|\.webpack)/, |
|
||||||
use: { |
|
||||||
loader: 'ts-loader', |
|
||||||
options: { |
|
||||||
transpileOnly: true, |
|
||||||
}, |
|
||||||
}, |
|
||||||
}, |
|
||||||
]; |
|
||||||
config.resolve = {} |
|
||||||
config.resolve.extensions = [ '.js', '.ts', '.jsx', '.tsx', '.css' ] |
|
||||||
config.target = 'electron-preload' |
|
||||||
|
|
||||||
|
|
||||||
config.node = { |
|
||||||
__dirname: false, |
|
||||||
__filename: false, |
|
||||||
} |
|
||||||
|
|
||||||
console.log('config', config) |
|
||||||
return config; |
|
||||||
}); |
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue