filip mertens
12 months ago
parent
1c538acd80
commit
f068d3267e
@ -1,259 +0,0 @@ |
|||||||
import {ElectronBasePlugin, ElectronBasePluginClient} from '@remixproject/plugin-electron' |
|
||||||
import path from 'path' |
|
||||||
import * as esbuild from 'esbuild' |
|
||||||
import fs from 'fs/promises' |
|
||||||
import os, {arch} from 'os' |
|
||||||
import {exec} from 'child_process' |
|
||||||
import {promisify} from 'util' |
|
||||||
const execAsync = promisify(exec) |
|
||||||
|
|
||||||
export const cacheDir = path.join(os.homedir(), '.cache_remix_ide') |
|
||||||
|
|
||||||
const profile = { |
|
||||||
name: 'scriptRunner', |
|
||||||
displayName: 'Script Runner', |
|
||||||
description: 'Execute script and emit logs', |
|
||||||
} |
|
||||||
|
|
||||||
const convertPathToPosix = (pathName: string): string => { |
|
||||||
return pathName.split(path.sep).join(path.posix.sep) |
|
||||||
} |
|
||||||
|
|
||||||
export class ScriptRunnerPlugin extends ElectronBasePlugin { |
|
||||||
constructor() { |
|
||||||
super(profile, clientProfile, ScriptRunnerClient) |
|
||||||
this.methods = [...super.methods] |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const clientProfile = { |
|
||||||
name: 'scriptRunner', |
|
||||||
displayName: 'Script Runner', |
|
||||||
description: 'Execute script and emit logs', |
|
||||||
methods: ['execute', 'yarnAdd', 'yarnInit'], |
|
||||||
} |
|
||||||
|
|
||||||
class ScriptRunnerClient extends ElectronBasePluginClient { |
|
||||||
workingDir: string = '' |
|
||||||
nodeVersion: string = '' |
|
||||||
yarnVersion: string = '' |
|
||||||
constructor(webContentsId: number, profile: any) { |
|
||||||
super(webContentsId, profile) |
|
||||||
this.onload(async () => { |
|
||||||
this.on('fs' as any, 'workingDirChanged', async (path: string) => { |
|
||||||
this.workingDir = path |
|
||||||
}) |
|
||||||
|
|
||||||
try { |
|
||||||
const result = await execAsync('node --version') |
|
||||||
this.nodeVersion = result.stdout |
|
||||||
this.call('terminal' as any, 'log', `Node version: ${this.nodeVersion}`) |
|
||||||
return result.stdout |
|
||||||
} catch (error) { |
|
||||||
this.call('terminal' as any, 'log', `Node not found`) |
|
||||||
} |
|
||||||
|
|
||||||
try { |
|
||||||
const result = await execAsync('yarn --version') |
|
||||||
console.log('result', result) |
|
||||||
this.yarnVersion = result.stdout |
|
||||||
this.call('terminal' as any, 'log', `Yarn version: ${this.yarnVersion}`) |
|
||||||
return result.stdout |
|
||||||
} catch (error) { |
|
||||||
this.call('terminal' as any, 'log', `Yarn not found`) |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
async yarnAdd(module: string, version: string = ''): Promise<void> { |
|
||||||
const child = utilityProcess |
|
||||||
.fork(path.join(__dirname, '/../tools/yarn/bin/', 'yarn.js'), [`--cwd=${this.workingDir}`, 'add', `${module}@${version}`], { |
|
||||||
stdio: 'pipe', |
|
||||||
}) |
|
||||||
.addListener('exit', () => { |
|
||||||
console.log('exit') |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.stdout && |
|
||||||
child.stdout.on('data', (data) => { |
|
||||||
this.call('terminal' as any, 'log', data.toString()) |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.stdout && |
|
||||||
child.stdout.on('close', (data) => { |
|
||||||
this.call('terminal' as any, 'log', 'close') |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.on('spawn', () => { |
|
||||||
this.call('terminal' as any, 'log', 'yarn start') |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.on('exit', (data) => { |
|
||||||
this.call('terminal' as any, 'log', 'yarn install done') |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
async yarnInit(): Promise<void> { |
|
||||||
const child = utilityProcess |
|
||||||
.fork(path.join(__dirname, '/../tools/yarn/bin/', 'yarn.js'), [`--cwd=${this.workingDir}`], { |
|
||||||
stdio: 'pipe', |
|
||||||
}) |
|
||||||
.addListener('exit', () => { |
|
||||||
console.log('exit') |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.stdout && |
|
||||||
child.stdout.on('data', (data) => { |
|
||||||
this.call('terminal' as any, 'log', data.toString()) |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.stdout && |
|
||||||
child.stdout.on('close', (data) => { |
|
||||||
this.call('terminal' as any, 'log', 'close') |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.on('spawn', () => { |
|
||||||
this.call('terminal' as any, 'log', 'yarn start') |
|
||||||
}) |
|
||||||
child && |
|
||||||
child.on('exit', (data) => { |
|
||||||
this.call('terminal' as any, 'log', 'yarn install done') |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
async execute(content: string, dir: string): Promise<void> { |
|
||||||
this.call('terminal' as any, 'log', this.workingDir) |
|
||||||
dir = await convertPathToPosix(this.fixPath(dir)) |
|
||||||
|
|
||||||
const out = convertPathToPosix(this.fixPath('dist')) |
|
||||||
try { |
|
||||||
const build = await esbuild.build({ |
|
||||||
entryPoints: [dir], |
|
||||||
bundle: true, |
|
||||||
outdir: out, |
|
||||||
plugins: [], |
|
||||||
platform: 'node', |
|
||||||
inject: ['/Volumes/bunsen/code/basic6/remix.ts'] |
|
||||||
}) |
|
||||||
console.log('build', build) |
|
||||||
if (build.errors.length > 0) { |
|
||||||
console.log('ERRORS', build.errors) |
|
||||||
return |
|
||||||
} |
|
||||||
console.log(path.join(out, 'test.js')) |
|
||||||
const child2 = utilityProcess.fork(path.join(out, 'test.js'), [], { |
|
||||||
stdio: 'pipe', |
|
||||||
}) |
|
||||||
child2 && |
|
||||||
child2.stdout && |
|
||||||
child2.stdout.on('data', (data) => { |
|
||||||
this.call('terminal' as any, 'log', data.toString()) |
|
||||||
}) |
|
||||||
} catch (e: any) { |
|
||||||
// find all errors in string with 'Could not resolve'
|
|
||||||
const errors = e.toString().match(/Could not resolve "([^"]*)"/g) |
|
||||||
if (errors) { |
|
||||||
for (const error of errors) { |
|
||||||
const match = error.match(/Could not resolve "([^"]*)"/) |
|
||||||
if (match) { |
|
||||||
const module = match[1] |
|
||||||
const modulePath = path.join(this.workingDir, 'node_modules', module) |
|
||||||
try { |
|
||||||
await fs.stat(modulePath) |
|
||||||
} catch (e) { |
|
||||||
console.log('modulePath', modulePath) |
|
||||||
this.emit('missingModule', module) |
|
||||||
this.call('terminal' as any, 'log', { |
|
||||||
type: 'error', |
|
||||||
value: `Missing module ${module}`, |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
console.log('ERROR', e) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
fixPath(path: string): string { |
|
||||||
if (this.workingDir === '') throw new Error('workingDir is not set') |
|
||||||
if (path) { |
|
||||||
if (path.startsWith('/')) { |
|
||||||
path = path.slice(1) |
|
||||||
} |
|
||||||
} |
|
||||||
path = this.workingDir + (!this.workingDir.endsWith('/') ? '/' : '') + path |
|
||||||
return path |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
let onEndPlugin = { |
|
||||||
name: 'onEnd', |
|
||||||
setup(build: esbuild.PluginBuild) { |
|
||||||
build.onEnd((result) => { |
|
||||||
console.log(`build ended with ${result.errors.length} errors`) |
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
|
|
||||||
const onResolvePlugin = { |
|
||||||
name: 'onResolve', |
|
||||||
setup(build: esbuild.PluginBuild) { |
|
||||||
build.onLoad( |
|
||||||
{ |
|
||||||
filter: /.*/, |
|
||||||
}, |
|
||||||
async (args) => { |
|
||||||
console.log('onLoad', args) |
|
||||||
/*if(args.namespace && args.namespace !== 'file'){ |
|
||||||
const imported = await resolver.resolve(args.path) |
|
||||||
console.log('imported', imported) |
|
||||||
return { |
|
||||||
contents: imported.content, |
|
||||||
loader: 'js', |
|
||||||
} |
|
||||||
}*/ |
|
||||||
return undefined |
|
||||||
} |
|
||||||
) |
|
||||||
}, |
|
||||||
} |
|
||||||
|
|
||||||
import {URL} from 'url' |
|
||||||
import axios from 'axios' |
|
||||||
import {app, utilityProcess} from 'electron' |
|
||||||
|
|
||||||
let httpPlugin = { |
|
||||||
name: 'http', |
|
||||||
setup(build: esbuild.PluginBuild) { |
|
||||||
// Intercept import paths starting with "http:" and "https:" so
|
|
||||||
// esbuild doesn't attempt to map them to a file system location.
|
|
||||||
// Tag them with the "http-url" namespace to associate them with
|
|
||||||
// this plugin.
|
|
||||||
build.onResolve({filter: /^https?:\/\//}, (args) => ({ |
|
||||||
path: args.path, |
|
||||||
namespace: 'http-url', |
|
||||||
})) |
|
||||||
|
|
||||||
// We also want to intercept all import paths inside downloaded
|
|
||||||
// files and resolve them against the original URL. All of these
|
|
||||||
// files will be in the "http-url" namespace. Make sure to keep
|
|
||||||
// the newly resolved URL in the "http-url" namespace so imports
|
|
||||||
// inside it will also be resolved as URLs recursively.
|
|
||||||
build.onResolve({filter: /.*/, namespace: 'http-url'}, (args) => ({ |
|
||||||
path: new URL(args.path, args.importer).toString(), |
|
||||||
namespace: 'http-url', |
|
||||||
})) |
|
||||||
|
|
||||||
// When a URL is loaded, we want to actually download the content
|
|
||||||
// from the internet. This has just enough logic to be able to
|
|
||||||
// handle the example import from unpkg.com but in reality this
|
|
||||||
// would probably need to be more complex.
|
|
||||||
build.onLoad({filter: /.*/, namespace: 'http-url'}, async (args) => { |
|
||||||
// Download the file
|
|
||||||
const response = await axios.get(args.path, {responseType: 'arraybuffer'}) |
|
||||||
//console.log('response', response.data.toString())
|
|
||||||
return {contents: response.data.toString(), loader: 'js'} |
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
Loading…
Reference in new issue