Initial push
This commit is contained in:
parent
9fdafc8aa8
commit
0ca9e83289
16
.editorconfig
Normal file
16
.editorconfig
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
# Editor configuration, see https://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.ts]
|
||||||
|
quote_type = double
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
max_line_length = off
|
||||||
|
trim_trailing_whitespace = false
|
162
.gitignore
vendored
162
.gitignore
vendored
@ -1,132 +1,42 @@
|
|||||||
# ---> Node
|
# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
|
||||||
# Logs
|
|
||||||
logs
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
lerna-debug.log*
|
|
||||||
.pnpm-debug.log*
|
|
||||||
|
|
||||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
# Compiled output
|
||||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
/dist
|
||||||
|
/tmp
|
||||||
|
/out-tsc
|
||||||
|
/bazel-out
|
||||||
|
|
||||||
# Runtime data
|
# Node
|
||||||
pids
|
/node_modules
|
||||||
*.pid
|
npm-debug.log
|
||||||
*.seed
|
yarn-error.log
|
||||||
*.pid.lock
|
|
||||||
|
|
||||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
# IDEs and editors
|
||||||
lib-cov
|
.idea/
|
||||||
|
.project
|
||||||
|
.classpath
|
||||||
|
.c9/
|
||||||
|
*.launch
|
||||||
|
.settings/
|
||||||
|
*.sublime-workspace
|
||||||
|
|
||||||
# Coverage directory used by tools like istanbul
|
# Visual Studio Code
|
||||||
coverage
|
.vscode/*
|
||||||
*.lcov
|
!.vscode/settings.json
|
||||||
|
!.vscode/tasks.json
|
||||||
|
!.vscode/launch.json
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.history/*
|
||||||
|
|
||||||
# nyc test coverage
|
# Miscellaneous
|
||||||
.nyc_output
|
/.angular/cache
|
||||||
|
.sass-cache/
|
||||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
/connect.lock
|
||||||
.grunt
|
/coverage
|
||||||
|
/libpeerconnection.log
|
||||||
# Bower dependency directory (https://bower.io/)
|
testem.log
|
||||||
bower_components
|
/typings
|
||||||
|
|
||||||
# node-waf configuration
|
|
||||||
.lock-wscript
|
|
||||||
|
|
||||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
|
||||||
build/Release
|
|
||||||
|
|
||||||
# Dependency directories
|
|
||||||
node_modules/
|
|
||||||
jspm_packages/
|
|
||||||
|
|
||||||
# Snowpack dependency directory (https://snowpack.dev/)
|
|
||||||
web_modules/
|
|
||||||
|
|
||||||
# TypeScript cache
|
|
||||||
*.tsbuildinfo
|
|
||||||
|
|
||||||
# Optional npm cache directory
|
|
||||||
.npm
|
|
||||||
|
|
||||||
# Optional eslint cache
|
|
||||||
.eslintcache
|
|
||||||
|
|
||||||
# Optional stylelint cache
|
|
||||||
.stylelintcache
|
|
||||||
|
|
||||||
# Microbundle cache
|
|
||||||
.rpt2_cache/
|
|
||||||
.rts2_cache_cjs/
|
|
||||||
.rts2_cache_es/
|
|
||||||
.rts2_cache_umd/
|
|
||||||
|
|
||||||
# Optional REPL history
|
|
||||||
.node_repl_history
|
|
||||||
|
|
||||||
# Output of 'npm pack'
|
|
||||||
*.tgz
|
|
||||||
|
|
||||||
# Yarn Integrity file
|
|
||||||
.yarn-integrity
|
|
||||||
|
|
||||||
# dotenv environment variable files
|
|
||||||
.env
|
|
||||||
.env.development.local
|
|
||||||
.env.test.local
|
|
||||||
.env.production.local
|
|
||||||
.env.local
|
|
||||||
|
|
||||||
# parcel-bundler cache (https://parceljs.org/)
|
|
||||||
.cache
|
|
||||||
.parcel-cache
|
|
||||||
|
|
||||||
# Next.js build output
|
|
||||||
.next
|
|
||||||
out
|
|
||||||
|
|
||||||
# Nuxt.js build / generate output
|
|
||||||
.nuxt
|
|
||||||
dist
|
|
||||||
|
|
||||||
# Gatsby files
|
|
||||||
.cache/
|
|
||||||
# Comment in the public line in if your project uses Gatsby and not Next.js
|
|
||||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
|
||||||
# public
|
|
||||||
|
|
||||||
# vuepress build output
|
|
||||||
.vuepress/dist
|
|
||||||
|
|
||||||
# vuepress v2.x temp and cache directory
|
|
||||||
.temp
|
|
||||||
.cache
|
|
||||||
|
|
||||||
# Docusaurus cache and generated files
|
|
||||||
.docusaurus
|
|
||||||
|
|
||||||
# Serverless directories
|
|
||||||
.serverless/
|
|
||||||
|
|
||||||
# FuseBox cache
|
|
||||||
.fusebox/
|
|
||||||
|
|
||||||
# DynamoDB Local files
|
|
||||||
.dynamodb/
|
|
||||||
|
|
||||||
# TernJS port file
|
|
||||||
.tern-port
|
|
||||||
|
|
||||||
# Stores VSCode versions used for testing VSCode extensions
|
|
||||||
.vscode-test
|
|
||||||
|
|
||||||
# yarn v2
|
|
||||||
.yarn/cache
|
|
||||||
.yarn/unplugged
|
|
||||||
.yarn/build-state.yml
|
|
||||||
.yarn/install-state.gz
|
|
||||||
.pnp.*
|
|
||||||
|
|
||||||
|
# System files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
@ -1,3 +1 @@
|
|||||||
# ace-angular-electron
|
# Newton
|
||||||
|
|
||||||
Ace editor with Angular and Electron
|
|
||||||
|
124
angular.json
Normal file
124
angular.json
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
{
|
||||||
|
"$schema":"./node_modules/@angular/cli/lib/config/schema.json",
|
||||||
|
"version":1,
|
||||||
|
"newProjectRoot":"",
|
||||||
|
"cli":{
|
||||||
|
"analytics":false
|
||||||
|
},
|
||||||
|
"projects":{
|
||||||
|
"App":{
|
||||||
|
"projectType":"application",
|
||||||
|
"root":"",
|
||||||
|
"sourceRoot":"src",
|
||||||
|
"prefix":"app",
|
||||||
|
"architect":{
|
||||||
|
"build":{
|
||||||
|
"builder":"@angular-devkit/build-angular:application",
|
||||||
|
"options":{
|
||||||
|
"outputPath":"dist/app",
|
||||||
|
"index":"src/index.html",
|
||||||
|
"browser":"src/main.ts",
|
||||||
|
"polyfills":[
|
||||||
|
"zone.js"
|
||||||
|
],
|
||||||
|
"tsConfig":"tsconfig.app.json",
|
||||||
|
"assets":[
|
||||||
|
{
|
||||||
|
"glob":"**/*",
|
||||||
|
"input":"public",
|
||||||
|
"output":"resources"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"glob":"**/*",
|
||||||
|
"input":"node_modules/ace-builds/src-noconflict",
|
||||||
|
"output":"ace"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"stylePreprocessorOptions":{
|
||||||
|
"sass":{
|
||||||
|
"silenceDeprecations":[
|
||||||
|
"mixed-decls",
|
||||||
|
"color-functions",
|
||||||
|
"global-builtin",
|
||||||
|
"import"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"styles":[
|
||||||
|
"node_modules/bootstrap/scss/bootstrap.scss",
|
||||||
|
"node_modules/bootstrap-icons/font/bootstrap-icons.css",
|
||||||
|
"src/assets/css/styles.css",
|
||||||
|
"src/assets/css/ace-overrides.css"
|
||||||
|
],
|
||||||
|
"scripts":[
|
||||||
|
],
|
||||||
|
"optimization": false
|
||||||
|
},
|
||||||
|
"configurations":{
|
||||||
|
"production":{
|
||||||
|
"budgets":[
|
||||||
|
{
|
||||||
|
"type":"initial",
|
||||||
|
"maximumWarning":"5MB",
|
||||||
|
"maximumError":"50MB"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type":"anyComponentStyle",
|
||||||
|
"maximumWarning":"4kB",
|
||||||
|
"maximumError":"8kB"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"optimization":false
|
||||||
|
},
|
||||||
|
"development":{
|
||||||
|
"outputHashing": "all",
|
||||||
|
"sourceMap": true,
|
||||||
|
"extractCss": true,
|
||||||
|
"namedChunks": true,
|
||||||
|
"extractLicenses": true,
|
||||||
|
"vendorChunk": false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultConfiguration":"production"
|
||||||
|
},
|
||||||
|
"serve":{
|
||||||
|
"builder":"@angular-devkit/build-angular:dev-server",
|
||||||
|
"configurations":{
|
||||||
|
"production":{
|
||||||
|
"buildTarget":"App:build:production"
|
||||||
|
},
|
||||||
|
"development":{
|
||||||
|
"buildTarget":"App:build:development"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultConfiguration":"development"
|
||||||
|
},
|
||||||
|
"extract-i18n":{
|
||||||
|
"builder":"@angular-devkit/build-angular:extract-i18n"
|
||||||
|
},
|
||||||
|
"test":{
|
||||||
|
"builder":"@angular-devkit/build-angular:karma",
|
||||||
|
"options":{
|
||||||
|
"polyfills":[
|
||||||
|
"zone.js",
|
||||||
|
"zone.js/testing"
|
||||||
|
],
|
||||||
|
"tsConfig":"tsconfig.spec.json",
|
||||||
|
"assets":[
|
||||||
|
{
|
||||||
|
"glob":"**/*",
|
||||||
|
"input":"public"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"styles":[
|
||||||
|
"src/styles.css"
|
||||||
|
],
|
||||||
|
"scripts":[
|
||||||
|
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
73
app.js
Normal file
73
app.js
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
const { BrowserWindow } = require('electron');
|
||||||
|
const path = require('node:path');
|
||||||
|
const fs = require('node:fs');
|
||||||
|
const os = require('os')
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const BASE_PATH = 'dist/app/browser';
|
||||||
|
// const BASE_PATH = 'dist/app';
|
||||||
|
const ICON_PATH = `${BASE_PATH}/resources/newton.png`;
|
||||||
|
const LSP_CONFIG_PATH = `${BASE_PATH}/resources/lsp-servers-config.json`;
|
||||||
|
let args = [];
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const createWindow = (startType = "build", debug = false, args = []) => {
|
||||||
|
this.args = args;
|
||||||
|
|
||||||
|
const win = new BrowserWindow({
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
transparent: true,
|
||||||
|
icon: path.join(__dirname, ICON_PATH),
|
||||||
|
webPreferences: {
|
||||||
|
preload: path.join(__dirname, 'preload.js'),
|
||||||
|
contextIsolation: true,
|
||||||
|
enableRemoteModule: false,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// win.removeMenu()
|
||||||
|
|
||||||
|
if (debug == true) {
|
||||||
|
win.webContents.openDevTools();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (startType === "build") {
|
||||||
|
win.loadFile(
|
||||||
|
path.join(__dirname, `${BASE_PATH}/index.html`)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (startType === "ng-serve") {
|
||||||
|
win.loadURL('http://localhost:4200');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const getFileContents = (_path, useRelativePath = false) => {
|
||||||
|
try {
|
||||||
|
if (!useRelativePath) {
|
||||||
|
return fs.readFileSync(_path, 'utf8');
|
||||||
|
} else {
|
||||||
|
return fs.readFileSync(path.join(__dirname, _path), 'utf8');
|
||||||
|
}
|
||||||
|
} catch(err) {
|
||||||
|
return `{"message": {"type": "error", "text": "Error: Could not read ${_path}"}}`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const getLspConfigData = () => {
|
||||||
|
const config = getFileContents(LSP_CONFIG_PATH, true);
|
||||||
|
return config.replaceAll("{user.home}", os.homedir());
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
newton: {
|
||||||
|
createWindow: createWindow,
|
||||||
|
getFileContents: getFileContents,
|
||||||
|
getLspConfigData: getLspConfigData
|
||||||
|
}
|
||||||
|
};
|
70
main.js
Normal file
70
main.js
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
try {
|
||||||
|
require('electron-reloader')(module)
|
||||||
|
} catch {}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const { app, ipcMain } = require('electron');
|
||||||
|
const { newton } = require('./app');
|
||||||
|
const path = require('node:path');
|
||||||
|
const fs = require('node:fs');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let startType = "";
|
||||||
|
let isDebug = false;
|
||||||
|
let args = [];
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const loadArgs = () => {
|
||||||
|
console.log("\n\nStart KArgs:");
|
||||||
|
const hasStartAs = app.commandLine.hasSwitch("start-as");
|
||||||
|
if (hasStartAs) {
|
||||||
|
startType = app.commandLine.getSwitchValue("start-as");
|
||||||
|
console.log("Has start-as switch...");
|
||||||
|
console.log(startType);
|
||||||
|
}
|
||||||
|
|
||||||
|
const hasDebug = app.commandLine.hasSwitch("app-debug");
|
||||||
|
if (hasDebug) {
|
||||||
|
isDebug = app.commandLine.getSwitchValue("app-debug");
|
||||||
|
console.log("Has app-debug switch...");
|
||||||
|
console.log(isDebug);
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("\n\nStart VArgs:");
|
||||||
|
args = process.argv.slice(4); // remove up to --start-as ...
|
||||||
|
args.forEach((val, index, array) => {
|
||||||
|
console.log(index + ': ' + val);
|
||||||
|
console.log();
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadHandlers = () => {
|
||||||
|
ipcMain.handle('getLspConfigData', (eve) => newton.getLspConfigData());
|
||||||
|
ipcMain.handle('getFileContents', (eve, file) => newton.getFileContents(file));
|
||||||
|
}
|
||||||
|
|
||||||
|
app.whenReady().then(() => {
|
||||||
|
loadArgs();
|
||||||
|
loadHandlers();
|
||||||
|
newton.createWindow(startType, isDebug, args);
|
||||||
|
})
|
||||||
|
|
||||||
|
app.on('activate', () => {
|
||||||
|
if (BrowserWindow.getAllWindows().length === 0) {
|
||||||
|
newton.createWindow(startType, isDebug, args);
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('window-all-closed', () => {
|
||||||
|
if (process.platform !== 'darwin') {
|
||||||
|
app.quit()
|
||||||
|
};
|
||||||
|
})
|
||||||
|
|
||||||
|
process.on('uncaughtException', (error) => {
|
||||||
|
console.error("Unexpected error: ", error);
|
||||||
|
});
|
16131
package-lock.json
generated
Normal file
16131
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
57
package.json
Normal file
57
package.json
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
{
|
||||||
|
"name": "Newton",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"description": "A uniquly simple quasi-IDE for hardcore developers.",
|
||||||
|
"main": "main.js",
|
||||||
|
"scripts": {
|
||||||
|
"app": "ng build --base-href ./ && electron . --trace-warnings --start-as=build",
|
||||||
|
"electron-build": "electron . --trace-warnings --start-as=build",
|
||||||
|
"electron-concurrently": "concurrently 'ng serve' 'electron . --trace-warnings --start-as=ng-serve'",
|
||||||
|
"ng-serve": "ng serve",
|
||||||
|
"ng-build": "ng build",
|
||||||
|
"ng-watch-build": "ng build --watch --configuration development",
|
||||||
|
"ng-test": "ng test",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"private": true,
|
||||||
|
"author": "ITDominator",
|
||||||
|
"license": "GPL-2.0-only",
|
||||||
|
"dependencies": {
|
||||||
|
"@angular/cli": "19.2.9",
|
||||||
|
"@angular/common": "19.2.0",
|
||||||
|
"@angular/compiler": "19.2.0",
|
||||||
|
"@angular/core": "19.2.0",
|
||||||
|
"@angular/forms": "19.2.0",
|
||||||
|
"@angular/platform-browser": "19.2.0",
|
||||||
|
"@angular/platform-browser-dynamic": "19.2.0",
|
||||||
|
"@angular/platform-server": "19.2.0",
|
||||||
|
"@angular/router": "19.2.0",
|
||||||
|
"ace-builds": "1.41.0",
|
||||||
|
"ace-linters": "1.5.3",
|
||||||
|
"bootstrap": "5.3.6",
|
||||||
|
"bootstrap-icons": "1.12.1",
|
||||||
|
"express": "4.18.2",
|
||||||
|
"rxjs": "7.8.0",
|
||||||
|
"tslib": "2.3.0",
|
||||||
|
"uuid": "11.1.0",
|
||||||
|
"zone.js": "0.15.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@angular-devkit/build-angular": "19.2.8",
|
||||||
|
"@angular/cli": "19.2.8",
|
||||||
|
"@angular/compiler-cli": "19.2.0",
|
||||||
|
"@types/express": "4.17.17",
|
||||||
|
"@types/jasmine": "5.1.0",
|
||||||
|
"@types/node": "18.18.0",
|
||||||
|
"concurrently": "9.1.2",
|
||||||
|
"electron": "36.2.0",
|
||||||
|
"electron-reloader": "1.2.3",
|
||||||
|
"jasmine-core": "5.6.0",
|
||||||
|
"karma": "6.4.0",
|
||||||
|
"karma-chrome-launcher": "3.2.0",
|
||||||
|
"karma-coverage": "2.2.0",
|
||||||
|
"karma-jasmine": "5.1.0",
|
||||||
|
"karma-jasmine-html-reporter": "2.1.0",
|
||||||
|
"typescript": "5.7.2"
|
||||||
|
}
|
||||||
|
}
|
14
preload.js
Normal file
14
preload.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
const { contextBridge, ipcRenderer, webUtils } = require('electron')
|
||||||
|
|
||||||
|
|
||||||
|
contextBridge.exposeInMainWorld('electron', {
|
||||||
|
node: () => process.versions.node,
|
||||||
|
chrome: () => process.versions.chrome,
|
||||||
|
electron: () => process.versions.electron,
|
||||||
|
});
|
||||||
|
|
||||||
|
contextBridge.exposeInMainWorld('fs', {
|
||||||
|
getLspConfigData: () => ipcRenderer.invoke("getLspConfigData"),
|
||||||
|
getFileContents: (file) => ipcRenderer.invoke("getFileContents", file),
|
||||||
|
getPathForFile: (file) => webUtils.getPathForFile(file)
|
||||||
|
});
|
290
public/lsp-servers-config.json
Normal file
290
public/lsp-servers-config.json
Normal file
@ -0,0 +1,290 @@
|
|||||||
|
{
|
||||||
|
"java": {
|
||||||
|
"info": "https://download.eclipse.org/jdtls/",
|
||||||
|
"info-init-options": "https://github.com/eclipse-jdtls/eclipse.jdt.ls/wiki/Running-the-JAVA-LS-server-from-the-command-line",
|
||||||
|
"info-import-build": "https://www.javahotchocolate.com/tutorials/build-path.html",
|
||||||
|
"info-external-class-paths": "https://github.com/eclipse-jdtls/eclipse.jdt.ls/issues/3291",
|
||||||
|
"link": "https://download.eclipse.org/jdtls/milestones/?d",
|
||||||
|
"command": "lsp-ws-proxy --listen 4114 -- jdtls",
|
||||||
|
"alt-command": "lsp-ws-proxy -- jdtls",
|
||||||
|
"alt-command2": "java-language-server",
|
||||||
|
"socket": "ws://127.0.0.1:4114/?name=jdtls",
|
||||||
|
"alt-socket": "ws://127.0.0.1:3030/?name=java-language-server",
|
||||||
|
"initialization-options": {
|
||||||
|
"bundles": [
|
||||||
|
"intellicode-core.jar"
|
||||||
|
],
|
||||||
|
"workspaceFolders": [
|
||||||
|
"file://"
|
||||||
|
],
|
||||||
|
"extendedClientCapabilities": {
|
||||||
|
"classFileContentsSupport": true,
|
||||||
|
"executeClientCommandSupport": true
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"java": {
|
||||||
|
"autobuild": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"completion": {
|
||||||
|
"enabled": true,
|
||||||
|
"importOrder": [
|
||||||
|
"java",
|
||||||
|
"javax",
|
||||||
|
"org",
|
||||||
|
"com"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"configuration": {
|
||||||
|
"maven": {
|
||||||
|
"userSettings": "{user.home}/.config/jdtls/settings.xml",
|
||||||
|
"globalSettings": "{user.home}/.config/jdtls/settings.xml"
|
||||||
|
},
|
||||||
|
"runtimes": [
|
||||||
|
{
|
||||||
|
"name": "JavaSE-17",
|
||||||
|
"path": "/usr/lib/jvm/default-runtime",
|
||||||
|
"javadoc": "https://docs.oracle.com/en/java/javase/17/docs/api/",
|
||||||
|
"default": true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"classPath": [
|
||||||
|
"{user.home}/.config/jdtls/m2/repository/**/*-sources.jar",
|
||||||
|
"lib/**/*-sources.jar"
|
||||||
|
],
|
||||||
|
"docPath": [
|
||||||
|
"{user.home}/.config/jdtls/m2/repository/**/*-javadoc.jar",
|
||||||
|
"lib/**/*-javadoc.jar"
|
||||||
|
],
|
||||||
|
"silentNotification": true,
|
||||||
|
"project": {
|
||||||
|
"encoding": "ignore",
|
||||||
|
"outputPath": "bin",
|
||||||
|
"referencedLibraries": [
|
||||||
|
"lib/**/*.jar",
|
||||||
|
"{user.home}/.config/jdtls/m2/repository/**/*.jar"
|
||||||
|
],
|
||||||
|
"importOnFirstTimeStartup": "automatic",
|
||||||
|
"importHint": true,
|
||||||
|
"resourceFilters": [
|
||||||
|
"node_modules",
|
||||||
|
"\\.git"
|
||||||
|
],
|
||||||
|
"sourcePaths": [
|
||||||
|
"src",
|
||||||
|
"{user.home}/.config/jdtls/m2/repository/**/*.jar"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"sources": {
|
||||||
|
"organizeImports": {
|
||||||
|
"starThreshold": 99,
|
||||||
|
"staticStarThreshold": 99
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"imports": {
|
||||||
|
"gradle": {
|
||||||
|
"wrapper": {
|
||||||
|
"checksums": []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"import": {
|
||||||
|
"maven": {
|
||||||
|
"enabled": true,
|
||||||
|
"offline": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"disableTestClasspathFlag": false
|
||||||
|
},
|
||||||
|
"gradle": {
|
||||||
|
"enabled": true,
|
||||||
|
"wrapper": {
|
||||||
|
"enabled": true
|
||||||
|
},
|
||||||
|
"version": "",
|
||||||
|
"home": "abs(static/gradle-7.3.3)",
|
||||||
|
"java": {
|
||||||
|
"home": "abs(static/launch_jres/17.0.6-linux-x86_64)"
|
||||||
|
},
|
||||||
|
"offline": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"arguments": [],
|
||||||
|
"jvmArguments": [],
|
||||||
|
"user": {
|
||||||
|
"home": ""
|
||||||
|
},
|
||||||
|
"annotationProcessing": {
|
||||||
|
"enabled": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"exclusions": [
|
||||||
|
"**/node_modules/**",
|
||||||
|
"**/.metadata/**",
|
||||||
|
"**/archetype-resources/**",
|
||||||
|
"**/META-INF/maven/**"
|
||||||
|
],
|
||||||
|
"generatesMetadataFilesAtProjectRoot": false
|
||||||
|
},
|
||||||
|
"maven": {
|
||||||
|
"downloadSources": true,
|
||||||
|
"updateSnapshots": true
|
||||||
|
},
|
||||||
|
"signatureHelp": {
|
||||||
|
"enabled": true,
|
||||||
|
"description": {
|
||||||
|
"enabled": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"implementationsCodeLens": {
|
||||||
|
"enabled": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"python": {
|
||||||
|
"info": "https://github.com/python-lsp/python-lsp-server",
|
||||||
|
"command": "lsp-ws-proxy -- pylsp",
|
||||||
|
"alt-command": "pylsp",
|
||||||
|
"alt-command2": "lsp-ws-proxy --listen 4114 -- pylsp",
|
||||||
|
"alt-command3": "pylsp --ws --port 4114",
|
||||||
|
"socket": "ws://127.0.0.1:9999/?name=pylsp",
|
||||||
|
"initialization-options": {
|
||||||
|
"pyls": {
|
||||||
|
"plugins": {
|
||||||
|
"pycodestyle": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"pydocstyle": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"pyflakes": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"pylint": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"mccabe": {
|
||||||
|
"enabled": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"pylsp": {
|
||||||
|
"plugins": {
|
||||||
|
"pycodestyle": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"pydocstyle": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"pyflakes": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"pylint": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"mccabe": {
|
||||||
|
"enabled": false
|
||||||
|
},
|
||||||
|
"ruff": true,
|
||||||
|
"pylsp_rope": {
|
||||||
|
"rename": true
|
||||||
|
},
|
||||||
|
"rope_rename": {
|
||||||
|
"enabled": true
|
||||||
|
},
|
||||||
|
"rope_autoimport": {
|
||||||
|
"enabled": true
|
||||||
|
},
|
||||||
|
"rope_completion": {
|
||||||
|
"enabled": true,
|
||||||
|
"eager": true
|
||||||
|
},
|
||||||
|
"jedi_rename": {
|
||||||
|
"enabled": true
|
||||||
|
},
|
||||||
|
"jedi_completion": {
|
||||||
|
"enabled": true,
|
||||||
|
"include_class_objects": true,
|
||||||
|
"include_function_objects": true,
|
||||||
|
"fuzzy": true
|
||||||
|
},
|
||||||
|
"jedi":{
|
||||||
|
"extra_paths": [
|
||||||
|
"{user.home}/Portable_Apps/py-venvs/pylsp-venv/venv/lib/python3.10/site-packages"
|
||||||
|
],
|
||||||
|
"root_dir": ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"python - jedi-language-server": {
|
||||||
|
"hidden": true,
|
||||||
|
"info": "https://pypi.org/project/jedi-language-server/",
|
||||||
|
"command": "jedi-language-server",
|
||||||
|
"alt-command": "lsp-ws-proxy --listen 3030 -- jedi-language-server",
|
||||||
|
"socket": "ws://127.0.0.1:3030/?name=jedi-language-server",
|
||||||
|
"initialization-options": {
|
||||||
|
"jediSettings": {
|
||||||
|
"autoImportModules": [],
|
||||||
|
"caseInsensitiveCompletion": true,
|
||||||
|
"debug": false
|
||||||
|
},
|
||||||
|
"completion": {
|
||||||
|
"disableSnippets": false,
|
||||||
|
"resolveEagerly": false,
|
||||||
|
"ignorePatterns": []
|
||||||
|
},
|
||||||
|
"markupKindPreferred": "markdown",
|
||||||
|
"workspace": {
|
||||||
|
"extraPaths": [
|
||||||
|
"{user.home}/Portable_Apps/py-venvs/pylsp-venv/venv/lib/python3.10/site-packages"
|
||||||
|
],
|
||||||
|
"environmentPath": "{user.home}/Portable_Apps/py-venvs/gtk-apps-venv/venv/bin/python",
|
||||||
|
"symbols": {
|
||||||
|
"ignoreFolders": [".nox", ".tox", ".venv", "__pycache__", "venv"],
|
||||||
|
"maxSymbols": 20
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cpp": {
|
||||||
|
"info": "https://clangd.llvm.org/",
|
||||||
|
"command": "lsp-ws-proxy -- clangd",
|
||||||
|
"alt-command": "clangd",
|
||||||
|
"socket": "ws://127.0.0.1:3030/?name=clangd",
|
||||||
|
"initialization-options": {}
|
||||||
|
},
|
||||||
|
"sh": {
|
||||||
|
"info": "",
|
||||||
|
"command": "",
|
||||||
|
"alt-command": "",
|
||||||
|
"socket": "ws://127.0.0.1:3030/?name=shell",
|
||||||
|
"initialization-options": {}
|
||||||
|
},
|
||||||
|
"go": {
|
||||||
|
"info": "https://pkg.go.dev/golang.org/x/tools/gopls#section-readme",
|
||||||
|
"command": "lsp-ws-proxy -- gopls",
|
||||||
|
"alt-command": "gopls",
|
||||||
|
"socket": "ws://127.0.0.1:3030/?name=gopls",
|
||||||
|
"initialization-options": {}
|
||||||
|
},
|
||||||
|
"lua": {
|
||||||
|
"info": "https://github.com/LuaLS/lua-language-server",
|
||||||
|
"command": "lsp-ws-proxy -- lua-language-server",
|
||||||
|
"alt-command": "lua-language-server",
|
||||||
|
"socket": "ws://127.0.0.1:3030/?name=gopls",
|
||||||
|
"initialization-options": {}
|
||||||
|
},
|
||||||
|
"c": {
|
||||||
|
"hidden": true,
|
||||||
|
"info": "https://clangd.llvm.org/",
|
||||||
|
"command": "lsp-ws-proxy -- clangd",
|
||||||
|
"alt-command": "clangd",
|
||||||
|
"socket": "ws://127.0.0.1:3030/?name=clangd",
|
||||||
|
"initialization-options": {}
|
||||||
|
}
|
||||||
|
}
|
BIN
public/newton.png
Normal file
BIN
public/newton.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.8 KiB |
0
src/app/app.component.css
Normal file
0
src/app/app.component.css
Normal file
4
src/app/app.component.html
Normal file
4
src/app/app.component.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<div class="col">
|
||||||
|
<tabs></tabs>
|
||||||
|
<editors></editors>
|
||||||
|
</div>
|
43
src/app/app.component.ts
Normal file
43
src/app/app.component.ts
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
import { Component } from '@angular/core';
|
||||||
|
import { RouterOutlet } from '@angular/router';
|
||||||
|
|
||||||
|
import { TabsComponent } from './editor/tabs/tabs.component';
|
||||||
|
import { EditorsComponent } from './editor/editors.component';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface Window {
|
||||||
|
electron: {
|
||||||
|
node: () => Promise<string>,
|
||||||
|
chrome: () => Promise<string>,
|
||||||
|
electron: () => Promise<string>,
|
||||||
|
},
|
||||||
|
fs: {
|
||||||
|
getLspConfigData: () => Promise<string>,
|
||||||
|
getFileContents: (arg0: any) => Promise<string>,
|
||||||
|
getPathForFile: any,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-root',
|
||||||
|
imports: [
|
||||||
|
TabsComponent,
|
||||||
|
EditorsComponent
|
||||||
|
],
|
||||||
|
templateUrl: './app.component.html',
|
||||||
|
styleUrl: './app.component.css',
|
||||||
|
host: {
|
||||||
|
'class': 'row'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export class AppComponent {
|
||||||
|
title = 'Newton';
|
||||||
|
|
||||||
|
constructor() {}
|
||||||
|
|
||||||
|
}
|
11
src/app/app.config.server.ts
Normal file
11
src/app/app.config.server.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
|
||||||
|
import { provideServerRendering } from '@angular/platform-server';
|
||||||
|
import { appConfig } from './app.config';
|
||||||
|
|
||||||
|
const serverConfig: ApplicationConfig = {
|
||||||
|
providers: [
|
||||||
|
provideServerRendering(),
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
export const config = mergeApplicationConfig(appConfig, serverConfig);
|
9
src/app/app.config.ts
Normal file
9
src/app/app.config.ts
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
|
||||||
|
import { provideRouter } from '@angular/router';
|
||||||
|
|
||||||
|
import { routes } from './app.routes';
|
||||||
|
import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
|
||||||
|
|
||||||
|
export const appConfig: ApplicationConfig = {
|
||||||
|
providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideClientHydration(withEventReplay())]
|
||||||
|
};
|
3
src/app/app.routes.ts
Normal file
3
src/app/app.routes.ts
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
import { Routes } from '@angular/router';
|
||||||
|
|
||||||
|
export const routes: Routes = [];
|
28
src/app/common/configs/editor.config.ts
Normal file
28
src/app/common/configs/editor.config.ts
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
import { Keybindings } from './keybindings.config';
|
||||||
|
|
||||||
|
export const EditorSettings: any = {
|
||||||
|
// BASE_PATH: 'https:cdnjs.cloudflare.com/ajax/libs/ace/1.40.1/',
|
||||||
|
BASE_PATH: 'ace',
|
||||||
|
KEYBINDINGS: Keybindings,
|
||||||
|
CONFIG: {
|
||||||
|
behavioursEnabled: true,
|
||||||
|
fontSize: "12px",
|
||||||
|
theme: "ace/theme/one_dark",
|
||||||
|
printMarginColumn: 80,
|
||||||
|
enableBasicAutocompletion: true,
|
||||||
|
enableSnippets: true,
|
||||||
|
enableLiveAutocompletion: true,
|
||||||
|
highlightActiveLine: true,
|
||||||
|
enableMultiselect: true,
|
||||||
|
tabSize: 4,
|
||||||
|
useSoftTabs: true,
|
||||||
|
tooltipFollowsMouse: true,
|
||||||
|
wrapBehavioursEnabled: false,
|
||||||
|
scrollPastEnd: 0.5,
|
||||||
|
mergeUndoDeltas: false,
|
||||||
|
showGutter: true,
|
||||||
|
customScrollbar: true,
|
||||||
|
navigateWithinSoftTabs: true,
|
||||||
|
scrollSpeed: 5
|
||||||
|
}
|
||||||
|
};
|
142
src/app/common/configs/keybinding-newton.js
Normal file
142
src/app/common/configs/keybinding-newton.js
Normal file
@ -0,0 +1,142 @@
|
|||||||
|
const editorCommands = [
|
||||||
|
{
|
||||||
|
name: "showSettingsMenu",
|
||||||
|
bindKey: {win: "Ctrl-Shift-m", mac: "Ctrl-Shift-m"},
|
||||||
|
exec: function(editor) {
|
||||||
|
ace.config.loadModule("ace/ext/settings_menu", function(module) {
|
||||||
|
module.init(editor);
|
||||||
|
editor.showSettingsMenu();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
name: "showKeyboardShortcuts",
|
||||||
|
bindKey: {win: "ctrl-shift-h", mac: "command-shift-h"},
|
||||||
|
exec: function(editor) {
|
||||||
|
ace.config.loadModule("ace/ext/keybinding_menu", function(module) {
|
||||||
|
module.init(editor);
|
||||||
|
editor.showKeyboardShortcuts();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
name: "openCommandPalette2",
|
||||||
|
bindKey: {linux: "Command-Shift-/|F1", win: "Ctrl-Shift-/|F1"},
|
||||||
|
exec: function(editor) {
|
||||||
|
editor.execCommand("openCommandPalette");
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
name: "showLSPManager",
|
||||||
|
bindKey: {win: "ctrl-m", mac: "command-m"},
|
||||||
|
exec: function(editor) {
|
||||||
|
$('#lsp-modal').modal("toggle");
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
name: "search",
|
||||||
|
bindKey: {win: "ctrl-f", mac: "ctrl-f"},
|
||||||
|
exec: function(editor) {
|
||||||
|
blockHigherNewtonEvePropigation = true;
|
||||||
|
searchReplace.toggleShow();
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "openFile",
|
||||||
|
bindKey: {win: "ctrl-o", mac: "ctrl-o"},
|
||||||
|
exec: function(editor) {
|
||||||
|
fpath = aceSessions[currentSession]["fpath"]
|
||||||
|
sendMessage("open_file", "", "", fpath, "");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "saveSession",
|
||||||
|
bindKey: {win: "ctrl-s", mac: "ctrl-s"},
|
||||||
|
exec: function(editor) {
|
||||||
|
saveSession(currentSession);
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "newSession",
|
||||||
|
bindKey: {win: "ctrl-t", mac: "ctrl-t"},
|
||||||
|
exec: function(editor) {
|
||||||
|
newSession();
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "closeSession",
|
||||||
|
bindKey: {win: "ctrl-w", mac: "ctrl-w"},
|
||||||
|
exec: function(editor) {
|
||||||
|
closeSession(currentSession);
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "toggleLineHighlight",
|
||||||
|
bindKey: {win: "ctrl-h", mac: "ctrl-h"},
|
||||||
|
exec: function(editor) {
|
||||||
|
toggleLineHighlight();
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "gotoDefinition",
|
||||||
|
bindKey: {win: "ctrl-g", mac: "ctrl-g"},
|
||||||
|
exec: function(editor) {
|
||||||
|
console.log("Goto stub...");
|
||||||
|
// lspProvider.$messageController.postMessage(Message(), callback);
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "movelinesUp",
|
||||||
|
bindKey: {win: "ctrl-up", mac: "ctrl-up"},
|
||||||
|
exec: function(editor) {
|
||||||
|
editor.execCommand("movelinesup");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "movelinesDown",
|
||||||
|
bindKey: {win: "ctrl-down", mac: "ctrl-down"},
|
||||||
|
exec: function(editor) {
|
||||||
|
editor.execCommand("movelinesdown");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "tgglTopMainMenubar",
|
||||||
|
bindKey: {win: "ctrl-0", mac: "ctrl-0"},
|
||||||
|
exec: function(editor) {
|
||||||
|
sendMessage("tggl_top_main_menubar", "", "", "", "");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "zoomIn",
|
||||||
|
bindKey: {win: "ctrl-=", mac: "ctrl-="},
|
||||||
|
exec: function(editor) {
|
||||||
|
zoomIn();
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "zoomOut",
|
||||||
|
bindKey: {win: "ctrl--", mac: "ctrl--"},
|
||||||
|
exec: function(editor) {
|
||||||
|
zoomOut();
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "scrollUp",
|
||||||
|
bindKey: {win: "alt-up", mac: "alt-up"},
|
||||||
|
exec: function(editor) {
|
||||||
|
editor.execCommand("scrollup");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "scrollDown",
|
||||||
|
bindKey: {win: "alt-down", mac: "alt-down"},
|
||||||
|
exec: function(editor) {
|
||||||
|
editor.execCommand("scrolldown");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "launhLSP",
|
||||||
|
bindKey: {win: "ctrl-l", mac: "ctrl-l"},
|
||||||
|
exec: function(editor) {
|
||||||
|
loadLSPManager();
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
146
src/app/common/configs/keybindings.config.ts
Normal file
146
src/app/common/configs/keybindings.config.ts
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
export const Keybindings: Array<any> = [
|
||||||
|
// export const Keybindings: any = [
|
||||||
|
// {
|
||||||
|
// name: "showSettingsMenu",
|
||||||
|
// bindKey: {win: "Ctrl-Shift-m", mac: "Ctrl-Shift-m"},
|
||||||
|
// exec: () => {
|
||||||
|
// ace.config.loadModule("ace/ext/settings_menu", function(module) {
|
||||||
|
// module.init(editor);
|
||||||
|
// editor.showSettingsMenu();
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }, {
|
||||||
|
// name: "showKeyboardShortcuts",
|
||||||
|
// bindKey: {win: "ctrl-shift-h", mac: "command-shift-h"},
|
||||||
|
// exec: () => {
|
||||||
|
// ace.config.loadModule("ace/ext/keybinding_menu", function(module) {
|
||||||
|
// module.init(editor);
|
||||||
|
// editor.showKeyboardShortcuts();
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }, {
|
||||||
|
// name: "openCommandPalette2",
|
||||||
|
// bindKey: {linux: "Command-Shift-/|F1", win: "Ctrl-Shift-/|F1"},
|
||||||
|
// exec: () => {
|
||||||
|
// editor.execCommand("openCommandPalette");
|
||||||
|
// }
|
||||||
|
// }, {
|
||||||
|
// name: "showLSPManager",
|
||||||
|
// bindKey: {win: "ctrl-m", mac: "command-m"},
|
||||||
|
// exec: () => {
|
||||||
|
// $('//lsp-modal').modal("toggle");
|
||||||
|
// }
|
||||||
|
// }, {
|
||||||
|
{
|
||||||
|
name: "search",
|
||||||
|
bindKey: {win: "ctrl-f", mac: "ctrl-f"},
|
||||||
|
exec: () => {
|
||||||
|
// blockHigherNewtonEvePropigation = true;
|
||||||
|
// searchReplace.toggleShow();
|
||||||
|
console.log("Search");
|
||||||
|
},
|
||||||
|
readOnly: true
|
||||||
|
}
|
||||||
|
// }, {
|
||||||
|
// name: "openFile",
|
||||||
|
// bindKey: {win: "ctrl-o", mac: "ctrl-o"},
|
||||||
|
// exec: () => {
|
||||||
|
// fpath = aceSessions[currentSession]["fpath"]
|
||||||
|
// sendMessage("open_file", "", "", fpath, "");
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "saveSession",
|
||||||
|
// bindKey: {win: "ctrl-s", mac: "ctrl-s"},
|
||||||
|
// exec: () => {
|
||||||
|
// saveSession(currentSession);
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "newSession",
|
||||||
|
// bindKey: {win: "ctrl-t", mac: "ctrl-t"},
|
||||||
|
// exec: () => {
|
||||||
|
// newSession();
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "closeSession",
|
||||||
|
// bindKey: {win: "ctrl-w", mac: "ctrl-w"},
|
||||||
|
// exec: () => {
|
||||||
|
// closeSession(currentSession);
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "toggleLineHighlight",
|
||||||
|
// bindKey: {win: "ctrl-h", mac: "ctrl-h"},
|
||||||
|
// exec: () => {
|
||||||
|
// toggleLineHighlight();
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "gotoDefinition",
|
||||||
|
// bindKey: {win: "ctrl-g", mac: "ctrl-g"},
|
||||||
|
// exec: () => {
|
||||||
|
// console.log("Goto stub...");
|
||||||
|
// lspProvider.$messageController.postMessage(Message(), callback);
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "movelinesUp",
|
||||||
|
// bindKey: {win: "ctrl-up", mac: "ctrl-up"},
|
||||||
|
// exec: () => {
|
||||||
|
// editor.execCommand("movelinesup");
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "movelinesDown",
|
||||||
|
// bindKey: {win: "ctrl-down", mac: "ctrl-down"},
|
||||||
|
// exec: () => {
|
||||||
|
// editor.execCommand("movelinesdown");
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "tgglTopMainMenubar",
|
||||||
|
// bindKey: {win: "ctrl-0", mac: "ctrl-0"},
|
||||||
|
// exec: () => {
|
||||||
|
// sendMessage("tggl_top_main_menubar", "", "", "", "");
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "zoomIn",
|
||||||
|
// bindKey: {win: "ctrl-=", mac: "ctrl-="},
|
||||||
|
// exec: () => {
|
||||||
|
// zoomIn();
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "zoomOut",
|
||||||
|
// bindKey: {win: "ctrl--", mac: "ctrl--"},
|
||||||
|
// exec: () => {
|
||||||
|
// zoomOut();
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "scrollUp",
|
||||||
|
// bindKey: {win: "alt-up", mac: "alt-up"},
|
||||||
|
// exec: () => {
|
||||||
|
// editor.execCommand("scrollup");
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "scrollDown",
|
||||||
|
// bindKey: {win: "alt-down", mac: "alt-down"},
|
||||||
|
// exec: () => {
|
||||||
|
// editor.execCommand("scrolldown");
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }, {
|
||||||
|
// name: "launhLSP",
|
||||||
|
// bindKey: {win: "ctrl-l", mac: "ctrl-l"},
|
||||||
|
// exec: () => {
|
||||||
|
// loadLSPManager();
|
||||||
|
// },
|
||||||
|
// readOnly: true
|
||||||
|
// }
|
||||||
|
|
||||||
|
];
|
46
src/app/common/directives/dnd.directive.ts
Normal file
46
src/app/common/directives/dnd.directive.ts
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
import {
|
||||||
|
Directive,
|
||||||
|
Output,
|
||||||
|
Input,
|
||||||
|
EventEmitter,
|
||||||
|
HostBinding,
|
||||||
|
HostListener
|
||||||
|
} from '@angular/core';
|
||||||
|
|
||||||
|
import { NewtonFile } from '../types/file.type';
|
||||||
|
|
||||||
|
|
||||||
|
@Directive({
|
||||||
|
selector: '[dropzone]'
|
||||||
|
})
|
||||||
|
export class DndDirective {
|
||||||
|
@HostBinding('class.fileover') fileOver!: boolean;
|
||||||
|
@Output() fileDropped = new EventEmitter<any>();
|
||||||
|
|
||||||
|
@HostListener('dragover', ['$event']) onDragOver(evt: any) {
|
||||||
|
evt.preventDefault();
|
||||||
|
evt.stopPropagation();
|
||||||
|
|
||||||
|
this.fileOver = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
@HostListener('dragleave', ['$event']) public onDragLeave(evt: any) {
|
||||||
|
evt.preventDefault();
|
||||||
|
evt.stopPropagation();
|
||||||
|
|
||||||
|
this.fileOver = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
@HostListener('drop', ['$event']) public ondrop(evt: any) {
|
||||||
|
evt.preventDefault();
|
||||||
|
evt.stopPropagation();
|
||||||
|
|
||||||
|
this.fileOver = false;
|
||||||
|
let files: Array<NewtonFile> = evt.dataTransfer.files;
|
||||||
|
|
||||||
|
if (files.length == 0) return;
|
||||||
|
|
||||||
|
this.fileDropped.emit(files);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
22
src/app/common/services/editor/editors.service.ts
Normal file
22
src/app/common/services/editor/editors.service.ts
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
import { Injectable } from '@angular/core';
|
||||||
|
import { BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
|
||||||
|
|
||||||
|
import { ServiceMessage } from '../../types/service-message.type';
|
||||||
|
|
||||||
|
|
||||||
|
@Injectable({
|
||||||
|
providedIn: 'root'
|
||||||
|
})
|
||||||
|
export class EditorsService {
|
||||||
|
private dataSubject: ReplaySubject<ServiceMessage> = new ReplaySubject<ServiceMessage>(1);
|
||||||
|
|
||||||
|
constructor() {}
|
||||||
|
|
||||||
|
setData(data: ServiceMessage): void {
|
||||||
|
this.dataSubject.next(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
getData$(): Observable<ServiceMessage> {
|
||||||
|
return this.dataSubject.asObservable();
|
||||||
|
}
|
||||||
|
}
|
22
src/app/common/services/editor/tabs/tabs.service.ts
Normal file
22
src/app/common/services/editor/tabs/tabs.service.ts
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
import { Injectable } from '@angular/core';
|
||||||
|
import { BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
|
||||||
|
|
||||||
|
import { ServiceMessage } from '../../../types/service-message.type';
|
||||||
|
|
||||||
|
|
||||||
|
@Injectable({
|
||||||
|
providedIn: 'root'
|
||||||
|
})
|
||||||
|
export class TabsService {
|
||||||
|
private dataSubject: ReplaySubject<ServiceMessage> = new ReplaySubject<ServiceMessage>(1);
|
||||||
|
|
||||||
|
constructor() {}
|
||||||
|
|
||||||
|
setData(data: ServiceMessage): void {
|
||||||
|
this.dataSubject.next(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
getData$(): Observable<ServiceMessage> {
|
||||||
|
return this.dataSubject.asObservable();
|
||||||
|
}
|
||||||
|
}
|
9
src/app/common/types/file.type.ts
Normal file
9
src/app/common/types/file.type.ts
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { EditSession } from 'ace-builds';
|
||||||
|
|
||||||
|
|
||||||
|
export interface NewtonFile extends File {
|
||||||
|
fname: string,
|
||||||
|
path: string,
|
||||||
|
hash: string,
|
||||||
|
session: EditSession
|
||||||
|
}
|
5
src/app/common/types/service-message.type.ts
Normal file
5
src/app/common/types/service-message.type.ts
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
export class ServiceMessage {
|
||||||
|
action: string = "none";
|
||||||
|
message: string = "";
|
||||||
|
uuid!: string;
|
||||||
|
}
|
23
src/app/editor/ace/ace-editor.component.css
Normal file
23
src/app/editor/ace/ace-editor.component.css
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
/*
|
||||||
|
.editor {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editor {
|
||||||
|
height: 100vh;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
.editor {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
2
src/app/editor/ace/ace-editor.component.html
Normal file
2
src/app/editor/ace/ace-editor.component.html
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
<div class="editor" #editor >
|
||||||
|
</div>
|
105
src/app/editor/ace/ace-editor.component.ts
Normal file
105
src/app/editor/ace/ace-editor.component.ts
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
import { Component, ElementRef, ViewChild, Input } from '@angular/core';
|
||||||
|
|
||||||
|
import { AceLanguageClient, LanguageClientConfig } from 'ace-linters/build/ace-language-client';
|
||||||
|
|
||||||
|
// Import Ace and its modes/themes so that `ace` global is defined
|
||||||
|
import * as ace from 'ace-builds/src-noconflict/ace';
|
||||||
|
import 'ace-builds/src-noconflict/theme-one_dark';
|
||||||
|
import { LanguageProvider } from "ace-linters";
|
||||||
|
|
||||||
|
import { EditorSettings } from "../../common/configs/editor.config";
|
||||||
|
|
||||||
|
import { EditorsService } from '../../common/services/editor/editors.service';
|
||||||
|
import { ServiceMessage } from '../../common/types/service-message.type';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'ace-editor',
|
||||||
|
standalone: true,
|
||||||
|
imports: [
|
||||||
|
],
|
||||||
|
templateUrl: './ace-editor.component.html',
|
||||||
|
styleUrl: './ace-editor.component.css',
|
||||||
|
host: {
|
||||||
|
'class': 'col',
|
||||||
|
'(click)': 'onClick($event)'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export class AceEditorComponent {
|
||||||
|
|
||||||
|
@Input() editorSettings!: typeof EditorSettings;
|
||||||
|
@ViewChild('editor') editorElm!: ElementRef;
|
||||||
|
editor!: any;
|
||||||
|
uuid!: string;
|
||||||
|
lspConfigData!: {};
|
||||||
|
|
||||||
|
|
||||||
|
constructor(private editorsService: EditorsService) {
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public ngAfterViewInit(): void {
|
||||||
|
this.loadAce();
|
||||||
|
this.loadLanguageProviders();
|
||||||
|
}
|
||||||
|
|
||||||
|
public loadAce(): void {
|
||||||
|
ace.config.set('basePath', this.editorSettings.BASE_PATH);
|
||||||
|
|
||||||
|
this.editor = ace.edit( this.editorElm.nativeElement );
|
||||||
|
this.editor.setOptions( this.editorSettings.CONFIG );
|
||||||
|
// this.editor.commands.addCommands( this.editorSettings.KEYBINDINGS );
|
||||||
|
}
|
||||||
|
|
||||||
|
protected onClick(event: any) {
|
||||||
|
let message = new ServiceMessage();
|
||||||
|
message.action = "set-editor";
|
||||||
|
message.message = this.uuid;
|
||||||
|
message.uuid = this.uuid;
|
||||||
|
|
||||||
|
this.editorsService.setData(message);
|
||||||
|
}
|
||||||
|
|
||||||
|
public loadLanguageProviders(): void {
|
||||||
|
let languageProvider = this.getLanguageProviderWithClientServers();
|
||||||
|
// let languageProvider = this.getLanguageProviderWithWebWorker();
|
||||||
|
languageProvider.registerEditor(this.editor);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
public getLanguageProviderWithClientServers() {
|
||||||
|
let _initializationOptions = {};
|
||||||
|
_initializationOptions["python"] = {};
|
||||||
|
_initializationOptions["python"]["initialization-options"] = {};
|
||||||
|
|
||||||
|
if (!this.lspConfigData["message"]) {
|
||||||
|
_initializationOptions = this.lspConfigData;
|
||||||
|
} else {
|
||||||
|
console.log("Warning: LSP this.lspConfigData is a 'message'");
|
||||||
|
console.log(this.lspConfigData);
|
||||||
|
}
|
||||||
|
|
||||||
|
let servers: LanguageClientConfig[] = [
|
||||||
|
{
|
||||||
|
module: () => import("ace-linters/build/language-client"),
|
||||||
|
modes: "python",
|
||||||
|
type: "socket",
|
||||||
|
socket: new WebSocket("ws://127.0.0.1:9999/?name=pylsp"),
|
||||||
|
initializationOptions: {}
|
||||||
|
}
|
||||||
|
// initializationOptions: _initializationOptions["python"]["initialization-options"]
|
||||||
|
];
|
||||||
|
|
||||||
|
return AceLanguageClient.for(servers);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public getLanguageProviderWithWebWorker() {
|
||||||
|
let worker = new Worker(new URL('./webworker.js', import.meta.url));
|
||||||
|
return LanguageProvider.create(worker);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
165
src/app/editor/ace/webworker.ts
Normal file
165
src/app/editor/ace/webworker.ts
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
import { ServiceManager } from "ace-linters/build/service-manager";
|
||||||
|
|
||||||
|
let manager = new ServiceManager(self);
|
||||||
|
|
||||||
|
manager.registerService("html", {
|
||||||
|
features: {signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/html-service"),
|
||||||
|
className: "HtmlService",
|
||||||
|
modes: "html"
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("css", {
|
||||||
|
features: {signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/css-service"),
|
||||||
|
className: "CssService",
|
||||||
|
modes: "css"
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("less", {
|
||||||
|
features: {signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/css-service"),
|
||||||
|
className: "CssService",
|
||||||
|
modes: "less"
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("scss", {
|
||||||
|
features: {signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/css-service"),
|
||||||
|
className: "CssService",
|
||||||
|
modes: "scss"
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("json", {
|
||||||
|
features: {signatureHelp: false, documentHighlight: false},
|
||||||
|
module: () => import("ace-linters/build/json-service"),
|
||||||
|
className: "JsonService",
|
||||||
|
modes: "json",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("json5", {
|
||||||
|
features: {signatureHelp: false, documentHighlight: false},
|
||||||
|
module: () => import("ace-linters/build/json-service"),
|
||||||
|
className: "JsonService",
|
||||||
|
modes: "json5",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("typescript", {
|
||||||
|
module: () => import("ace-linters/build/typescript-service"),
|
||||||
|
className: "TypescriptService",
|
||||||
|
modes: "typescript|tsx|javascript|jsx",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("yaml", {
|
||||||
|
features: {signatureHelp: false, documentHighlight: false},
|
||||||
|
module: () => import("ace-linters/build/yaml-service"),
|
||||||
|
className: "YamlService",
|
||||||
|
modes: "yaml",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("xml", {
|
||||||
|
features: {completion: false, completionResolve: false, diagnostics: true, format: false, hover: false, documentHighlight: false, signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/xml-service"),
|
||||||
|
className: "XmlService",
|
||||||
|
modes: "xml",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("php", {
|
||||||
|
features: {completion: false, completionResolve: false, diagnostics: true, format: false, hover: false, documentHighlight: false, signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/php-service"),
|
||||||
|
className: "PhpService",
|
||||||
|
modes: "php"
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("javascript", {
|
||||||
|
features: {completion: false, completionResolve: false, diagnostics: true, format: false, hover: false, documentHighlight: false, signatureHelp: false},
|
||||||
|
module: () => import("ace-linters/build/javascript-service"),
|
||||||
|
className: "JavascriptService",
|
||||||
|
modes: "javascript",
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
manager.registerServer("pythonls", {
|
||||||
|
module: () => import("ace-linters/build/language-client"),
|
||||||
|
modes: "python",
|
||||||
|
type: "socket",
|
||||||
|
socket: new WebSocket("ws://127.0.0.1:9999/?name=pylsp")
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
|
||||||
|
manager.registerService("clang", {
|
||||||
|
module: () => import("ace-clang-linter/build/ace-clang-linter"),
|
||||||
|
className: "AceClangLinter",
|
||||||
|
modes: "c_cpp",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("lua", {
|
||||||
|
features: {completion: false, completionResolve: false, diagnostics: true, format: true, hover: false, documentHighlight: false, signatureHelp: false},
|
||||||
|
module: () => import("ace-lua-linter/build/ace-lua-linter"),
|
||||||
|
className: "AceLuaLinter",
|
||||||
|
modes: "lua",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("mysql", {
|
||||||
|
module: () => import("ace-sql-linter/build/mysql-service"),
|
||||||
|
className: "MySQLService",
|
||||||
|
modes: "mysql",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("zig", {
|
||||||
|
module: () => import("ace-zig-linter/build/ace-zig-linter"),
|
||||||
|
className: "AceZigLinter",
|
||||||
|
modes: "zig",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("python", {
|
||||||
|
features: {completion: false, completionResolve: false, diagnostics: true, format: true, hover: false, documentHighlight: false, signatureHelp: false},
|
||||||
|
module: () => import("ace-python-ruff-linter/build/python-service"),
|
||||||
|
className: "PythonService",
|
||||||
|
modes: "python",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerServer("svelte", {
|
||||||
|
module: () => import("ace-linters/build/language-client"),
|
||||||
|
modes: "html",
|
||||||
|
type: "socket",
|
||||||
|
socket: new WebSocket("ws://127.0.0.1:3030/svelte")
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerServer("astro", {
|
||||||
|
module: () => import("ace-linters/build/language-client"),
|
||||||
|
modes: "astro",
|
||||||
|
type: "socket",
|
||||||
|
socket: new WebSocket("ws://127.0.0.1:3030/astro"),
|
||||||
|
initializationOptions: {
|
||||||
|
typescript: {
|
||||||
|
tsdk: "node_modules/typescript/lib", //path to typescript server
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerServer("go", {
|
||||||
|
module: () => import("ace-linters/build/language-client"),
|
||||||
|
modes: "golang",
|
||||||
|
type: "socket",
|
||||||
|
socket: new WebSocket("ws://127.0.0.1:3030/go")
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("dart", {
|
||||||
|
module: () => import("ace-dart-linter/build/ace-dart-linter"),
|
||||||
|
className: "AceDartLinter",
|
||||||
|
modes: "dart",
|
||||||
|
});
|
||||||
|
|
||||||
|
manager.registerService("golang", {
|
||||||
|
module: () => import("ace-go-linter/build/ace-go-linter"),
|
||||||
|
className: "AceGoLinter",
|
||||||
|
modes: "go",
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
*/
|
3
src/app/editor/editors.component.css
Normal file
3
src/app/editor/editors.component.css
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
.dropzone {
|
||||||
|
height: 80vh;
|
||||||
|
}
|
6
src/app/editor/editors.component.html
Normal file
6
src/app/editor/editors.component.html
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<div class="col">
|
||||||
|
<div class="row dropzone" #dropzone dropzone (fileDropped)="onFileDropped($event)">
|
||||||
|
<ng-container #containerRef>
|
||||||
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
<div>
|
142
src/app/editor/editors.component.ts
Normal file
142
src/app/editor/editors.component.ts
Normal file
@ -0,0 +1,142 @@
|
|||||||
|
import { Component, ElementRef, ViewChild, TemplateRef, ComponentRef, ViewContainerRef } from '@angular/core';
|
||||||
|
import { Subject, takeUntil } from 'rxjs';
|
||||||
|
import * as uuid from 'uuid';
|
||||||
|
|
||||||
|
import { EditSession } from 'ace-builds';
|
||||||
|
import { getModeForPath } from 'ace-builds/src-noconflict/ext-modelist';
|
||||||
|
|
||||||
|
import { AceEditorComponent } from "./ace/ace-editor.component";
|
||||||
|
import { EditorsService } from '../common/services/editor/editors.service';
|
||||||
|
import { TabsService } from '../common/services/editor/tabs/tabs.service';
|
||||||
|
|
||||||
|
import { DndDirective } from '../common/directives/dnd.directive';
|
||||||
|
import { NewtonFile } from '../common/types/file.type';
|
||||||
|
import { ServiceMessage } from '../common/types/service-message.type';
|
||||||
|
import { EditorSettings } from "../common/configs/editor.config";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'editors',
|
||||||
|
standalone: true,
|
||||||
|
imports: [
|
||||||
|
DndDirective
|
||||||
|
],
|
||||||
|
templateUrl: './editors.component.html',
|
||||||
|
styleUrl: './editors.component.css',
|
||||||
|
host: {
|
||||||
|
'class': 'row'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export class EditorsComponent {
|
||||||
|
private unsubscribe = new Subject<void>();
|
||||||
|
|
||||||
|
@ViewChild('containerRef', {read: ViewContainerRef}) containerRef!: ViewContainerRef;
|
||||||
|
editors: Map<string, ComponentRef<AceEditorComponent>>;
|
||||||
|
editorSettings: typeof EditorSettings;
|
||||||
|
files: Map<string, NewtonFile>;
|
||||||
|
activeEditor!: string;
|
||||||
|
lspConfigData!: any;
|
||||||
|
|
||||||
|
|
||||||
|
constructor(
|
||||||
|
private editorsService: EditorsService,
|
||||||
|
private tabsService: TabsService
|
||||||
|
) {
|
||||||
|
this.editorSettings = EditorSettings;
|
||||||
|
this.editors = new Map<string, ComponentRef<AceEditorComponent>>();
|
||||||
|
this.files = new Map<string, NewtonFile>();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public ngAfterViewInit(): void {
|
||||||
|
this.editorsService.getData$().pipe(
|
||||||
|
takeUntil(this.unsubscribe)
|
||||||
|
).subscribe((data: ServiceMessage) => {
|
||||||
|
if (data.action === "set-editor")
|
||||||
|
this.activeEditor = data.uuid;
|
||||||
|
});
|
||||||
|
|
||||||
|
this.getLspConfigData().then((lspConfigData: string) => {
|
||||||
|
this.lspConfigData = JSON.parse(lspConfigData);
|
||||||
|
|
||||||
|
let editor = this.createEditor();
|
||||||
|
this.activeEditor = editor.instance.uuid;
|
||||||
|
this.createEditor();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnDestroy() {
|
||||||
|
this.unsubscribe.next();
|
||||||
|
this.unsubscribe.complete();
|
||||||
|
}
|
||||||
|
|
||||||
|
private getLspConfigData(): Promise<string> {
|
||||||
|
return window.fs.getLspConfigData();
|
||||||
|
}
|
||||||
|
|
||||||
|
private createEditor() {
|
||||||
|
const component = this.containerRef.createComponent(AceEditorComponent);
|
||||||
|
component.instance.editorSettings = this.editorSettings;
|
||||||
|
component.instance.uuid = uuid.v4();
|
||||||
|
component.instance.lspConfigData = this.lspConfigData;
|
||||||
|
this.editors.set(component.instance.uuid, component)
|
||||||
|
|
||||||
|
return component;
|
||||||
|
}
|
||||||
|
|
||||||
|
protected onFileDropped($event: any) {
|
||||||
|
this.loadFilesList($event).then((session: EditSession | undefined | null) => {
|
||||||
|
if ( !session ) return;
|
||||||
|
|
||||||
|
let editor = this.editors.get(this.activeEditor)?.instance.editor;
|
||||||
|
editor?.setSession(session);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private async loadFilesList(files: Array<NewtonFile>): Promise<EditSession | undefined | null> {
|
||||||
|
for (let i = 0; i < files.length; i++) {
|
||||||
|
const file = files[i];
|
||||||
|
const path = window.fs.getPathForFile(file);
|
||||||
|
|
||||||
|
if (!file || !path) continue;
|
||||||
|
if ( this.files.get(path) ) continue;
|
||||||
|
|
||||||
|
await this.addFile(path, file);
|
||||||
|
this.addTab(file);
|
||||||
|
}
|
||||||
|
|
||||||
|
return files[ files.length - 1 ].session;
|
||||||
|
}
|
||||||
|
|
||||||
|
private async addFile(path: string, file: NewtonFile) {
|
||||||
|
try {
|
||||||
|
let pathParts = path.split("/");
|
||||||
|
file.fname = pathParts[ pathParts.length - 1 ];
|
||||||
|
file.path = path;
|
||||||
|
file.hash = btoa(file.path);
|
||||||
|
let data = await window.fs.getFileContents(file.path);
|
||||||
|
file.session = new EditSession(data);
|
||||||
|
|
||||||
|
file.session.setMode(
|
||||||
|
getModeForPath( file.path ).mode
|
||||||
|
);
|
||||||
|
|
||||||
|
this.files.set(file.path, file);
|
||||||
|
} catch (error) {
|
||||||
|
console.log(
|
||||||
|
`---- Error ----\nPath: ${path}\nMessage: ${error}`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private async addTab(file: NewtonFile) {
|
||||||
|
let message = new ServiceMessage();
|
||||||
|
message.action = "create-tab";
|
||||||
|
message.message = file.fname;
|
||||||
|
message.uuid = file.hash;
|
||||||
|
|
||||||
|
this.tabsService.setData(message);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
32
src/app/editor/tabs/tab/tab.component.css
Normal file
32
src/app/editor/tabs/tab/tab.component.css
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
.tab,
|
||||||
|
.title,
|
||||||
|
.close-button {
|
||||||
|
color: rgba(255, 255, 255, 0.64);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
.tab {
|
||||||
|
float: left;
|
||||||
|
clear: left;
|
||||||
|
display: flow;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-left: 2em;
|
||||||
|
margin-right: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-button {
|
||||||
|
background: rgba(116, 0, 0, 0.64);
|
||||||
|
border-style: solid;
|
||||||
|
border-color: rgba(0, 0, 0, 0.64);
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 0em 1em 0em 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-button:hover {
|
||||||
|
background: rgba(256, 0, 0, 0.64);
|
||||||
|
}
|
4
src/app/editor/tabs/tab/tab.component.html
Normal file
4
src/app/editor/tabs/tab/tab.component.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<span class="tab">
|
||||||
|
<span class="title">{{title}}</span>
|
||||||
|
<button class="close-button">X</button>
|
||||||
|
</span>
|
30
src/app/editor/tabs/tab/tab.component.ts
Normal file
30
src/app/editor/tabs/tab/tab.component.ts
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
import { Component } from '@angular/core';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'tab',
|
||||||
|
standalone: true,
|
||||||
|
imports: [
|
||||||
|
],
|
||||||
|
templateUrl: './tab.component.html',
|
||||||
|
styleUrl: './tab.component.css',
|
||||||
|
host: {
|
||||||
|
'class': 'col'
|
||||||
|
// 'class': 'col tab'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export class TabComponent {
|
||||||
|
|
||||||
|
title: string;
|
||||||
|
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
this.title = "[NO TITLE]";
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnDestroy() {
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
0
src/app/editor/tabs/tabs.component.css
Normal file
0
src/app/editor/tabs/tabs.component.css
Normal file
2
src/app/editor/tabs/tabs.component.html
Normal file
2
src/app/editor/tabs/tabs.component.html
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
<ng-container #containerRef>
|
||||||
|
</ng-container>
|
57
src/app/editor/tabs/tabs.component.ts
Normal file
57
src/app/editor/tabs/tabs.component.ts
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
import { Component, ElementRef, ViewChild, TemplateRef, ComponentRef, ViewContainerRef } from '@angular/core';
|
||||||
|
import { Subject, takeUntil } from 'rxjs';
|
||||||
|
|
||||||
|
import { TabComponent } from './tab/tab.component';
|
||||||
|
import { TabsService } from '../../common/services/editor/tabs/tabs.service';
|
||||||
|
|
||||||
|
import { ServiceMessage } from '../../common/types/service-message.type';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'tabs',
|
||||||
|
standalone: true,
|
||||||
|
imports: [
|
||||||
|
],
|
||||||
|
templateUrl: './tabs.component.html',
|
||||||
|
styleUrl: './tabs.component.css',
|
||||||
|
host: {
|
||||||
|
'class': 'tabs scroller'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export class TabsComponent {
|
||||||
|
private unsubscribe = new Subject<void>();
|
||||||
|
|
||||||
|
@ViewChild('containerRef', {read: ViewContainerRef}) containerRef!: ViewContainerRef;
|
||||||
|
tabs: Map<string, ComponentRef<TabComponent>>;
|
||||||
|
activeTab!: string;
|
||||||
|
|
||||||
|
|
||||||
|
constructor(private tabsService: TabsService) {
|
||||||
|
this.tabs = new Map<string, ComponentRef<TabComponent>>();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public ngAfterViewInit(): void {
|
||||||
|
this.tabsService.getData$().pipe(
|
||||||
|
takeUntil(this.unsubscribe)
|
||||||
|
).subscribe((data: ServiceMessage) => {
|
||||||
|
if (data.action === "create-tab")
|
||||||
|
this.createTab(data.message, data.uuid);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnDestroy() {
|
||||||
|
this.unsubscribe.next();
|
||||||
|
this.unsubscribe.complete();
|
||||||
|
}
|
||||||
|
|
||||||
|
private createTab(title: string, uuid: string) {
|
||||||
|
const component = this.containerRef.createComponent(TabComponent);
|
||||||
|
component.instance.title = title;
|
||||||
|
this.tabs.set(uuid, component)
|
||||||
|
|
||||||
|
return component;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
14
src/assets/css/ace-overrides.css
Normal file
14
src/assets/css/ace-overrides.css
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
/* TAGS */
|
||||||
|
|
||||||
|
|
||||||
|
/* IDs */
|
||||||
|
|
||||||
|
|
||||||
|
/* CLASSES */
|
||||||
|
.ace_editor, .ace_gutter {
|
||||||
|
background-color: rgba(0, 0, 0, 0.0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ace_autocomplete {
|
||||||
|
background-color: #25282c !important;
|
||||||
|
}
|
116
src/assets/css/styles.css
Normal file
116
src/assets/css/styles.css
Normal file
@ -0,0 +1,116 @@
|
|||||||
|
/* TAGS */
|
||||||
|
|
||||||
|
html {
|
||||||
|
/*
|
||||||
|
background-color: rgba(64, 64, 64, 0.64);
|
||||||
|
background-color: rgb(40, 44, 52);
|
||||||
|
*/
|
||||||
|
background-color: rgba(40, 44, 52, 0.64);
|
||||||
|
color: rgba(255, 255, 255, 0.64);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: rgba(64, 64, 64, 0.0)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* IDs */
|
||||||
|
|
||||||
|
|
||||||
|
/* CLASSES */
|
||||||
|
|
||||||
|
.tabs {
|
||||||
|
display: flex;
|
||||||
|
overflow: auto;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
padding-bottom: 0.4em;
|
||||||
|
padding-top: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
.tab {
|
||||||
|
float: left;
|
||||||
|
clear: left;
|
||||||
|
display: contents;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
display: flex;
|
||||||
|
overflow: auto;
|
||||||
|
float: left;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
|
||||||
|
border-radius: 1em 1em 0em 0em;
|
||||||
|
|
||||||
|
border-top-style: solid;
|
||||||
|
border-top-color: #ffffff64;
|
||||||
|
border-top-width: 2px;
|
||||||
|
|
||||||
|
border-left-style: solid;
|
||||||
|
border-left-color: #ffffff64;
|
||||||
|
border-left-width: 2px;
|
||||||
|
|
||||||
|
border-right-style: solid;
|
||||||
|
border-right-color: #ffffff64;
|
||||||
|
border-right-width: 2px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.scroller {
|
||||||
|
/*
|
||||||
|
-webkit-scrollbar-color: #00000084 #ffffff64;
|
||||||
|
scrollbar-color: #00000084 #ffffff64;
|
||||||
|
*/
|
||||||
|
-webkit-scrollbar-color: #00000084 #ffffff06;
|
||||||
|
-webkit-scrollbar-width: thin;
|
||||||
|
scrollbar-color: #00000084 #ffffff06;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noselect {
|
||||||
|
-webkit-touch-callout: none; /* iOS Safari */
|
||||||
|
-webkit-user-select: none; /* Safari */
|
||||||
|
-khtml-user-select: none; /* Konqueror HTML */
|
||||||
|
-moz-user-select: none; /* Old versions of Firefox */
|
||||||
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
||||||
|
user-select: none; /* Non-prefixed version, currently
|
||||||
|
supported by Chrome, Edge, Opera and Firefox */
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-alert-zone-container {
|
||||||
|
position: sticky;
|
||||||
|
top: 0em;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.searching,
|
||||||
|
.search-success,
|
||||||
|
.search-fail {
|
||||||
|
border-style: solid;
|
||||||
|
color: rgba(125, 125, 125, 1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searching {
|
||||||
|
border-color: rgba(0, 225, 225, 0.64) !important;
|
||||||
|
}
|
||||||
|
.search-success {
|
||||||
|
background: rgba(136, 204, 39, 0.12) !important;
|
||||||
|
border-color: rgba(136, 204, 39, 1) !important;
|
||||||
|
}
|
||||||
|
.search-fail {
|
||||||
|
background: rgba(170, 18, 18, 0.12) !important;
|
||||||
|
border-color: rgba(200, 18, 18, 1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Other message text colors */
|
||||||
|
.error { color: rgb(170, 18, 18); }
|
||||||
|
.warning { color: rgb(255, 168, 0); }
|
||||||
|
.success { color: rgb(136, 204, 39); }
|
17
src/index.html
Normal file
17
src/index.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Newton</title>
|
||||||
|
<base href="./">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" type="image/x-icon" href="resources/newton.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="container-fluid">
|
||||||
|
<app-root></app-root>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
9
src/main.ts
Normal file
9
src/main.ts
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { bootstrapApplication } from '@angular/platform-browser';
|
||||||
|
import { appConfig } from './app/app.config';
|
||||||
|
|
||||||
|
import { AppComponent } from './app/app.component';
|
||||||
|
|
||||||
|
|
||||||
|
bootstrapApplication(AppComponent, appConfig).catch(
|
||||||
|
(err) => console.error(err)
|
||||||
|
);
|
11
src/polyfills.ts
Normal file
11
src/polyfills.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
/**
|
||||||
|
* This file includes polyfills needed by Angular and is loaded before the app.
|
||||||
|
* You can add your own extra polyfills to this file.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/***************************************************************************************************
|
||||||
|
* Zone JS is required by Angular itself.
|
||||||
|
*/
|
||||||
|
import 'zone.js'; // Included with Angular CLI.
|
||||||
|
|
||||||
|
// If you need other polyfills, add them here.
|
1
src/styles.scss
Normal file
1
src/styles.scss
Normal file
@ -0,0 +1 @@
|
|||||||
|
/* You can add global styles to this file, and also import other style files */
|
14
tsconfig.app.json
Normal file
14
tsconfig.app.json
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
|
{
|
||||||
|
"extends": "./tsconfig.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./out-tsc/app",
|
||||||
|
"types": []
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"src/main.ts"
|
||||||
|
],
|
||||||
|
"include": [
|
||||||
|
"src/**/*.d.ts"
|
||||||
|
]
|
||||||
|
}
|
58
tsconfig.json
Normal file
58
tsconfig.json
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
|
|
||||||
|
{
|
||||||
|
"compileOnSave": false,
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": "./",
|
||||||
|
"downlevelIteration": true,
|
||||||
|
"importHelpers": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"target": "es2015",
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"emitDecoratorMetadata": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"declaration": false,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"strict": false,
|
||||||
|
"forceConsistentCasingInFileNames": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
{
|
||||||
|
"compileOnSave": false,
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./dist/out-tsc",
|
||||||
|
"strict": true,
|
||||||
|
"noImplicitOverride": true,
|
||||||
|
"noPropertyAccessFromIndexSignature": true,
|
||||||
|
"noImplicitReturns": true,
|
||||||
|
"noFallthroughCasesInSwitch": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"declaration": false,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"importHelpers": true,
|
||||||
|
"target": "ES2022",
|
||||||
|
"module": "ES2022",
|
||||||
|
"useDefineForClassFields": false,
|
||||||
|
"lib": [
|
||||||
|
"ES2022",
|
||||||
|
"dom"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"angularCompilerOptions": {
|
||||||
|
"enableI18nLegacyMessageIdFormat": false,
|
||||||
|
"strictInjectionParameters": true,
|
||||||
|
"strictInputAccessModifiers": true,
|
||||||
|
"strictTemplates": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
*/
|
14
tsconfig.spec.json
Normal file
14
tsconfig.spec.json
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
|
{
|
||||||
|
"extends": "./tsconfig.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./out-tsc/spec",
|
||||||
|
"types": [
|
||||||
|
"jasmine"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"include": [
|
||||||
|
"src/**/*.spec.ts",
|
||||||
|
"src/**/*.d.ts"
|
||||||
|
]
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user