update

LICENSE

@@ -615,47 +615,3 @@ reviewing courts shall apply local law that most closely approximates
 an absolute waiver of all civil liability in connection with the
 Program, unless a warranty or assumption of liability accompanies a
 copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU Affero General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU Affero General Public License for more details.
-
-    You should have received a copy of the GNU Affero General Public License
-    along with this program.  If not, see <https://www.gnu.org/licenses/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If your software can interact with users remotely through a computer
-network, you should also make sure that it provides a way for users to
-get its source.  For example, if your program is a web application, its
-interface could display a "Source" link that leads users to an archive
-of the code.  There are many ways you could offer source, and different
-solutions will be better for different programs; see section 13 for the
-specific requirements.
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU AGPL, see
-<https://www.gnu.org/licenses/>.

README.md

@@ -20,7 +20,7 @@ A Desktop-Like Experience
 </div>
 
 # Devojo
-Devojo delivers a desktop-like experience for Penpot users with the additional of integrating tabs to conveniently traverse back and forth between projects. Offline support is available through the select your own instance option in settings, as well as the theme settings that may be applied to either the entire desktop app or simply the Penpot dashboard.
+Devojo delivers a desktop-like experience for Penpot users with the additional of integrating tabs to conveniently traverse back and forth between projects.
 
 ## Building
 ### Requirements
@@ -65,4 +65,4 @@ along with this program.  If not, see https://www.gnu.org/licenses/.
 ```
 ___
 
-> Forking Devojo to GitHub will not be tolerated by SudoVanilla
+> Devojo is not an official software and is not supported by Kaleidos or Penpot. 

build/electron-builder.yml

@@ -1,5 +1,5 @@
 productName: "Devojo"
-appId: "org.sudovanilla.penpot"
+appId: "org.sudovanilla.devojo"
 asar: true
 
 # Update Server
@@ -37,7 +37,7 @@ nsis:
 # Linux
 linux:
   category: Graphics
-  maintainer: "org.sudovanilla.penpot"
+  maintainer: "org.sudovanilla.devojo"
   vendor: "SudoVanilla"
   description: "A Desktop-Like Experience"
   icon: "build/icon.png"
@@ -45,9 +45,10 @@ linux:
     # - deb # Debian/Ubuntu
     # - rpm # RHEL/Fedora
     # - freebsd # BSD
-    # # - pacman # For Arch
+    # - pacman # For Arch
-    # - AppImage # Universal
+    - AppImage # Universal
     - snap # Snapcraft Store - Can't build arm version on amd64 machines(comment Snap out if you plan to)
+    - zip
 
 snap:
   allowNativeWayland: true

build/extra/devojo.desktop

@@ -1,9 +1,9 @@
 [Desktop Entry]
 Name=Devojo
-Exec=/usr/local/bin/penpot-desktop.AppImage %U
+Exec=/usr/local/bin/devojo.AppImage %U
 Terminal=false
 Type=Application
-Icon=penpot-desktop
+Icon=devojo
 StartupWMClass=Devojo
 Comment=A Desktop-Like Experience
 Categories=Graphics;

package.json

@@ -15,8 +15,7 @@
     "graphics"
   ],
   "bugs": {
-    "url": "https://ark.sudovanilla.org/Korbs/Devojo/issues",
+    "url": "https://ark.sudovanilla.org/Korbs/Devojo/issues"
-    "email": "korbs@sudovanilla.org"
   },
   "funding": [
     {

src/base/components/settings.html

@@ -23,8 +23,8 @@
         </div>
         <div class="settings-section-content">
             <div style="display: flex; justify-content: space-evenly; flex: auto;">
-                <!-- <a href="#" onclick="window.api.send('OpenHelp')">Help</a>
+                <a href="#" onclick="window.api.send('OpenHelp')">Help</a>
-                <a href="#" onclick="window.api.send('OpenOffline')">Selfhost</a> -->
+                <a href="#" onclick="window.api.send('OpenOffline')">Selfhost</a>
                 <a href="#" onclick="window.api.send('OpenCommunity')">Community</a>
             </div>
         </div>

src/base/components/tabs.html

@@ -12,7 +12,7 @@
             --button-color: #696a6c !important;
             --button-hover-background: #303236 !important;
             --button-hover-color: #fff !important;
-            --button-border-radius: 50% !important;
+            --button-border-radius: 6px !important;
             --button-cursor: pointer !important;
             --badge-background: #383a3e !important;
             --badge-color: #fff !important;
@@ -70,6 +70,14 @@
             display: flex !important;
             align-items: center !important;
         }
+        .tab-close button {
+            width: 28px !important;
+            height: 28px !important;
+        }
+        button {
+            width: 32px !important;
+            height: 32px !important;
+        }
         webview {
             height: calc(100% - var(--tab-height));
             position: fixed !important;

src/base/styles/index.css

@@ -1 +1 @@
-.theme-is-light{background:#fff}.theme-is-light .titlebar{filter:invert(1)}.theme-is-light #theme-select-light{border-color:#00ff89;color:#00ff89}.theme-is-dark{background:#18181a}.theme-is-dark #theme-select-dark{border-color:#00ff89;color:#00ff89}body{font-family:arial}.titlebar{position:fixed;top:0px;right:0px;width:max-content;text-align:right;margin:4px 4px 0px 0px;cursor:default;z-index:5;app-region:no-drag;display:flex}.titlebar .linux-titlebar{display:none}.titlebar button{width:32px;height:32px;font-size:0px;border:none;border-radius:6px;background:rgba(0,0,0,0)}.titlebar button:hover{background:#303236}.titlebar button svg{width:16px;height:16px;filter:invert(1)}sl-include.alert-modal{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%);width:max-content}drag{position:fixed;top:0px;left:0px;width:100%;height:50px;app-region:drag;z-index:1}.dropdown-modal{position:fixed;top:40px;right:0px;z-index:50;display:none;flex-direction:column;background:hsl(240,5.1%,15%);border-radius:6px;border:1px hsl(240,4.6%,22%) solid;margin:6px;min-width:250px;width:300px;transition:1s all}.dropdown-modal div:nth-child(1)>div.settings-section-header{border-radius:4px 4px 0px 0px}.dropdown-modal .settings-section-header{background:#303236;padding:6px 0px 6px 16px;font-size:12px}.dropdown-modal .settings-section-header h2{margin:0px}.dropdown-modal .settings-section-content{display:flex;margin:0px}.dropdown-modal .settings-section-content input{padding:12px;border:none;font-size:14px}.dropdown-modal .settings-section-content input:focus{outline:none}.dropdown-modal .settings-section-content input#InstanceSaveButton{background:#575151;color:#fff;border:none;border-radius:4px;padding:0px 12px}div#theme{display:flex;justify-content:space-evenly;gap:12px}.theme-selection{border:2px #7d7d7d solid;border-radius:10px;padding:12px 32px;width:100%;text-align:center}.theme-selection p{margin:0px}div#theme-select-light{color:#000;background:#fff}div#theme-select-dark{color:#fff;background:#232222}.settings-section-content a{background:#3c413e;color:#fff;text-decoration:none;padding:6px 12px;width:100%;text-align:center;cursor:default}.settings-section-content a:hover{filter:brightness(1.2)}.no-tabs-exist{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.no-tabs-exist img{width:54px}.no-tabs-exist button{color:#000;background:#00ff89;border:none;border-radius:3rem;padding:12px 24px;transition:.3s background,.3s color}.no-tabs-exist button:hover{color:#000;background:#e6e6e6;transition:.3s background,.3s color}
+.theme-is-light{background:#fff}.theme-is-light .titlebar{filter:invert(1)}.theme-is-light #theme-select-light{border-color:#00ff89;color:#00ff89}.theme-is-dark{background:#18181a}.theme-is-dark #theme-select-dark{border-color:#00ff89;color:#00ff89}body{font-family:arial}.titlebar{position:fixed;top:0px;right:0px;width:max-content;text-align:right;margin:4px 4px 0px 0px;cursor:default;z-index:5;app-region:no-drag;display:flex}.titlebar .linux-titlebar{display:none}.titlebar button{width:32px;height:32px;font-size:0px;border:none;border-radius:6px;background:rgba(0,0,0,0)}.titlebar button:hover{background:#303236}.titlebar button svg{width:16px;height:16px}sl-include.alert-modal{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%);width:max-content}drag{position:fixed;top:0px;left:0px;width:100%;height:50px;app-region:drag;z-index:1}.dropdown-modal{position:fixed;top:40px;right:0px;z-index:50;display:none;flex-direction:column;background:hsl(240,5.1%,15%);border-radius:6px;border:1px hsl(240,4.6%,22%) solid;margin:6px;min-width:250px;width:300px;transition:1s all}.dropdown-modal div:nth-child(1)>div.settings-section-header{border-radius:4px 4px 0px 0px}.dropdown-modal .settings-section-header{background:#303236;padding:6px 0px 6px 16px;font-size:12px}.dropdown-modal .settings-section-header h2{margin:0px}.dropdown-modal .settings-section-content{display:flex;margin:0px}.dropdown-modal .settings-section-content input{padding:12px;border:none;font-size:14px}.dropdown-modal .settings-section-content input:focus{outline:none}.dropdown-modal .settings-section-content input#InstanceSaveButton{background:#575151;color:#fff;border:none;border-radius:4px;padding:0px 12px}div#theme{display:flex;justify-content:space-evenly;gap:12px}.theme-selection{border:2px #7d7d7d solid;border-radius:10px;padding:12px 32px;width:100%;text-align:center}.theme-selection p{margin:0px}div#theme-select-light{color:#000;background:#fff}div#theme-select-dark{color:#fff;background:#232222}.settings-section-content a{background:#3c413e;color:#fff;text-decoration:none;padding:6px 12px;width:100%;text-align:center;cursor:default}.settings-section-content a:hover{filter:brightness(1.2)}.no-tabs-exist{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.no-tabs-exist img{width:54px}.no-tabs-exist button{color:#000;background:#00ff89;border:none;border-radius:3rem;padding:12px 24px;transition:.3s background,.3s color}.no-tabs-exist button:hover{color:#000;background:#e6e6e6;transition:.3s background,.3s color}

src/base/styles/index.scss

@@ -47,7 +47,6 @@ body {
         svg {
             width: 16px;
             height: 16px;
-            filter: invert(1);
         }
     }
 }

src/process/index.js

@@ -1,7 +1,5 @@
 const {app} = require('electron')
 const {autoUpdater} = require("electron-updater")
-const {MessageChannel, ProcessManager} = require('electron-re')
-// ProcessManager.openWindow()
 
 // Import Files
 let MainWindow = require('./window')

src/process/menu.js

@@ -1,5 +1,6 @@
 const {app, Menu} = require('electron')
 let Platform = require('./platform')
+const {MessageChannel, ProcessManager} = require('electron-re')
 
 module.exports = {
     MainMenu: function () {
@@ -36,6 +37,11 @@ module.exports = {
                     }
                 },
                 { type: 'separator' },
+                {
+                    label: "Process Manager",
+                    click: () => {ProcessManager.openWindow()}
+                },
+                { type: 'separator' },
                 {
                     label: "Quit",
                     accelerator: "CmdOrCtrl+Q",