Changing computers

.gitmodules

@@ -16,3 +16,6 @@
 [submodule "packages/expression"]
 	path = packages/expression
 	url = [email protected]:Obsidian-OS/expressions.git
+[submodule "packages/logicx"]
+	path = packages/logicx
+	url = [email protected]:Obsidian-OS/logicx

builder/main.js

@@ -34,7 +34,7 @@ export default async function main(argv) {
             config.setState({out: new Path(next())});
 
         else if (i === '-b' || i === '--build')
-            config.setState({components: await import(next()).then(components => components.default)});
+            config.setState({components: await import(url.pathToFileURL(await fs.realpath(next()))).then(components => components.default)});
 
         else
             config.setState(prev => ({selected: [...prev.selected, i]}));

packages/logicx/css/layout.css

@@ -0,0 +1,54 @@
+.logicx-root, .logicx-root * {
+    --toolbar-width: auto;
+    --toolbar-height: auto;
+}
+
+.logicx-root {
+    display: grid;
+
+    grid-template-rows: var(--toolbar-height) 1fr var(--toolbar-height);
+    grid-template-columns: var(--toolbar-width) 1fr var(--toolbar-width);
+
+    grid-template-areas:
+        "top  top      top"
+        "left viewport right"
+        "left bottom   right";
+
+    width: 100%;
+    height: 100%;
+}
+
+.logicx-viewport {
+    grid-area: viewport;
+}
+
+.logicx-toolbar {
+    display: flex;
+
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.logicx-toolbar.vertical {
+    flex-direction: column;
+}
+
+.logicx-toolbar.horizontal {
+    flex-direction: row;
+}
+
+.logicx-toolbar.left {
+    grid-area: left
+}
+
+.logicx-toolbar.right {
+    grid-area: right
+}
+
+.logicx-toolbar.top {
+    grid-area: top
+}
+
+.logicx-toolbar.bottom {
+    grid-area: bottom
+}