tsondb 0.2.0 → 0.3.0

package/public/css/styles.css

@@ -40,6 +40,28 @@ body {
   padding: 1.5rem;
   line-height: 1.4;
   background: var(--background);
+  z-index: 1;
+}
+
+#app {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas: "header aside" "main main";
+  gap: 0 1rem;
+}
+
+@media (min-width: 80rem) {
+  #app {
+    grid-template-columns: 1fr auto;
+    grid-template-areas: "header header" "main aside";
+  }
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  grid-area: header;
 }
 
 header nav ol {
@@ -50,6 +72,10 @@ header nav ol {
   margin: 0;
 }
 
+main {
+  grid-area: main;
+}
+
 h1 {
   margin: 2rem 0 1.5rem;
   font-size: 2.5rem;
@@ -68,6 +94,18 @@ h1 .id {
   margin-top: 0.25rem;
 }
 
+h2 {
+  margin: 1.8rem 0 1.25rem;
+  font-size: 1.75rem;
+  line-height: 1.1;
+}
+
+h2.h1-faded {
+  margin: 2rem 0 1.5rem;
+  font-size: 2.5rem;
+  color: var(--tertiary-color);
+}
+
 a {
   color: var(--color);
 }
@@ -389,7 +427,6 @@ form > .field--container {
   flex: 1 1 0;
 }
 
-
 .field--string .preview p {
   margin: 0.5rem 0 0;
 }
@@ -454,3 +491,165 @@ button[type="submit"] {
   color: var(--secondary-color);
   margin: 0.5rem 0 0;
 }
+
+.git-status {
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: 2px;
+  text-align: center;
+  line-height: 1.75rem;
+  margin: 0;
+  font-weight: 600;
+}
+
+.instance-item .git-status {
+  margin-top: 0.3rem;
+}
+
+.git-status.git-status--U {
+  color: rgb(13, 149, 101);
+  background: rgba(13, 149, 101, 0.15);
+}
+
+.git-status.git-status--A {
+  color: rgb(20, 148, 29);
+  background: rgba(20, 148, 29, 0.15);
+}
+
+.git-status.git-status--M {
+  color: rgb(196, 155, 18);
+  background: rgba(196, 155, 18, 0.15);
+}
+
+.git-status.git-status--D {
+  color: rgb(135, 22, 11);
+  background: rgba(135, 22, 11, 0.15);
+}
+
+.git-status.git-status--R {
+  color: rgb(20, 97, 148);
+  background: rgba(20, 97, 148, 0.15);
+}
+
+aside.git {
+  max-width: 30rem;
+  grid-area: aside;
+}
+
+aside.git h2 {
+  display: none;
+}
+
+@media (min-width: 80rem) {
+  aside.git {
+    border-left: 1px solid var(--separator-color);
+    padding-left: 1rem;
+  }
+
+  aside.git h2 {
+    display: block;
+  }
+
+  aside.git > button {
+    display: none;
+  }
+}
+
+aside.git h3 {
+  font-size: 1.25rem;
+  margin: 0;
+}
+
+aside.git ul {
+  list-style-type: " ";
+  padding: 0;
+  margin: 0;
+  display: block;
+}
+
+aside.git .git-entity-list-item > .title {
+  margin: 1rem 0 0.5rem;
+}
+
+aside.git .git-instance-list-item {
+  display: flex;
+  justify-content: space-between;
+  margin: 0.25rem 0 0;
+  gap: 0.25rem;
+}
+
+aside.git li .title {
+  display: block;
+  margin: 0.25rem 0;
+  flex: 1 1 0;
+}
+
+aside.git li.git-entity-list-item > .title {
+  font-weight: 600;
+}
+
+aside.git li button {
+  padding: 0 0.5rem;
+  line-height: 1.75rem;
+  height: 1.75rem;
+}
+
+aside.git .git-section-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 1rem 0 0.5rem;
+}
+
+aside.git .git-section-title h2 {
+  margin: 0;
+}
+
+aside.git p.no-changes {
+  color: var(--tertiary-color);
+  margin: 0;
+}
+
+aside.git .commit,
+aside.git .sync,
+aside.git .branch {
+  display: flex;
+  gap: 0.5rem;
+}
+
+aside.git .sync,
+aside.git .branch {
+  margin-bottom: 1rem;
+}
+
+aside.git .commit input,
+aside.git .branch .select-wrapper {
+  flex: 1 1 0;
+}
+
+.git-overlay {
+  display: none;
+  position: absolute;
+  right: 1.5rem;
+  box-shadow: 0 0.5rem 2rem rgba(160, 163, 165, 0.5);
+  z-index: 1000;
+  padding: 1rem;
+  background: var(--background);
+  overflow-y: auto;
+  max-height: calc(90vh - 5rem);
+}
+
+@media (min-width: 80rem) {
+  .git-overlay {
+    display: block;
+    position: static;
+    box-shadow: none;
+    padding: 0.5rem 0 0;
+    max-height: none;
+  }
+}
+
+.git-overlay.git-overlay--open {
+  display: block;
+}

package/lib/client/components/typeInputs/utils/EnumDeclField.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from "preact";
-import { SerializedEnumDecl } from "../../../../schema/declarations/EnumDecl.js";
-import { InstanceNamesByEntity } from "../../../hooks/useInstanceNamesByEntity.js";
-import { GetDeclFromDeclName } from "../../../hooks/useSecondaryDeclarations.js";
-type Props = {
-    decl: SerializedEnumDecl;
-    value: unknown;
-    instanceNamesByEntity: InstanceNamesByEntity;
-    getDeclFromDeclName: GetDeclFromDeclName;
-    onChange: (value: unknown) => void;
-};
-export declare const EnumDeclField: FunctionComponent<Props>;
-export {};

package/lib/server/instanceOperations.d.ts

@@ -1,7 +0,0 @@
-import { ModelContainer } from "../ModelContainer.js";
-import { EntityDecl } from "../schema/declarations/EntityDecl.js";
-import { InstanceContainer, InstancesByEntityName } from "../shared/utils/instances.js";
-import { Result } from "../utils/result.js";
-export declare const createInstance: (modelContainer: ModelContainer, entitiesByName: Record<string, EntityDecl>, instancesByEntityName: InstancesByEntityName, entityName: string, instance: unknown, idQueryParam: unknown) => Promise<Result<InstanceContainer, [code: number, message: string]>>;
-export declare const updateInstance: (modelContainer: ModelContainer, entitiesByName: Record<string, EntityDecl>, instancesByEntityName: InstancesByEntityName, entityName: string, id: string, instance: unknown) => Promise<Result<InstanceContainer, [code: number, message: string]>>;
-export declare const deleteInstance: (modelContainer: ModelContainer, instancesByEntityName: InstancesByEntityName, entityName: string, id: string) => Promise<Result<InstanceContainer, [code: number, message: string]>>;

package/lib/server/instanceOperations.js

@@ -1,67 +0,0 @@
-import { rm, writeFile } from "node:fs/promises";
-import { join } from "node:path";
-import { v4 as uuidv4 } from "uuid";
-import { validateEntityDecl } from "../schema/declarations/EntityDecl.js";
-import { createValidators } from "../schema/Node.js";
-import { getErrorMessageForDisplay } from "../utils/error.js";
-import { error, ok } from "../utils/result.js";
-export const createInstance = async (modelContainer, entitiesByName, instancesByEntityName, entityName, instance, idQueryParam) => {
-    const entity = entitiesByName[entityName];
-    const validationErrors = validateEntityDecl(createValidators(instancesByEntityName), entity, instance);
-    if (validationErrors.length > 0) {
-        return error([400, validationErrors.map(getErrorMessageForDisplay).join("\n\n")]);
-    }
-    if (modelContainer.schema.localeEntity === entity && typeof idQueryParam !== "string") {
-        return error([400, "Missing id for locale entity"]);
-    }
-    const id = modelContainer.schema.localeEntity === entity ? idQueryParam : uuidv4();
-    if (modelContainer.schema.localeEntity === entity &&
-        instancesByEntityName[entity.name].some(instance => instance.id === id)) {
-        return error([400, `Duplicate id "${id}" for locale entity`]);
-    }
-    const fileName = `${id}.json`;
-    await writeFile(join(modelContainer.dataRootPath, entity.name, fileName), JSON.stringify(instance, undefined, 2), { encoding: "utf-8" });
-    const instanceContainer = {
-        fileName,
-        id,
-        content: instance,
-    };
-    instancesByEntityName[entity.name] = [
-        ...(instancesByEntityName[entity.name] ?? []),
-        instanceContainer,
-    ];
-    return ok(instanceContainer);
-};
-export const updateInstance = async (modelContainer, entitiesByName, instancesByEntityName, entityName, id, instance) => {
-    const instanceContainer = instancesByEntityName[entityName]?.find(instance => instance.id === id);
-    if (instanceContainer === undefined) {
-        return error([404, "Instance not found"]);
-    }
-    const entity = entitiesByName[entityName];
-    const validationErrors = validateEntityDecl(createValidators(instancesByEntityName), entity, instance);
-    if (validationErrors.length > 0) {
-        return error([400, validationErrors.map(getErrorMessageForDisplay).join("\n\n")]);
-    }
-    await writeFile(join(modelContainer.dataRootPath, entity.name, instanceContainer.fileName), JSON.stringify(instance, undefined, 2), { encoding: "utf-8" });
-    instanceContainer.content = instance;
-    return ok(instanceContainer);
-};
-export const deleteInstance = async (modelContainer, instancesByEntityName, entityName, id) => {
-    const instances = instancesByEntityName[entityName] ?? [];
-    const instanceContainerIndex = instances.findIndex(instance => instance.id === id);
-    const instanceContainer = instances[instanceContainerIndex];
-    if (instanceContainer === undefined) {
-        return error([404, "Instance not found"]);
-    }
-    try {
-        await rm(join(modelContainer.dataRootPath, entityName, instanceContainer.fileName));
-        instancesByEntityName[entityName] = [
-            ...instances.slice(0, instanceContainerIndex),
-            ...instances.slice(instanceContainerIndex + 1),
-        ];
-        return ok(instanceContainer);
-    }
-    catch (err) {
-        return error([500, `Failed to delete instance: ${err}`]);
-    }
-};