kireji 0.9.0 → 0.10.0

package/src/app/kireji/issue-tracker/sections/issues/1776262432/description

@@ -0,0 +1 @@
+Implement the full operating system experience for the Demo Ecosystem. This issue links together a collection of smaller issues that relate to various features of the operating system that need to be completed in order to make it feel well-rounded.

package/src/app/kireji/issue-tracker/sections/issues/1776262432/links_.js

@@ -0,0 +1,8 @@
+return [
+ kirejiIssues[1776212811],
+ kirejiIssues[1776212585],
+ kirejiIssues[1776212412],
+ kirejiIssues[1776212294],
+ kirejiIssues[1776212048],
+ kirejiIssues[1776211364]
+]

package/src/app/kireji/issue-tracker/sections/issues/1776262432/part.json

@@ -0,0 +1,3 @@
+{
+ "extends": "issue.."
+}

package/src/app/kireji/issue-tracker/sections/issues/1776262432/priority

@@ -0,0 +1 @@
+B

package/src/app/kireji/issue-tracker/sections/issues/1776262432/status

@@ -0,0 +1 @@
+doing

package/src/app/kireji/issue-tracker/sections/issues/1776262432/title

@@ -0,0 +1 @@
+Complete Operating System

package/src/app/kireji/issue-tracker/sections/issues/1776263309/description

@@ -0,0 +1,3 @@
+Mobile user interface/usability requires some additional feature support on top of the desktop architecture. This means making special consideration for the lack of a keyboard and the tap feature. Where possible, employ the same usability solutions across both platforms for a consistent look-and-feel across devices. For example, a tall and narrow browser window should look the same as the equivalent portrait layout on a mobile device. Where possible, let click-and-drag on screen feel and behave like tab-and-drag on mobile.
+
+This is an overall issue that links together all mobile-specific issues.

package/src/app/kireji/issue-tracker/sections/issues/1776263309/links_.js

@@ -0,0 +1,3 @@
+return [
+ kirejiIssues[1776209115],
+]

package/src/app/kireji/issue-tracker/sections/issues/1776263309/part.json

@@ -0,0 +1,3 @@
+{
+ "extends": "issue.."
+}

package/src/app/kireji/issue-tracker/sections/issues/1776263309/priority

@@ -0,0 +1 @@
+A

package/src/app/kireji/issue-tracker/sections/issues/1776263309/status

@@ -0,0 +1 @@
+doing

package/src/app/kireji/issue-tracker/sections/issues/1776263309/title

@@ -0,0 +1 @@
+Improve Mobile Usability

package/src/app/kireji/issue-tracker/sections/issues/1776282415/description

@@ -0,0 +1 @@
+In the Issue Tracker app, implement filters over the issue list. Make sure that the filters and list look and feel good in both vintage and modern era for both light and dark color modes on both mobile and desktop.

package/src/app/kireji/issue-tracker/sections/issues/1776282415/links_.js

@@ -0,0 +1,3 @@
+return [
+ _.app.kireji.issueTracker
+]

package/src/app/kireji/issue-tracker/sections/issues/1776282415/part.json

@@ -0,0 +1,3 @@
+{
+ "extends": "issue.."
+}

package/src/app/kireji/issue-tracker/sections/issues/1776282415/priority

@@ -0,0 +1 @@
+A

package/src/app/kireji/issue-tracker/sections/issues/1776282415/status

@@ -0,0 +1 @@
+done

package/src/app/kireji/issue-tracker/sections/issues/1776282415/title

@@ -0,0 +1 @@
+Issue Filtering

package/src/app/kireji/issue-tracker/sections/issues/1776307785/affects_.js

@@ -0,0 +1,3 @@
+return [
+ _.app.kireji.issueTracker
+]

package/src/app/kireji/issue-tracker/sections/issues/1776307785/description

@@ -0,0 +1 @@
+In both vintage and modern modes, the issue modal of the issue tracker doesn't look finished. It's especially clear in vintage, though; the exit button in the top right can lead to accidentally clicking the actual exit button, closing the tracker app completely. Tidy up the UI and make the modal feel like a complete feature.

package/src/app/kireji/issue-tracker/sections/issues/1776307785/part.json

@@ -0,0 +1,3 @@
+{
+ "extends": "issue.."
+}

package/src/app/kireji/issue-tracker/sections/issues/1776307785/priority

@@ -0,0 +1 @@
+B

package/src/app/kireji/issue-tracker/sections/issues/1776307785/status

@@ -0,0 +1 @@
+doing

package/src/app/kireji/issue-tracker/sections/issues/1776307785/title

@@ -0,0 +1 @@
+Improve Issue Modal

package/src/app/kireji/issue-tracker/sections/issues/issue/card.html_.js

@@ -1,8 +1,8 @@
 return (
  `<a ${_.pointAttr()} href=${kirejiIssue.canonicalURL} class="issue-row" data-id="${kirejiIssue.key}" data-priority="${kirejiIssue.priority}" data-status="${kirejiIssue.status}">` + (
-  // `<span class="issue-id">${issue.key}</span>` +
   `<span class="issue-title">${kirejiIssue.title}</span>` +
   `<span class="issue-priority">${kirejiIssue.priority}</span>` +
-  `<span class="issue-status">${kirejiIssue.status}</span>`
+  `<span class="issue-status">${kirejiIssue.status}</span>` +
+  `<span class="issue-date">${kirejiIssue.niceDate(kirejiIssue.key)}</span>`
  ) + "</a>"
 )

package/src/app/kireji/issue-tracker/sections/issues/issue/date-nice.js

@@ -0,0 +1 @@
+return new Date(UNIX_TIMESTAMP * 1000).toLocaleString("en-US", { dateStyle: "medium" })

package/src/app/kireji/issue-tracker/sections/issues/issue/part.html_.js

@@ -1,3 +1,4 @@
+const linkedIssues = kirejiIssue.links.map(linked => linked["card.html"]).join("")
 return (
  `<h1>${kirejiIssue.title}</h1>` +
  `<button ${kirejiIssue.pointAttr("close")} class=exit-button>✕</button>` +
@@ -6,7 +7,7 @@ return (
   `<b>Priority:</b> <span class="issue-priority">${kirejiIssue.priority}</span>\n\n` +
   `<b>Status:</b> <span class="issue-status">${kirejiIssue.status}</span>\n\n` +
   `<b>Description:</b>\n${kirejiIssue.description}\n\n` +
-  `<b>Affected Parts:</b>\n<span class="issue-affects">${kirejiIssue.affects.map(affected => affected.host).join(", ") || "None"}</span>\n\n` +
-  `<b>Linked Issues:</b>\n<span class="issue-links">${kirejiIssue.links.map(linked => linked["card.html"]).join("<br>") || "None"}</span>`
+  `<b>Affected Parts:</b>\n<span class="issue-affects">${kirejiIssue.affects.map(affected => affected === _ ? "ecosystem" : affected.host).join(", ") || "None"}</span>\n\n` +
+  `<b>Linked Issues:</b>${linkedIssues ? `\n<span class="issue-links">${linkedIssues}</span>` : " None"}`
  ) + "</p>"
 )

package/src/app/kireji/issue-tracker/sections/issues/issue/part.json

@@ -4,6 +4,9 @@
   "close": [
    "POINTER_EVENT",
    "TARGET_ELEMENT"
+  ],
+  "date-nice": [
+   "UNIX_TIMESTAMP"
   ]
  }
 }

package/src/app/kireji/issue-tracker/sections/issues/issue/type.d.ts

@@ -8,6 +8,8 @@ declare interface IKirejiIssue
  readonly affects: IPartAny[]
  readonly links: IKirejiIssue[]
  readonly "card.html": string
+ /** Outputs unix timestamps as a human-readable date, for consistent date formats across the notebook. */
+ readonly niceDate(UNIX_TIMESTAMP: string | number): string
 }
 
 declare const kirejiIssue: IKirejiIssue

package/src/app/kireji/issue-tracker/static.css

@@ -1,22 +1,18 @@
-body:not(.dark) #issue-tracker_kireji_app {
+body.modern:not(.dark) #issue-tracker_kireji_app {
  background-color: white;
 }
 
 #issue-tracker_kireji_app {
- --max-width: 696px;
- --outer-pad: calc((var(--app-width) - var(--rounded-width)) / 2);
- --rounded-width: calc(min(calc(round(down, var(--app-width), var(--spacing)) - (2 * var(--spacing))), var(--max-width)) - 4px);
- padding: var(--padding) var(--outer-pad);
  display: flex;
  flex-flow: column nowrap;
 }
 
+body.modern #issue-tracker_kireji_app {
+ padding: var(--spacing);
+}
+
 #kireji-issue-modal {
  position: absolute;
- left: calc(3 * var(--spacing));
- right: calc(3 * var(--spacing));
- top: calc(2 * var(--spacing));
- bottom: calc(2 * var(--spacing));
  background-color: var(--bg);
  padding: var(--spacing);
  display: flex;
@@ -24,6 +20,20 @@ body:not(.dark) #issue-tracker_kireji_app {
  flex-flow: column nowrap;
 }
 
+body.modern #kireji-issue-modal {
+ left: calc(3 * var(--spacing));
+ right: calc(3 * var(--spacing));
+ top: calc(2 * var(--spacing));
+ bottom: calc(2 * var(--spacing));
+}
+
+body.vintage #kireji-issue-modal {
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+}
+
 #kireji-issue-modal .exit-button {
  position: absolute;
  right: var(--spacing);
@@ -41,10 +51,14 @@ body.modern #kireji-issue-modal {
  border-radius: calc(var(--spacing) / 2);
 }
 
-body:not(.dark) #kireji-issue-modal {
+body.modern:not(.dark) #kireji-issue-modal {
  background-color: white;
 }
 
+body.vintage #kireji-issue-modal {
+ background-color: var(--bg);
+}
+
 #issue-tracker_kireji_app:has(#kireji-issue-modal:not(:empty)) {
  pointer-events: none;
  color: var(--fg-mode);
@@ -75,10 +89,13 @@ body:not(.dark) #kireji-issue-modal {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
+}
+
+body.modern #issue-tracker_kireji_app .issue-title {
  font-weight: 500;
 }
 
-#issue-tracker_kireji_app .issue-table>scroller->scroll-content {
+#issue-tracker_kireji_app :is(.issue-table>scroller->scroll-content, .issue-links) {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
@@ -87,68 +104,124 @@ body:not(.dark) #kireji-issue-modal {
 #issue-tracker_kireji_app .issue-row {
  position: relative;
  display: flex;
- gap: var(--spacing);
- cursor: pointer;
  text-decoration: none;
  color: inherit;
- padding: calc(var(--spacing) / 2);
 }
 
-#issue-tracker_kireji_app .issue-row:hover {
- background-color: var(--accent-mode-est);
+body.modern #issue-tracker_kireji_app .issue-row {
+ padding: calc(var(--spacing) / 2) 0;
+}
+
+body.modern #issue-tracker_kireji_app .issue-row:not(.header) {
  border-radius: calc(var(--spacing) / 3);
+ cursor: pointer;
 }
 
-#issue-tracker_kireji_app :is(.issue-status, .issue-priority) {
- width: var(--spacing);
- text-align: center;
- font-weight: 600;
- border-radius: calc(var(--spacing) / 4);
+body.modern #issue-tracker_kireji_app .issue-row:not(.header):hover {
+ background-color: var(--accent-mode-est);
+}
+
+body.vintage #issue-tracker_kireji_app .issue-row>* {
+ padding: 4px;
+}
+
+#issue-tracker_kireji_app .issue-row>* {
+ line-height: var(--spacing);
+}
+
+body.vintage #issue-tracker_kireji_app .issue-row:not(.header):hover {
+ background-color: var(--accent);
+ color: white;
+}
+
+body.vintage.dark #issue-tracker_kireji_app .issue-row:not(.header):hover {
+ color: black;
+}
+
+#issue-tracker_kireji_app :is(.issue-status, .issue-priority, .issue-date) {
+ width: var(--column-width);
  display: inline-block;
 }
 
-#issue-tracker_kireji_app .issue-status {
+#issue-tracker_kireji_app .issue-row>span {
+ position: relative;
+}
+
+body.vintage #issue-tracker_kireji_app .issue-date {
+ --column-width: calc(7 * var(--spacing));
+}
+
+body.modern #issue-tracker_kireji_app .issue-date {
+ --column-width: calc(7 * var(--spacing));
+}
+
+body.vintage #issue-tracker_kireji_app .issue-status {
+ --column-width: 76px;
+}
+
+body.modern #issue-tracker_kireji_app .issue-status {
+ --column-width: calc(6 * var(--spacing));
+}
+
+body.vintage #issue-tracker_kireji_app .issue-priority {
+ --column-width: 42px;
+}
+
+body.modern #issue-tracker_kireji_app .issue-priority {
+ --column-width: calc(4 * var(--spacing));
+}
+
+body.modern #issue-tracker_kireji_app :not(.header)>:is(.issue-status, .issue-priority, .issue-date) {
+ border-radius: calc(var(--spacing) / 4);
+ font-weight: 600;
+ font-size: calc(var(--spacing) * .7);
+ text-align: center;
+ line-height: inherit;
+}
+
+#issue-tracker_kireji_app :is(.issue-status, .issue-date) {
+ white-space: nowrap;
+}
+
+body.modern #issue-tracker_kireji_app :not(.header)>.issue-status {
  color: steelblue;
  background-color: powderblue;
- width: calc(5 * var(--spacing));
- font-size: calc(var(--spacing) * .7);
- line-height: var(--spacing);
 }
 
-body.dark #issue-tracker_kireji_app .issue-status {
+body.modern.dark #issue-tracker_kireji_app :not(.header)>.issue-status {
  color: powderblue;
  background-color: steelblue;
 }
 
-#issue-tracker_kireji_app [data-status="doing"] .issue-status {
+body.modern #issue-tracker_kireji_app :not(.header)[data-status="doing"]>.issue-status {
  color: brown;
  background-color: wheat;
 }
 
-body.dark #issue-tracker_kireji_app [data-status="doing"] .issue-status {
+body.modern.dark #issue-tracker_kireji_app :not(.header)[data-status="doing"]>.issue-status {
  color: wheat;
  background-color: peru;
 }
 
-#issue-tracker_kireji_app [data-status="done"] .issue-status {
+body.modern #issue-tracker_kireji_app :not(.header)[data-status="done"]>.issue-status {
  color: seagreen;
  background-color: palegreen;
 }
 
-body.dark #issue-tracker_kireji_app [data-status="done"] .issue-status {
+body.modern.dark #issue-tracker_kireji_app :not(.header)[data-status="done"]>.issue-status {
  color: palegreen;
  background-color: seagreen;
 }
 
-#issue-tracker_kireji_app [data-priority="A"] .issue-priority {
+body.modern #issue-tracker_kireji_app :not(.header)[data-priority="A"]>.issue-priority {
  color: red;
 }
 
-#issue-tracker_kireji_app [data-priority="B"] .issue-priority {
+body.modern #issue-tracker_kireji_app :not(.header)[data-priority="B"]>.issue-priority {
  color: orange;
 }
 
-#issue-tracker_kireji_app [data-priority="C"] .issue-priority {
+body.modern #issue-tracker_kireji_app :not(.header)[data-priority="C"]>.issue-priority {
  color: green;
 }
 
@@ -156,8 +229,27 @@ body.dark #issue-tracker_kireji_app [data-status="done"] .issue-status {
  min-height: 0;
  position: relative;
  overflow: hidden;
+ flex: 1;
 }
 
 #kireji-issue-modal .issue-row {
  pointer-events: all;
+}
+
+body.vintage #issue-tracker_kireji_app {
+ padding: 2px;
+ box-shadow: var(--deep-inset);
+}
+
+body.vintage #issue-tracker_kireji_app :is(.issue-table, .issue-links) {
+ background: white;
+}
+
+body.vintage.dark #issue-tracker_kireji_app :is(.issue-table, .issue-links) {
+ background: black;
+}
+
+body.vintage #issue-tracker_kireji_app .issue-links {
+ padding: 2px;
+ box-shadow: var(--deep-inset);
 }

package/src/app/kireji/issue-tracker/type.d.ts

@@ -5,6 +5,9 @@ declare interface IKirejiIssueTrackerApp
  readonly scroller: IScroller<IKirejiIssueTrackerApp>
  readonly sections: IKirejiIssueSections
  readonly filters: IKirejiIssueFilters
+
+ // Serialized Properties.
+ readonly "issues.html": string
 }
 
 declare const kirejiIssueTracker: IKirejiIssueTrackerApp

package/src/app/kireji/meta-description

@@ -1 +1 @@
-This is a work-in-progress IDE. Everything is currently read-only. Explore the component model and hash function that power the Kireji Demo App Ecosystem.
+This is a work-in-progress IDE. Everything is currently read-only. Explore the component model and hash function that power the Kireji Demo Ecosystem.

package/src/description

@@ -1,4 +1,4 @@
-This part represents the root of the Kireji Demo App Ecosystem. Its domain name is the empty string ("", representing the DNS root), and all of its subparts represent top-level domains (TLDs) like ".com" and ".io".
+This part represents the root of the Kireji Demo Ecosystem. Its domain name is the empty string ("", representing the DNS root), and all of its subparts represent top-level domains (TLDs) like ".com" and ".io".
 
 It forms the root of the runtime state space used to compute a two-way minimal perfect hash function (MPHF) across all hosted applications. When serialized, it inlines all metadata and file structure compiled from the repository at build time.
 

package/src/landing-model.json

@@ -16,7 +16,25 @@
     }
    },
    "issue-tracker": {
-    "sections": "summary"
+    "sections": "summary",
+    "filters": {
+     "dropdown": "none",
+     "order": {
+      "descending": true,
+      "by": "date"
+     },
+     "priority": {
+      "a": true,
+      "b": true,
+      "c": true
+     },
+     "status": {
+      "doing": true,
+      "done": false,
+      "to-do": true
+     }
+    },
+    "scroller": 0
    },
    "sidebar": {
     "outliner-domains": {

package/src/parts/abstract/part/build.js

@@ -1,15 +1,23 @@
-/* Sort ascending by cardinality to optimize Route ID encoding:
- 1. In mix parts, using the largest factor as the most significant digit
-    prevents its large cardinality from being a multiplier for other factors.
- 2. In match parts, placing larger arms at the end of the address space
-    prevents their large cardinalities from being offsets for smaller arms. */
-part.subparts.sort((a, b) => {
- /* Relational comparisons are used to avoid BigInt subtraction which
-    would unnecessarily compute and store a third BigInt. */
- if (a.cardinality < b.cardinality) return -1
- if (a.cardinality > b.cardinality) return 1
- return 0
-})
+part.subparts.sort((() => {
+
+ if (Array.isArray(part.manifest.order)) {
+  // If there is a custom order defined, just used that.
+  return (a, b) => part.manifest.order.indexOf(a.key) - part.manifest.order.indexOf(b.key)
+ }
+
+ /* Otherwise, sort ascending by cardinality to optimize Route ID encoding:
+  1. In mix parts, using the largest factor as the most significant digit
+     prevents its large cardinality from being a multiplier for other factors.
+  2. In match parts, placing larger arms at the end of the address space
+     prevents their large cardinalities from being offsets for smaller arms. */
+ return (a, b) => {
+  /* Relational comparisons are used to avoid BigInt subtraction which
+     would unnecessarily compute and store a third BigInt. */
+  if (a.cardinality < b.cardinality) return -1
+  if (a.cardinality > b.cardinality) return 1
+  return 0
+ }
+})())
 
 part.define({
  dirty: { value: false, writable: true },

package/src/parts/abstract/part/type.d.ts

@@ -201,10 +201,12 @@ declare type IRuntimePropertyDefinition<TOwner, TValue> = {
 declare interface IPartManifest {
  /** Whether or not the part should be considered a subpart of its parent part (abstract = false) or an uninstanceable prototype for other parts (abstract = true). */
  readonly abstract?: boolean
- /** Whether or not the part will be instanced (inherit = false) or retained (inherit = true) during the create step. */
- readonly inherit?: boolean
  /** The list of methods that the part adds. The prototype of the methods object is set to the part's prototype's manifest methods object. If no object is defined in a manifest, the empty object will be created automatically. */
- readonly methods: Record<string, string[]>
+ readonly methods?: Record<string, string[]>
+ /** The relative or absolute host name of the part that this part inherits from. The default value is `part`. */
+ readonly extends?: string
+ /** An optional string array of subpart keys representing the explicit order that the subparts should take in the part's subpart array. This affects how parts are iterated over and how they are integrated into the hash function. */
+ readonly order?: string[]
 }
 
 declare type IPartAny =

package/src/parts/desktop/color/part.html_.js

@@ -1,4 +1,4 @@
-return `<span ${color.pointAttr()} id="color-control" tabIndex=0 data-state="${color.arm.stateData}">
+return `<span ${color.pointAttr()} id="color-control" tabIndex=0 data-state="${color.arm.stateData}" class="toggle-control">
  <span class="label">${color.title}:</span><flex-spacer></flex-spacer>
  <span class="base"><span class="handle"></span></span>
 </span>`

package/src/parts/desktop/era/modern/part.css

@@ -28,14 +28,12 @@ title-bar>.part-icon {
  margin: calc(var(--spacing) / 2);
 }
 
-#color-control,
-#era-control {
+.toggle-control {
  cursor: pointer;
  position: relative;
 }
 
-#color-control .base,
-#era-control .base {
+.toggle-control .base {
  width: 100%;
  border-radius: var(--spacing);
  background: var(--light-bg);
@@ -149,7 +147,8 @@ task-menu>* {
  background-color: var(--bg-dark);
 }
 
-#settings>span {
+#settings>span,
+.toggle-control {
  gap: 1ch;
  height: var(--spacing);
  box-sizing: content-box;
@@ -174,14 +173,10 @@ task-menu>* {
 }
 
 
-#settings>span[data-state="enabled"] .handle {
+.toggle-control[data-state="enabled"] .handle {
  left: calc(var(--spacing) + 2px);
 }
 
-#settings>span[data-state="partial"] .handle {
- left: calc(.5 * var(--spacing) + 2px);
-}
-
 .task-link[data-here]>a::before {
  content: "";
  position: absolute;

package/src/parts/desktop/era/part.html_.js

@@ -1,4 +1,4 @@
-return `<span ${era.pointAttr()} id="era-control" tabIndex=0 data-state="${era.arm.stateData}">
+return `<span ${era.pointAttr()} id="era-control" tabIndex=0 data-state="${era.arm.stateData}" class="toggle-control">
  <span class="label">${era.title}:</span><flex-spacer></flex-spacer>
  <span class="base"><span class="handle"></span></span>
 </span>`

package/src/parts/desktop/era/vintage/static.css

@@ -60,16 +60,14 @@ scroll-bar>thumb- {
  --thumb-start: var(--scrollbar-width);
 }
 
-#color-control .base,
-#era-control .base {
+.toggle-control .base {
  background: white;
  width: 16px;
  height: 16px;
  box-shadow: var(--deep-inset);
 }
 
-#color-control .base::after,
-#era-control .base::after {
+.toggle-control .base::after {
  content: "";
  display: block;
  width: 16px;
@@ -81,11 +79,11 @@ scroll-bar>thumb- {
  color: black;
 }
 
-#settings>span[data-state="enabled"] .base::after {
+.toggle-control[data-state="enabled"] .base::after {
  content: "✓";
 }
 
-#settings>span[data-state="partial"] .base::after {
+.toggle-control[data-state="partial"] .base::after {
  content: "–";
 }
 
@@ -190,7 +188,7 @@ body {
   inset 2px 2px var(--bg-light-est);
  --default-font-size: 11px;
  font: var(--default-font-size) var(--system-ui);
- image-rendering: pixelated;
+ /*image-rendering: pixelated;*/
 }
 
 body,

package/src/schema.kireji.json

@@ -109,7 +109,7 @@
     },
     {
      "const": "demo",
-     "description": "kireji.app will always be included (used only for Demo App Ecosystem)."
+     "description": "kireji.app will always be included (used only for Demo Ecosystem)."
     }
    ]
   },
@@ -134,7 +134,7 @@
     },
     {
      "const": "demo",
-     "description": "The full desktop experience will always be included (used only for Demo App Ecosystem)."
+     "description": "The full desktop experience will always be included (used only for Demo Ecosystem)."
     }
    ]
   },

package/src/schema.part.json

@@ -5,7 +5,7 @@
  "type": "object",
  "properties": {
   "abstract": {
-   "description": "If true, this part serves as a base and cannot be instantiated directly.",
+   "description": "Whether or not the part should be considered a subpart of its parent part (abstract = false) or an uninstanceable prototype for other parts (abstract = true).",
    "type": "boolean"
   },
   "extends": {
@@ -22,6 +22,13 @@
      "type": "string"
     }
    }
+  },
+  "order": {
+   "description": "An optional string array of subpart keys representing the explicit order that the subparts should take in the part's subpart array.\nThis affects how parts are iterated over and how they are integrated into the hash function.",
+   "type": "array",
+   "items": {
+    "type": "string"
+   }
   }
  },
  "additionalProperties": {