feat: full refator to react

Author: Juan C. Carvajal B.

.babelrc.json

@@ -0,0 +1,9 @@
+/** @type {import('@babel/core').TransformOptions} */
+const config = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    ['@babel/preset-react', { runtime: 'classic' }]
+  ]
+};
+
+module.exports = config;

eslint.config.mjs

@@ -1,9 +1,12 @@
 import globals from "globals";
 import pluginJs from "@eslint/js";
+import pluginTs from "@typescript-eslint/eslint-plugin";
+import parserTs from "@typescript-eslint/parser";
 
 export default [
   pluginJs.configs.recommended,
   {
+    files: ["lib/**/*.ts", "lib/**/*.tsx", "spec/**/*.ts", "spec/**/*.tsx"],
     languageOptions: {
       ecmaVersion: 2020,
       sourceType: "module",
@@ -12,11 +15,21 @@ export default [
         ...globals.jasmine,
         ...globals.node,
         atom: "readonly",
-        etch: "readonly"
-      }
+        etch: "readonly",
+        jest: "readonly"
+      },
+      parser: parserTs
+    },
+    plugins: {
+      "@typescript-eslint": pluginTs
     },
-    files: ["lib/**/*.ts", "spec/**/*.ts"],
     rules: {
+      "no-unused-vars": "off",
+      "no-undef": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/ban-ts-comment": "off",
+      "@typescript-eslint/no-undef": "off",
       "indent": ["error", 2],
       "linebreak-style": ["error", "unix"],
       "quotes": ["error", "single"],

jest.config.js

@@ -0,0 +1,19 @@
+/** @type {import('jest').Config} */
+const config = {
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  transform: {
+    '^.+\\.(ts|tsx)$': ['ts-jest', { useESM: false }]
+  },
+  testMatch: ['**/spec/**/*.spec.ts?(x)', '**/*.test.ts?(x)'],
+  moduleNameMapper: {
+    '^atom$': '<rootDir>/lib/atom.ts'
+  },
+  collectCoverageFrom: [
+    'lib/**/*.ts?(x)',
+    '!lib/**/*.d.ts'
+  ],
+  setupFilesAfterEnv: ['<rootDir>/src/setup-tests.ts']
+};
+
+module.exports = config;

lib/atom.d.ts

@@ -0,0 +1,33 @@
+// Minimal type declarations for atom module
+declare module 'atom' {
+  export const workspace: any;
+  export const commands: any;
+  export const config: any;
+  export const themes: any;
+  export const project: any;
+  export const clipboard: any;
+  export const deserializers: any;
+  export const packages: any;
+  export function spawn(path: string, args?: string[]): any;
+  
+  export class CompositeDisposable {
+    constructor();
+    add(disposable: any): void;
+    dispose(): void;
+  }
+  
+  export class Emitter {
+    constructor();
+    emit(event: string, data?: any): void;
+    on(event: string, callback: (data?: any) => any): { dispose(): void };
+    dispose(): void;
+  }
+}
+
+declare const process: {
+  platform: string;
+  env: { [key: string]: string | undefined };
+  HOME?: string;
+  COMSPEC?: string;
+  SHELL?: string;
+};

lib/atom.ts

@@ -0,0 +1,95 @@
+// Mock atom module for testing
+export const workspace = {
+  open: () => {},
+  getActivePane: () => ({ destroyActiveItem: () => {} }),
+  getActivePaneItem: () => null,
+  addOpener: () => ({ dispose: () => {} }),
+  views: {
+    addViewProvider: () => ({ dispose: () => {} })
+  }
+};
+
+export const commands = {
+  add: () => ({ dispose: () => {} })
+};
+
+export const config = {
+  get: () => null
+};
+
+export const themes = {
+  onDidChangeActiveThemes: () => ({ dispose: () => {} })
+};
+
+export const project = {
+  getPaths: () => [],
+  relativizePath: () => []
+};
+
+export const clipboard = {
+  write: () => {},
+  read: () => ''
+};
+
+export const deserializers = {
+  add: () => {}
+};
+
+export const packages = {
+  activatePackage: () => Promise.resolve()
+};
+
+export const spawn = () => ({
+  write: () => {},
+  kill: () => {},
+  onData: () => ({ dispose: () => {} }),
+  onExit: () => ({ dispose: () => {} })
+});
+
+export class CompositeDisposable {
+  private disposables: any[] = [];
+  
+  add(disposable: any) {
+    this.disposables.push(disposable);
+  }
+  
+  dispose() {
+    this.disposables.forEach(d => d.dispose && d.dispose());
+    this.disposables = [];
+  }
+}
+
+export class Emitter {
+  private listeners: { [key: string]: Array<(data?: any) => void> } = {};
+  
+  emit(event: string, data?: any) {
+    if (this.listeners[event]) {
+      this.listeners[event].forEach(cb => cb(data));
+    }
+  }
+  
+  on(event: string, callback: (data?: any) => void) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = [];
+    }
+    this.listeners[event].push(callback);
+    
+    return {
+      dispose: () => {
+        this.listeners[event] = this.listeners[event].filter(cb => cb !== callback);
+        if (this.listeners[event].length === 0) {
+          delete this.listeners[event];
+        }
+      }
+    };
+  }
+  
+  dispose() {
+    this.listeners = {};
+  }
+}
+
+export const process = {
+  platform: 'linux',
+  env: {}
+};

lib/config.ts

@@ -1,5 +1,3 @@
-/** @babel */
-
 export default {
 
   defaultLocation: {