\ No newline at end of file
diff --git a/src/app/editor/editors.component.ts b/src/app/editor/editors.component.ts
new file mode 100644
index 0000000..fc302ea
--- /dev/null
+++ b/src/app/editor/editors.component.ts
@@ -0,0 +1,150 @@
+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
();
+
+ @ViewChild('containerRef', {read: ViewContainerRef}) containerRef!: ViewContainerRef;
+ editors: Map>;
+ editorSettings: typeof EditorSettings;
+ files: Map;
+ activeEditor!: string;
+ lspConfigData!: any;
+
+
+ constructor(
+ private editorsService: EditorsService,
+ private tabsService: TabsService
+ ) {
+ this.editorSettings = EditorSettings;
+ this.editors = new Map>();
+ this.files = new Map();
+ }
+
+
+ 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);
+
+ if (this.lspConfigData["message"]) {
+ console.log(
+ "Warning: LSP this.lspConfigData is a 'message'",
+ this.lspConfigData
+ );
+ this.lspConfigData = {};
+ }
+
+ let editor = this.createEditor();
+ this.activeEditor = editor.instance.uuid;
+ this.createEditor();
+ })
+ }
+
+ ngOnDestroy() {
+ this.unsubscribe.next();
+ this.unsubscribe.complete();
+ }
+
+ private getLspConfigData(): Promise {
+ 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): Promise {
+ 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);
+ }
+
+}
\ No newline at end of file
diff --git a/src/app/editor/tabs/tab/tab.component.css b/src/app/editor/tabs/tab/tab.component.css
new file mode 100644
index 0000000..42ebab4
--- /dev/null
+++ b/src/app/editor/tabs/tab/tab.component.css
@@ -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);
+}
\ No newline at end of file
diff --git a/src/app/editor/tabs/tab/tab.component.html b/src/app/editor/tabs/tab/tab.component.html
new file mode 100644
index 0000000..10ea72c
--- /dev/null
+++ b/src/app/editor/tabs/tab/tab.component.html
@@ -0,0 +1,4 @@
+
+ {{title}}
+
+
\ No newline at end of file
diff --git a/src/app/editor/tabs/tab/tab.component.ts b/src/app/editor/tabs/tab/tab.component.ts
new file mode 100644
index 0000000..9fef6a9
--- /dev/null
+++ b/src/app/editor/tabs/tab/tab.component.ts
@@ -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() {
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/app/editor/tabs/tabs.component.css b/src/app/editor/tabs/tabs.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/editor/tabs/tabs.component.html b/src/app/editor/tabs/tabs.component.html
new file mode 100644
index 0000000..c72e44d
--- /dev/null
+++ b/src/app/editor/tabs/tabs.component.html
@@ -0,0 +1,2 @@
+
+
diff --git a/src/app/editor/tabs/tabs.component.ts b/src/app/editor/tabs/tabs.component.ts
new file mode 100644
index 0000000..6f8f172
--- /dev/null
+++ b/src/app/editor/tabs/tabs.component.ts
@@ -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();
+
+ @ViewChild('containerRef', {read: ViewContainerRef}) containerRef!: ViewContainerRef;
+ tabs: Map>;
+ activeTab!: string;
+
+
+ constructor(private tabsService: TabsService) {
+ this.tabs = new Map>();
+ }
+
+
+ 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;
+ }
+
+}
\ No newline at end of file
diff --git a/src/assets/css/ace-overrides.css b/src/assets/css/ace-overrides.css
new file mode 100644
index 0000000..8ed89de
--- /dev/null
+++ b/src/assets/css/ace-overrides.css
@@ -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;
+}
\ No newline at end of file
diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
new file mode 100644
index 0000000..3f9f12c
--- /dev/null
+++ b/src/assets/css/styles.css
@@ -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); }
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..8714d3d
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+ Newton
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..1eee1b4
--- /dev/null
+++ b/src/main.ts
@@ -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)
+);
diff --git a/src/polyfills.ts b/src/polyfills.ts
new file mode 100644
index 0000000..75b392d
--- /dev/null
+++ b/src/polyfills.ts
@@ -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.
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
new file mode 100644
index 0000000..90d4ee0
--- /dev/null
+++ b/src/styles.scss
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..374cc9d
--- /dev/null
+++ b/tsconfig.app.json
@@ -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"
+ ]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..bb36a82
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,59 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+
+{
+ "compileOnSave": false,
+ "compilerOptions": {
+ "baseUrl": "./",
+ "downlevelIteration": true,
+ "importHelpers": true,
+ "target": "ES2022",
+ "module": "ES2022",
+ "useDefineForClassFields": false,
+ "moduleResolution": "node",
+ "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
+ }
+}
+
+*/
\ No newline at end of file
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
new file mode 100644
index 0000000..be7e9da
--- /dev/null
+++ b/tsconfig.spec.json
@@ -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"
+ ]
+}