From 721f6b346eb0a34bc829e69b2440932b70dd85b0 Mon Sep 17 00:00:00 2001
From: Hunter Richardson <hrichardson8@gmail.com>
Date: Fri, 21 Jun 2024 09:25:41 -0500
Subject: [PATCH] Rearrange snackbar elements, create nuntia dir at-runtime

---
 package-lock.json                             | 20 +++++++++++++++++
 package.json                                  |  2 ++
 src/facies/calculare.vue                      | 13 +++++++++--
 src/facies/gustulare.vue                      | 22 +++++++++++++++++++
 src/facies/index.vue                          | 20 ++++++++++++-----
 src/facies/inflectere.vue                     | 13 ++++++++---
 src/facies/loqui.vue                          | 16 ++++++++------
 src/facies/numerare.vue                       | 13 +++++++++--
 src/facies/quaerere.vue                       | 20 ++++++++++++-----
 src/facies/specere.vue                        | 12 ++++++++--
 src/miscella/nuntius.ts                       |  6 +++--
 src/scriptura/{gustularium.ts => gustulus.ts} |  2 +-
 src/scriptura/nuntiator.ts                    |  6 ++---
 src/scriptura/referre.ts                      | 10 ++++-----
 14 files changed, 136 insertions(+), 39 deletions(-)
 create mode 100644 src/facies/gustulare.vue
 rename src/scriptura/{gustularium.ts => gustulus.ts} (92%)

diff --git a/package-lock.json b/package-lock.json
index 82a7fa8..7ee67f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,7 +47,9 @@
         "eslint-plugin-cypress": "^2.15.1",
         "eslint-plugin-vue": "^9.23.0",
         "execa": "^9.2.0",
+        "fs": "^0.0.1-security",
         "jsdom": "^24.0.0",
+        "make-dir": "^5.0.0",
         "npm-run-all2": "^6.1.2",
         "prettier": "^3.3.2",
         "start-server-and-test": "^2.0.3",
@@ -5372,6 +5374,12 @@
       "integrity": "sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==",
       "dev": true
     },
+    "node_modules/fs": {
+      "version": "0.0.1-security",
+      "resolved": "https://registry.npmjs.org/fs/-/fs-0.0.1-security.tgz",
+      "integrity": "sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==",
+      "dev": true
+    },
     "node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -6781,6 +6789,18 @@
         "@jridgewell/sourcemap-codec": "^1.4.15"
       }
     },
+    "node_modules/make-dir": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-5.0.0.tgz",
+      "integrity": "sha512-G0yBotnlWVonPClw+tq+xi4K7DZC9n96HjGTBDdHkstAVsDkfZhi1sTvZypXLpyQTbISBkDtK0E5XlUqDsShQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/map-stream": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz",
diff --git a/package.json b/package.json
index 257e734..4f40fcc 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,9 @@
     "eslint-plugin-cypress": "^2.15.1",
     "eslint-plugin-vue": "^9.23.0",
     "execa": "^9.2.0",
+    "fs": "^0.0.1-security",
     "jsdom": "^24.0.0",
+    "make-dir": "^5.0.0",
     "npm-run-all2": "^6.1.2",
     "prettier": "^3.3.2",
     "start-server-and-test": "^2.0.3",
diff --git a/src/facies/calculare.vue b/src/facies/calculare.vue
index 9c848ae..9d6304b 100644
--- a/src/facies/calculare.vue
+++ b/src/facies/calculare.vue
@@ -2,7 +2,9 @@
   import { defineComponent, defineModel } from 'vue';
   import Numerator from '../miscella/numerator';
   import { Numerus } from '../praebeunda/verba';
-  import * as Specere from './specere.vue';
+  import specere from './specere.vue';
+  import Gustulus from '../scriptura/gustulus';
+  import gustulare from './gustulare.vue';
   import type { ModelRef } from 'vue';
 
   type numeri = {
@@ -19,8 +21,14 @@
   };
 
   export default defineComponent({
+    components: {
+      gustulare,
+      specere
+    },
+
     data() {
       return  {
+        gustulus: new Gustulus({}),
         numerus: numerus,
         operator: operator,
         praevii: nihil,
@@ -104,8 +112,9 @@
 </script>
 
 <template lang='vue'>
+	<gustulare v-model='gustulus' />
   <template v-if='this.numerus'>
-    <Specere v-model='this.numerus'
+    <specere v-model='this.numerus'
              @blur='this.numerus = null;' />
   </template>
   <template v-if='this.praevii.anglicus'>
diff --git a/src/facies/gustulare.vue b/src/facies/gustulare.vue
new file mode 100644
index 0000000..da584ba
--- /dev/null
+++ b/src/facies/gustulare.vue
@@ -0,0 +1,22 @@
+<script lang='ts'>
+  import { defineComponent } from 'vue';
+  import Gustulus from '../scriptura/gustulus';
+  import type { ModelRef } from 'vue';
+
+  const gustulus: ModelRef<Gustulus | undefined, string> = defineModel<Gustulus>();
+
+  export default defineComponent({
+    data () {
+      return {
+        gustulus: gustulus
+      };
+    }
+  });
+</script>
+
+<template>
+  <template v-if='gustulus'>
+    <v-snackbar v-model='gustulus.visibile' :color='gustulus.color' :timeout='gustulus.vita'
+                :text='gustulus.nuntium' />
+  </template>
+</template>
diff --git a/src/facies/index.vue b/src/facies/index.vue
index 9a5f593..fad35ac 100644
--- a/src/facies/index.vue
+++ b/src/facies/index.vue
@@ -4,9 +4,11 @@
   import { transducatur, transduceretne } from '../scriptura/transducere';
   import { referretne, referatur } from '../scriptura/referre';
   import Cocutor, { type Crustulum } from '../miscella/cocutor';
-  import * as Quaerere from './quaerere.vue';
-  import * as Numerare from './numerare.vue';
-  import * as Calculare from './calculare.vue';
+  import quaerere from './quaerere.vue';
+  import numerare from './numerare.vue';
+  import calculare from './calculare.vue';
+  import Gustulus from '../scriptura/gustulus';
+  import gustulare from './gustulare.vue';
   import Locutor from '../miscella/locutor';
 
   const locutor: Locutor = Locutor.se.ipse();
@@ -22,9 +24,14 @@
   };
 
   export default defineComponent({
+    components: {
+      gustulare, quaerere, numerare, calculare
+    },
+
     data () {
       return {
         name: crustula.lingua === 'anglica' ? 'Phrase Factory' : 'Structor Verborum',
+        gustulus: new Gustulus({}),
         annulus: '',
         locutionis: locutor.locutust(),
         referret: referretne(),
@@ -143,6 +150,7 @@
 </script>
 
 <template lang='vue'>
+	<gustulare v-model='gustulus' />
   <template v-if="crustula.assensus === 'assensit'">
     <v-speed-dial id='crustula' location='bottom center' transition='fade-transition' open-on-click>
       <template v-slot:activator='{ props: activator }'>
@@ -210,13 +218,13 @@
     </v-tabs>
     <v-tabs-window v-model='annulus'>
       <v-tabs-window-item value='quaerere'>
-        <Quaerere />
+        <quaerere />
       </v-tabs-window-item>
       <v-tabs-window-item value='numerare'>
-        <Numerare />
+        <numerare />
       </v-tabs-window-item>
       <v-tabs-window-item value='calculare'>
-        <Calculare />
+        <calculare />
       </v-tabs-window-item>
     </v-tabs-window>
   </v-card>
diff --git a/src/facies/inflectere.vue b/src/facies/inflectere.vue
index 091c780..cf1e9d1 100644
--- a/src/facies/inflectere.vue
+++ b/src/facies/inflectere.vue
@@ -35,10 +35,12 @@
 
 <script lang='ts'>
   import { defineComponent, defineModel } from 'vue';
-  import * as Spectere from './specere.vue';
+  import spectere from './specere.vue';
   import { genera, gradi, anglicum } from '../miscella/enumerationes';
   import Cocutor from '../miscella/cocutor';
   import type { ModelRef } from 'vue';
+  import Gustulus from '../scriptura/gustulus';
+  import gustulare from './gustulare.vue';
 
   const eventus: ModelRef<Eventus | undefined, string> = defineModel<Eventus>('eventus');
   const verbum: ModelRef<Verbum | undefined, string> = defineModel<Verbum>('verbum');
@@ -52,11 +54,15 @@
   const HorizontalScroll = require('vue-horizontal-scroll')
 
   export default defineComponent({
-    components: { HorizontalScroll },
+    components: {
+      HorizontalScroll: horizontal-scroll,
+      gustulare, specere
+    },
 
     data () {
       return {
         anglica: lingua === 'anglica',
+        gustulus: new Gustulus({}),
         categoria: categoria,
         figura: figura,
         seligenda: seligenda,
@@ -199,8 +205,9 @@
 </script>
 
 <template lang='vue'>
+	<gustulare v-model='gustulus' />
   <template v-if='verbum'>
-    <Spectere v-model='verbum' @blur='verbum = undefined;' />
+    <spectere v-model='verbum' @blur='verbum = undefined;' />
   </template>
   <template v-else>
     <div id='colamina'>
diff --git a/src/facies/loqui.vue b/src/facies/loqui.vue
index 37fff1f..f3a453a 100644
--- a/src/facies/loqui.vue
+++ b/src/facies/loqui.vue
@@ -1,9 +1,10 @@
 <script lang='ts'>
   import { defineComponent } from 'vue';
   import draggable from 'vuedraggable'
-  import Gustularium from '../scriptura/gustularium';
+  import Gustulus from '../scriptura/gustulus';
   import Locutor from '../miscella/locutor';
   import Cocutor from '../miscella/cocutor';
+  import gustulare from './gustulare.vue';
 
   const locutor: Locutor = Locutor.se.ipse();
   const cocutor: Cocutor = Cocutor.se.ipse();
@@ -14,7 +15,10 @@
   const ClassifyX = require('classifyx')
 
   export default defineComponent({
-    component: { draggable },
+    component: {
+      draggable,
+      gustulare
+    },
 
     data () {
       return {
@@ -26,7 +30,7 @@
           })
         }),
         lingua: Cocutor.se.ipse().edatur('lingua'),
-        gustularium: new Gustularium({}),
+        gustulus: new Gustulus({}),
         verba: locutor.verba,
       };
     },
@@ -41,15 +45,13 @@
 </script>
 
 <template lang='vue'>
-	<v-snackbar :color='gustularium.color' :timeout='gustularium.vita' v-model='gustularium.visibile'>
-		{ gustularium.nuntium }
-	</v-snackbar>
+	<gustulare v-model='gustulus' />
 	<v-chip-group id='locutio'>
 		<draggable v-model='verba' :ghost-class='pellucidum' @start='trahens = true' @end='trahens = false'>
 			<span :class="'mr-2'.concat(trahens ? 'cursor-grab' : 'cursor-grabbing')">
 				<template v-for='verbum in verba'>
 					<v-chip :v-bind:key='verbum' @click:close='remove(verbum.unicum);' close-icon='remove'
-						      :text='verbum.scriptum' :id='verbum.unicum' selected-class='text-primary' />
+						:text='verbum.scriptum' :id='verbum.unicum' selected-class='text-primary' />
 				</template>
 </span>
 </draggable>
diff --git a/src/facies/numerare.vue b/src/facies/numerare.vue
index d033d37..20a3333 100644
--- a/src/facies/numerare.vue
+++ b/src/facies/numerare.vue
@@ -2,17 +2,25 @@
   import { defineComponent, defineModel } from 'vue';
   import Numerator from '../miscella/numerator';
   import { Numerus } from '../praebeunda/verba';
-  import * as Specere from './specere.vue';
+  import specere from './specere.vue';
   import Cocutor from '../miscella/cocutor';
   import type { ModelRef } from 'vue';
+  import Gustulus from '../scriptura/gustulus';
+  import gustulare from './gustulare.vue';
 
   const cocutor: Cocutor = Cocutor.se.ipse();
 
   const numerus: ModelRef<Numerus | undefined, string> = defineModel<Numerus>();
 
   export default defineComponent({
+    components: {
+      gustulare,
+      specere
+    },
+
     data () {
       return {
+        gustulus: new Gustulus({}),
         romanus: '',
         anglica: cocutor.edatur('lingua') === 'anglica',
         numerus: numerus,
@@ -51,8 +59,9 @@
 </script>
 
 <template lang='vue'>
+	<gustulare v-model='gustulus' />
 	<template v-if='numerus'>
-		<Specere v-model='numerus' @blur='numerus = undefined' />
+		<specere v-model='numerus' @blur='numerus = undefined' />
 	</template>
   <div class='text-center'>
     <v-card id='effectus' :text='romanus' />
diff --git a/src/facies/quaerere.vue b/src/facies/quaerere.vue
index 27a03ea..3484237 100644
--- a/src/facies/quaerere.vue
+++ b/src/facies/quaerere.vue
@@ -2,12 +2,14 @@
   import { defineComponent, defineModel } from 'vue';
   import Dictionarium, { type Lemma, type Eventus, type Quaerenda } from '../miscella/dictionarium';
   import { anglicum, categoriae } from '../miscella/enumerationes';
-  import Inflectere from './inflectere.vue';
-  import * as Specere from './specere.vue';
-  import * as Loqui from './loqui.vue';
+  import inflectere from './inflectere.vue';
+  import specere from './specere.vue';
+  import loqui from './loqui.vue';
   import Cocutor from '../miscella/cocutor';
   import type { Verbum } from '../praebeunda/verba';
   import type { ModelRef } from 'vue';
+  import Gustulus from '../scriptura/gustulus';
+  import gustulare from './gustulare.vue';
 
   const verbum: ModelRef<Verbum | undefined, string> = defineModel<Verbum>('verbum');
   const eventus: ModelRef<Eventus | undefined, string> = defineModel<Eventus>('eventus');
@@ -22,8 +24,13 @@
   };
 
   export default defineComponent({
+    components: {
+      gustulare, inflectere, specere, loqui
+    },
+
     data () {
       return {
+        gustulus: new Gustulus({}),
         anglica: lingua === 'anglica',
         lemmae: lemmae,
         onerans: true,
@@ -115,12 +122,13 @@
 </script>
 
 <template lang='vue'>
-  <Loqui />
+	<gustulare v-model='gustulus' />
+  <loqui />
   <template v-if='verbum'>
-    <Specere v-model='verbum' @blur='verbum = undefined;' />
+    <specere v-model='verbum' @blur='verbum = undefined;' />
   </template>
   <template v-else-if='eventus'>
-    <Inflectere v-model='eventus' @blur='eventus = undefined;' />
+    <inflectere v-model='eventus' @blur='eventus = undefined;' />
   </template>
   <div class='text-center'>
     <v-btn append-icon='search' @click='sarci();' :disabled='onerans'
diff --git a/src/facies/specere.vue b/src/facies/specere.vue
index 620d078..93d3626 100644
--- a/src/facies/specere.vue
+++ b/src/facies/specere.vue
@@ -2,11 +2,13 @@
   import { defineComponent, defineModel } from 'vue';
   import { Verbum, Multiplex, Actus, Numerus } from '../praebeunda/verba';
   import Locutor from '../miscella/locutor';
-  import * as Inflectere from './inflectere.vue';
+  import inflectere from './inflectere.vue';
   import Cocutor from '../miscella/cocutor';
   import type { Eventus } from '../miscella/dictionarium';
   import type { NumeramenAgendum } from '../praebeunda/agenda';
   import type { ModelRef } from 'vue';
+  import Gustulus from '../scriptura/gustulus';
+  import gustulare from './gustulare.vue';
 
   const verbum: ModelRef<Verbum | undefined, string> = defineModel<Verbum>('verbum');
   const eventus: ModelRef<Eventus | undefined, string> = defineModel<Eventus>('eventus');
@@ -14,8 +16,13 @@
   const lingua: string | undefined = Cocutor.se.ipse().edatur('lingua');
 
   export default defineComponent({
+    components: {
+      gustulare, inflectere
+    },
+
     data () {
       return {
+        gustulus: new Gustulus({}),
         verbum: verbum.value,
         eventus: eventus.value,
         anglica: lingua === 'anglica',
@@ -57,8 +64,9 @@
 </script>
 
 <template lang='vue'>
+	<gustulare v-model='gustulus' />
 	<template v-if='eventus'>
-		<Inflectere v-model='eventus' @blur='eventus = undefined;' />
+		<inflectere v-model='eventus' @blur='eventus = undefined;' />
 	</template>
   <v-dialog v-if'verbum'>
     <v-card :title='verbum?.scriptum'>
diff --git a/src/miscella/nuntius.ts b/src/miscella/nuntius.ts
index eee5d1d..ee32bc8 100644
--- a/src/miscella/nuntius.ts
+++ b/src/miscella/nuntius.ts
@@ -2,7 +2,7 @@ import winston from 'winston';
 import DailyRotateFile from 'winston-daily-rotate-file';
 import { Mensa } from './enumerationes';
 import Numerator from './numerator';
-
+import makeDirectorySync from 'make-dir'
 
 const scribatur = (parametra: {
   nomen?: string,
@@ -189,7 +189,7 @@ export default class Nuntius implements Disposable {
 
       navigium = new DailyRotateFile({
         datePattern: '',
-        dirname: '../nuntia',
+        dirname: '/nuntia',
         filename: `StructorVerborum${Temporis.hodie()}.log)`,
         frequency: '1d',
         maxSize: '20m',
@@ -197,6 +197,8 @@ export default class Nuntius implements Disposable {
         zippedArchive: true
       });
 
+      makeDirectorySync(navigium.dirname)
+
       // navigium.on('new', (hoc: string) => { });
       // navigium.on('rotate', (illud: string, hoc: string) => { });
       // navigium.on('archive', (tabularium: string) => { });
diff --git a/src/scriptura/gustularium.ts b/src/scriptura/gustulus.ts
similarity index 92%
rename from src/scriptura/gustularium.ts
rename to src/scriptura/gustulus.ts
index fe52c74..d6569bc 100644
--- a/src/scriptura/gustularium.ts
+++ b/src/scriptura/gustulus.ts
@@ -4,7 +4,7 @@ type Optanda = {
   color?: string;
 };
 
-export default class Gustularium {
+export default class Gustulus {
   readonly nuntium: string;
   readonly vita: number;
   readonly color: string;
diff --git a/src/scriptura/nuntiator.ts b/src/scriptura/nuntiator.ts
index 0c370c6..26e8aff 100644
--- a/src/scriptura/nuntiator.ts
+++ b/src/scriptura/nuntiator.ts
@@ -1,13 +1,13 @@
-import Gustularium from './gustularium';
+import Gustulus from './gustulus';
 
 type Optanda<T> = {
   valor?: T,
-  nuntium: Gustularium;
+  nuntium: Gustulus;
 };
 
 export default class Nuntiator<T> {
   readonly valor?: T;
-  readonly nuntium: Gustularium;
+  readonly nuntium: Gustulus;
 
   constructor (optanda: Optanda<T>) {
     this.valor = optanda.valor;
diff --git a/src/scriptura/referre.ts b/src/scriptura/referre.ts
index 014f597..7369efc 100644
--- a/src/scriptura/referre.ts
+++ b/src/scriptura/referre.ts
@@ -1,24 +1,24 @@
-import Gustularium from './gustularium';
+import Gustulus from './gustulus';
 
 export function referretne (): boolean {
   return !!navigator.clipboard;
 }
 
-export async function referatur (valor?: string): Promise<Gustularium> {
+export async function referatur (valor?: string): Promise<Gustulus> {
   if (valor) {
     if (referretne()) {
       await navigator.clipboard.writeText(valor);
-      return new Gustularium({
+      return new Gustulus({
         nuntium: 'Locutio referatur',
         vita: 3000, color: 'green'
       });
     } else {
-      return new Gustularium({
+      return new Gustulus({
         nuntium: 'Modus referendum non fert',
         vita: 3000, color: 'red'
       });
     }
   } else {
-    return new Gustularium({});
+    return new Gustulus({});
   }
 }