rename app, fix styles

socket.ini

@@ -39,7 +39,7 @@ flags = -O3
 headless = false
 
 ; The name of the program and executable to be output. Can't contain spaces or special characters. Required field.
-name = "app-studio"
+name = "union"
 
 ; The binary output path. It's recommended to add this path to .gitignore.
 ; default value: "build"
@@ -154,11 +154,11 @@ flags = "-g"
 ; A unique ID that identifies the bundle (used by all app stores).
 ; It's required when `[meta] type` is not `"extension"`.
 ; It should be in a reverse DNS notation https://developer.apple.com/documentation/bundleresources/information_property_list/cfbundleidentifier#discussion
-bundle_identifier = "co.socketsupply.app-studio"
+bundle_identifier = "co.socketsupply.union"
 
 ; A unique application protocol scheme to support deep linking
 ; If this value is not defined, then it is derived from the `[meta] bundle_identifier` value
-application_protocol = "app-studio"
+application_protocol = "union"
 
 ; A string that gets used in the about dialog and package meta info.
 ; copyright = "(c) Beep Boop Corp. 1985"
@@ -176,7 +176,7 @@ lang = "en-us"
 ; maintainer = "Beep Boop Corp."
 
 ; The title of the app used in metadata files. This is NOT a window title. Can contain spaces and special characters. Defaults to name in a [build] section.
-title = "app-studio"
+title = "union"
 
 ; Builds an extension when set to "extension".
 ; default value: ""

src/components/editor.js

@@ -60,6 +60,8 @@ class AppEditor extends Tonic {
   }
 
   async writeToDisk (projectNode, data) {
+    if (projectNode.isDirectory) return
+
     const app = this.props.parent
 
     try {

src/css/index.css

@@ -183,7 +183,7 @@ header {
 }
 
 app-view > header {
-  display: grid;
+  display: none;
   grid-template-columns: 1fr 34px 250px 34px 1fr;
   gap: 12px;
   grid-template-rows: auto;
@@ -197,10 +197,18 @@ app-view > header {
 }
 
 #split-main {
-  top: 50px;
+  top: 0px;
   border-top: 1px solid var(--tonic-border);
 }
 
+body[platform="macos"] app-view > header {
+  display: grid;
+}
+
+body[platform="macos"] #split-main {
+  top: 50px;
+}
+
 #split-main tonic-split-right {
   overflow: auto;
 }