this.me 2.3.4 → 2.3.6

package/main.js

@@ -3,10 +3,9 @@
 const { exec } = require("child_process");
 const path = require("path");
 const args = process.argv.slice(2);
-const thisPixels = require("this.pixels");
 const neuronsMe = require("neurons.me");
 const cleaker = require("cleaker");
-const thisAtom = require("this.atom");
+const Atom = require("this.atom");
 // Your CLI logic goes here, display welcome message, handle other commands, etc.
 console.log(`
           ___________                                 
@@ -26,15 +25,28 @@ Welcome to .me - Your AI Playground
 give me one sec please...
 `);
 
-if (args[0] === "atom") {
-  // Command to run the Electron GUI
-  const command = `electron ${path.resolve(__dirname, "tab.js")}`;
-  exec(command, (error, stdout, stderr) => {
-    if (error) {
-      console.error(`Could not start Electron: ${error}`);
-      return;
-    }
-    console.log(`stdout: ${stdout}`);
-    console.error(`stderr: ${stderr}`);
-  });
+if (args[0] === 'viewer') {
+  // Create an instance of the Atom class
+  const atom = new Atom();
+  // Create a new Electron window with viewer.html inside
+  atom.createElectron('viewer', { width: 800, height: 600, viewFile: path.resolve(__dirname, 'viewer.html') });
+  // Show the Electron window
+  atom.showElectron('viewer');
 }
+
+if (args[0] === 'atom') {
+  // Create an instance of the Atom class
+  const atom = new Atom();
+  // Create Electrons for Atom 1
+  atom.createElectron('electron1', { width: 800, height: 600, viewFile: './view1.html' });
+  atom.createElectron('electron2', { width: 600, height: 400, viewFile: './view2.html' });
+  // Create Electrons for Atom 2
+  atom.createElectron('electron3', { width: 1000, height: 800, viewFile: './view3.html' });
+  // Show the Atom window with electrons
+  atom.showAtom();
+}
+
+
+
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "this.me",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "description": "This.me should This.be",
   "bin": {
     ".me": "./main.js"
@@ -20,12 +20,11 @@
   "license": "MIT",
   "dependencies": {
     "cleaker": "^2.2.9",
-    "electron": "^25.4.0",
     "netget": "^2.1.6",
-    "neurons.me": "^2.5.7",
-    "this.atom": "^1.0.0",
+    "neurons.me": "^2.6.3",
+    "this.atom": "^1.0.3",
     "this.be": "^2.1.3",
-    "this.pixels": "^3.3.0",
+    "this.pixel": "^3.3.5",
     "v.path": "^2.1.7",
     "i.mlearning": "^2.1.7"
   }

package/atom/src/scripts.js

@@ -1,19 +0,0 @@
-//scripts.js
-const { ipcRenderer } = require('electron')
-
-document.getElementById("min-btn").addEventListener("click", function (e) {
-    ipcRenderer.send('minimize-window');
-});
-  
-document.getElementById("close-btn").addEventListener("click", function (e) {
-    ipcRenderer.send('close-window');
-});
-
-document.getElementById("this.me").addEventListener("click", function (e) {
-  const menu = document.getElementById("menu");
-  if (menu.style.display === "none") {
-      menu.style.display = "block";
-  } else {
-      menu.style.display = "none";
-  }
-});

package/atom/src/style.css

@@ -1,73 +0,0 @@
-body {
-    margin: 0;
-    padding: 0;
-    background-color: rgba(0,0,255,0.1); /* You can change this color */
-    border: 2px solid blue; /* You can change this color */
-    height: 100vh;
-    width: 100vw;
-    display: flex;
-    overflow: hidden;
-    justify-content: center;
-    align-items: center;
-  }
-  #top-bar {
-  background-color: #444;
-  color: white;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 10px;
-  -webkit-app-region: drag; /* Make the top bar draggable */
-  }
-  
-  #app-region-drag {
-    -webkit-app-region: drag;
-    height: 30px;
-    background: rgba(255, 255, 255, 0.7); /* semi-transparent white */
-  }
-  
-  #main-content {
-    background: rgba(255, 255, 255, 0.035); /* less transparent white */
-  }
-  
-  /* Define the style for the buttons */
-  /* Define the style for the buttons */
-  .window-button {
-  -webkit-app-region: no-drag; /* Exclude the buttons from the draggable area */
-  background-color: rgba(255, 0, 0, 0);
-  color: white;
-  width: 20px;
-  height: 20px;
-  text-align: center;
-  line-height: 20px;
-  border-radius: 50%;
-  }
-  #myCanvas {
-    border: 1px solid #d3d3d3;
-  }
-  
-  #header {
-      background-color: rgba(255, 255, 255, 0.1);
-      display: flex;
-      justify-content: space-between;
-      padding: 10px;
-      -webkit-app-region: drag;
-    }
-    
-    button {
-      -webkit-app-region: no-drag;
-      background-color: rgba(255, 255, 255, 0.8);
-      border: none;
-      border-radius: 5px;
-      padding: 5px 10px;
-      cursor: pointer;
-    }
-    
-    button:hover {
-      background-color: rgba(255, 255, 255, 1);
-    }

package/atom/view.html

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <link rel="stylesheet" type="text/css" href="./src/style.css">
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
-  <script src=""></script>
-</head>
-<body>
-    <div id="app-region-drag">
-        <div id="top-bar">
-            <!-- Add your app title here -->
-            <div>Viewer tab 1</div>
-            <!-- Add window control buttons -->
-            <div id="header">
-                <button class="" id="this.me"> this.me </button>
-                <div id="menu" style="display: none;">
-                  <ul>
-                    <li><a href="#">Menu Item 1</a></li>
-                    <li><a href="#">Menu Item 2</a></li>
-                    <!-- Add more items as necessary -->
-                  </ul>
-                </div>
-                <button class="window-button" id="min-btn"> - </button>
-                <button class="window-button" id="close-btn"> x </button>
-            </div>
-        </div>
-        <div id="main-content">
-            <!---
-            <canvas id="myCanvas" width="400" height="300">
-                Your browser does not support the HTML5 canvas tag.
-            </canvas>
-             -->
-            <pixel-grid width="100" height="100"></pixel-grid>
-            <!--
-            <button id="convert">Convert to Matrix</button>
-            -->
-        </div>
-    </div>
-    <script src="./this.me/node_modules/this.pixels/PixelGrid.js"></script>
-    <script src="./src/scripts.js"></script>
-</body>
-</html>

package/atom.js

@@ -1,11 +0,0 @@
-//atom.js
-const { exec } = require("child_process");
-const command = "electron tab.js"; 
-exec(command, (error, stdout, stderr) => {
-    if (error) {
-        console.error(`Could not start Electron: ${error}`);
-        return;
-    }
-    console.log(`stdout: ${stdout}`);
-    console.error(`stderr: ${stderr}`);
-});