fix: charna updates merged

package.json

@@ -17,7 +17,7 @@
     "@vuelidate/validators": "^2.0.0-alpha.21",
     "algoliasearch": "^4.10.5",
     "axios": "^0.21.4",
-    "charna": "^0.1.2",
+    "charna": "^0.1.3",
     "downscale": "^1.0.6",
     "firebase": "^9.0.2",
     "luxon": "^2.0.2",

src/components/character/CharacterSheet.vue

@@ -1,14 +1,16 @@
 <template>
   <div class="CharacterSheet">
-    <div
-      v-for="key in character.statKeys()"
-      :key="key"
+    <template
+      v-for="k in Object.keys(layout)"
+      :key="k"
     >
-      <CharacterStat
-        :character="character"
-        :stat="key"
-      />
-    </div>
+      <template v-if="typeof layout[k] === 'string'">
+        <CharacterStat
+          :character="character"
+          :stat="k"
+        />
+      </template>
+    </template>
   </div>
 </template>
 
@@ -17,8 +19,22 @@ import { useAuth } from '@/state/authz'
 import { useCharacters } from '@/state/characters'
 import { Character } from '@/state/characters/Character'
 import { logDebug } from '@/utils/eventLogger'
-import { computed, defineComponent } from 'vue'
+import { computed, ComputedRef, defineComponent } from 'vue'
 import CharacterStat from './CharacterStat.vue'
+import defautsheet from '@/layouts/default.layout.json'
+import ddsheet from '@/layouts/dd5.layout.json'
+
+interface ThirdLevelNode {
+  [key: string]: string | Array<string>
+}
+
+interface SecondLevelNode {
+  [key: string]: string | Array<string> | ThirdLevelNode
+}
+
+interface LayoutNode {
+  [key: string]: string | SecondLevelNode | Array<string | SecondLevelNode>
+}
 
 export default defineComponent({
   name: 'CharacterSheet',
@@ -37,7 +53,13 @@ export default defineComponent({
       const c = characters.value.get(props.id) || new Character('-')
       return c
     })
-    return { character, profileData }
+    const layout:ComputedRef<LayoutNode> = computed(() => {
+      if (character.value.characterSheetType === 'dd') {
+        return ddsheet
+      }
+      return defautsheet
+    })
+    return { character, profileData, layout }
   }
 })
 </script>

src/layouts/dd5.layout.json

@@ -0,0 +1,5 @@
+{
+  "top": [
+    { "abilities": [ "strength" ] }
+  ]
+}

src/layouts/default.layout.json

@@ -0,0 +1,3 @@
+{
+    "description": "description"
+}

src/state/characters/basicCharacterSheet.json

@@ -1,5 +1,5 @@
 {
-  "id": "Basic Charactersheet",
+  "name": "Basic Charactersheet",
   "stats": {
     "description": {
       "type": "string",

src/state/characters/ddCharSheet.json

@@ -1,6 +1,10 @@
 {
-  "id": "D&D 5th edition sheet redacted variant",
+  "name": "D&D 5th edition sheet redacted variant",
   "stats": {
+    "description": {
+      "type": "string",
+      "initialValue": "..."
+    },
     "strength": {
       "type": "number",
       "initialValue": 10