kireji 0.7.3 → 0.8.2

package/src/parts/abstract/clip/mathML-subpart.js

@@ -0,0 +1,4 @@
+if (DEPTH <= 0)
+ return [/* xml */`<mi>frames</mi><mo>(</mo><msub><mi>𝑝</mi><mi>${clip.key}</mi></msub><mo>)</mo>`]
+
+return [`<mn>${clip.cardinality}</mn>`]

package/src/parts/abstract/match/mathML-subpart.js

@@ -0,0 +1,9 @@
+const defaultTerm = /* xml */`<mn>1</mn>`
+
+if (DEPTH <= 0 || part.length === 0)
+ // Strip the "<math>" tags off.
+ return [match.length ? /* xml */`<mo largeop="true">∑</mo><msub><mi>𝑘</mi><msub><mi>𝑝</mi><mi>${part.key ?? "ecosystem"}</mi></msub></msub>` : defaultTerm]
+
+const operator = "<mo>+</mo>"
+const addends = part.map(addend => addend.mathML(DEPTH - 1, "none", LABELS, true, false))
+return addends.length ? addends.flatMap(addend => [addend, operator]).slice(0, -1) : [defaultTerm]

package/src/parts/abstract/mesh/data-get.js

@@ -0,0 +1,11 @@
+const { points, tris } = mesh.manifest
+
+const data = [[], []]
+
+for (let index = 0; index < points.length; index += 2)
+ data[0].push([points[index], points[index + 1]])
+
+for (let index = 0; index < tris.length; index += 3)
+ data[1].push([tris[index], tris[index + 1], tris[index + 2]])
+
+return data

package/src/parts/abstract/mesh/mathML-subpart.js

@@ -0,0 +1,10 @@
+if (DEPTH <= 0)
+ return [
+  `<munder><mo>∑</mo><mrow><mi>t</mi><mo>∈</mo><mi>tris</mi><mo>(</mo><msub><mi>𝑝</mi><mi>${mesh.key}</mi></msub><mo>)</mo></mrow></munder>`,
+  `<munder><mo>∑</mo><mrow><mi>r</mi><mo>∈</mo><mi>rows</mi><mo>(</mo><mi>t</mi><mo>)</mo></mrow></munder>`,
+  `<msub><mi>𝑘</mi><mi>r</mi></msub>`
+ ]
+
+return /*mesh.triTable.length > 20 ? base(DEPTH) :*/ mesh.triTable.flatMap(triData => {
+ return [`<mn>${triData.cardinality}</mn>`, "<mo>+</mo>"]
+}).slice(0, -1)

package/src/parts/abstract/mesh/ray-cast.js

@@ -20,7 +20,7 @@ const timeBetweenIntersections = { ...timeOfNextIntersection }
 // Set the clock to zero.
 let time = 0
 
-function initalizeRayIntersectionSchedule(alsoComputeIntersectionInterval) {
+function initializeRayIntersectionSchedule(alsoComputeIntersectionInterval) {
 
  // If the force vector isn't parallel to the x axis...
  if (FORCE_VECTOR.x !== 0) {
@@ -45,7 +45,7 @@ function initalizeRayIntersectionSchedule(alsoComputeIntersectionInterval) {
  }
 }
 
-initalizeRayIntersectionSchedule(true)
+initializeRayIntersectionSchedule(true)
 
 const start = _.now
 
@@ -160,7 +160,7 @@ while (true) {
    }
 
    if (boundaryAppearsFlat) {
-    // TODO: Consider using the line through the opposing neighbors to search for assymetry in the mesh boundry.
+    // TODO: Consider using the line through the opposing neighbors to search for asymmetry in the mesh boundary.
    }
 
    // If there is no neighboring point, we are "stuck". The ray cast ends here.
@@ -232,7 +232,7 @@ while (true) {
    safeIterationResult.forceVector = FORCE_VECTOR
 
    // The normal ray intersection schedule has changed.
-   initalizeRayIntersectionSchedule()
+   initializeRayIntersectionSchedule()
 
    // Proceed with normal ray casting behavior from this point.
    continue

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

@@ -26,6 +26,7 @@ declare interface IMesh<TOwner>
  readonly triIndex?: IMeshTriIndex
  /** The current position of the state in the mesh. */
  readonly position: IVector2
+ readonly manifest: IMeshManifest
 }
 
 declare interface IMeshTriData {
@@ -60,6 +61,15 @@ declare interface IMeshTriDataRow {
  readonly offset: bigint
 }
 
+
+declare interface IMeshManifest
+ extends IPartManifest {
+ /** The available collision vertices as a flat array of 2D coordinates. Used for defining the world's collision tris. */
+ readonly points: number[],
+ /** The list of collision tris, as a flat array of point triples. Used to define the walkable area of the world. */
+ readonly tris: number[]
+}
+
 declare type IMeshData = [IMeshPoint[], IMeshTri[]]
 
 declare type IMeshTri =

package/src/parts/abstract/mix/mathML-subpart.js

@@ -0,0 +1,9 @@
+const defaultTerm = /* xml */`<mn>1</mn>`
+
+if (DEPTH <= 0 || part.length === 0)
+ // Strip the "<math>" tags off.
+ return [mix.length ? /* xml */`<mo largeop="true">∏</mo><msub><mi>𝑘</mi><msub><mi>𝑝</mi><mi>${part.key ?? "ecosystem"}</mi></msub></msub>` : defaultTerm]
+
+const operator = "<mo class=product>&sdot;</mo>"
+const factors = part.map(subpart => subpart.mathML(DEPTH - 1, "none", LABELS, true, false)).filter(mathML => mathML !== defaultTerm && mathML !== `<mrow>${defaultTerm}</mrow>`)
+return factors.length ? factors.flatMap(factor => [factor, operator]).slice(0, -1) : [defaultTerm]

package/src/parts/abstract/part/mathML-subpart.js

@@ -0,0 +1,3 @@
+const cardinality = part.cardinality
+const cardinalityAsString = instances.includes(part) ? cardinality.toString() : null
+return [cardinalityAsString.length < 16 ? `<mn>${cardinalityAsString}</mn>` : scientific(cardinality, true).slice(6, -7).split("<mo>&sdot;</mo>").flatMap(term => [term, "<mo>&sdot;</mo>"]).slice(0, -1)]

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

@@ -0,0 +1,22 @@
+const equationVariable = EQUATION_TYPE === "variable" || EQUATION_TYPE === "both" ? `${recurse(0, "none", false, false)}<mo>=</mo>` : ""
+const equationValue = EQUATION_TYPE === "value" || EQUATION_TYPE === "both" ? `<mo>=</mo>${part.cardinality.toString().length <= 15 ? `<mn>${part.cardinality}</mn>` : `<mrow>${scientific(part.cardinality, true).slice(6, -7)}</mrow>`}` : ""
+const expression = (() => {
+
+ if (DEPTH <= 0)
+  return `<msub><mi>𝑘</mi><mi>${part.key ?? "ecosystem"}</mi></msub>`
+
+ const terms = part.subpartMathML(DEPTH - 1, LABELS)
+
+ const needsParentheses = PARENTHESIZE && terms.length > 1
+
+ debug(terms)
+
+ // Allow "<mrow>" tag nesting for parentheses.
+ return (LABELS ? "<munder>" + (needsParentheses ? "" : "<mrow>") : "") + (needsParentheses ? "<mrow class=parenthetic><mo>(</mo>" : "") + terms.join("") + (needsParentheses ? `<mo>)</mo></mrow>` : "") + (LABELS ? (needsParentheses ? "" : "</mrow>") + `<munder><mo stretchy="true">&#x23df;</mo>${recurse(0, "none", false, false)}</munder></munder>` : "")
+})()
+
+// TODO: handle parenthesis!
+
+const showBracketBelow = DEPTH > 2
+
+return /* html */`${WRAP_IN_MATH_TAG ? "<math displaystyle=true><mrow>" : ""}${equationVariable}${expression}${equationValue}${WRAP_IN_MATH_TAG ? "</mrow></math>" : ""}`

package/src/parts/abstract/part/part.json

@@ -75,6 +75,17 @@
   ],
   "manifest-resolve-part-from": [
    "PROPERTY_KEY"
+  ],
+  "mathML": [
+   "DEPTH = 0",
+   "EQUATION_TYPE = \"none\"",
+   "LABELS = false",
+   "PARENTHESIZE = false",
+   "WRAP_IN_MATH_TAG = true"
+  ],
+  "mathML-subpart": [
+   "DEPTH",
+   "LABELS"
   ]
  }
 }

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

@@ -109,6 +109,10 @@ declare interface IPart<TOwner, TSubpart>
  readonly resolveOwnerOfManifest(PROPERTY_KEY: string): IPartAny | null
  /** Returns a part whose host was provided as a (potentially relative) host name using the given property key in the part's manifest. This method uses the nearest part on which the manifest key is actually defined as the base for resolving any relative host name. Returns null if the given property does not exist anywhere in the chain. */
  readonly resolvePartFromManifest(PROPERTY_KEY: string): IPartAny | null
+ /** Generates a returns a MathML string that depicts the cardinality equation of the platform. @param DEPTH the number of levels deep to expand the terms of the equation (up to Infinity) @param AS_EQUATION when true, begins the expression with something like `<math><msub><mi>k</mi><mi>part key</mi></msub><mo>=</mo>...` @param PARENTHESIZE whether or not to add parenthesis around the expression (useful when it will be nested in a larger one) (they will only be added if the resulting expression is not a single term). */
+ readonly mathML(DEPTH: number = 0, EQUATION_TYPE: string = "none", LABELS: boolean = false, PARENTHESIZE: boolean = false, WRAP_IN_MATH_TAG: boolean = true): string
+ /** Returns an array of string terms and operators which, when joined, depict the part's cardinality collecting arithmetic. */
+ readonly subpartMathML(DEPTH: number, LABELS: boolean): string[]
 
  // Runtime Properties.
  /** The parent part.

package/src/parts/abstract/part-mask/mathML-subpart.js

@@ -0,0 +1 @@
+return [/* xml */`<msup><mn>2</mn><mn>${partMask.superset.length}</mn></msup>`]

package/src/parts/abstract/part-outliner/itemHTML-recursive.js

@@ -6,7 +6,7 @@ return partOutliner.getChildren(SUBJECT).map((childPart, i, childArray) => {
  const symbol = `<img src="${childPart.placeholderImage("part.png")}"/>`
  const handle = hasSubparts ? `<svg ${partOutliner.pointAttr("togglePoint", folderIndex)} xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 2 2" class="explore-toggle"><line x1="-0.41" y1="0" x2="0.41" y2="0" stroke-width="0.2" stroke-linecap="round" />${isOpen ? "" : `<line x1="0" y1="-0.41" x2="0" y2="0.41" stroke-width="0.2" stroke-linecap="round" />`}</svg>` : ""
  const label = `<span class="label${childPart.isAbstract ? " abstract" : ""}">${partOutliner.getLabel(childPart)}</span>`
- const summary = `<summary ${partOutliner.pointAttr("point", partIndex)} data-index="${partIndex}"${partOutliner.isActive(childPart) ? " data-active" : ""}${IS_LAST_OF_TYPE && !hasSubparts ? ' id="lastOutlinerItem"' : ""}>${Array(DEPTH + +!hasSubparts).fill('<outliner-spacer></outliner-spacer>').join("")}${handle}${symbol}${label}</summary>`
+ const summary = `<summary ${partOutliner.pointAttr("point", partIndex)} data-index="${partIndex}"${partOutliner.isActive(childPart) ? " data-active" : ""}${IS_LAST_OF_TYPE && !hasSubparts ? ' id="lastOutlinerItem"' : ""}><outliner-spacer style="--depth:${DEPTH + +!hasSubparts}"></outliner-spacer>${handle}${symbol}${label}</summary>`
  return `<details${hasSubparts ? "" : ` class=empty`} ${isOpen ? "open" : ""}>${summary}${recurse(childPart, DEPTH + 1, IS_LAST_OF_TYPE && i === childArray.length - 1)}</details>`
 }).join("")
 

package/src/parts/abstract/part.json

@@ -1,3 +1,3 @@
 {
- "extends": "coming-soon"
+ "extends": "mix"
 }

package/src/parts/abstract/permutation/mathML-subpart.js

@@ -0,0 +1,10 @@
+const n = permutation.supersetSize
+
+// TODO: factor in other aspects when expanding to the collection type.
+
+return [
+ "<mn>1</mn>",
+ "<mo>+</mo>",
+ `<munderover><mo>∑</mo><mrow><mi>𝑛</mi><mo>=</mo><mn>1</mn></mrow><mi>${n}</mi></munderover>`,
+ `<munderover><mo>∏</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mrow><mi>𝑛</mi></mrow></munderover><mrow><mn>${permutation.payloadCardinality}</mn><mo>(</mo><mi>${n}</mi><mo>-</mo><mi>i</mi><mo>+</mo><mn>1</mn><mo>)</mo></mrow>`
+]

package/src/parts/abstract/scroller/mathML-subpart.js

@@ -0,0 +1 @@
+return [`<msup><mn>10</mn><mn>4</mn></msup>`]

package/src/parts/abstract/scroller/onscroll.js

@@ -1,4 +1,6 @@
-if (scroller.skipRouteIDUpdate) {
+if (scroller.skipRouteIDUpdate || !client.hydrated) {
+ if (!client.hydrated)
+  debug('onscroll from within the hydration phase')
  scroller.skipRouteIDUpdate = false
 } else {
  const maxY = scroller.container.scrollHeight

package/src/parts/abstract/scroller/point-thumb.js

@@ -4,7 +4,7 @@ const rangeLimit = BigInt(Math.trunc(Number(scrollerLimit) * (1 - scroller.conta
 
 pointer.handle({
  drag(pointerEvent) {
-  const positionalRouteID = markedRouteID + BigInt(Math.trunc((pointerEvent.clientY - POINTER_EVENT.clientY) / (scroller.scrollBar.clientHeight - (era.arm === era.vintage ? 2 * scroller.scrollBar.clientWidth : 0)) * Number(scrollerLimit)))
+  const positionalRouteID = markedRouteID + BigInt(Math.trunc((pointerEvent.clientY - POINTER_EVENT.clientY) / (scroller.scrollBar.clientHeight - (era && era.arm === era.vintage ? 2 * scroller.scrollBar.clientWidth : 0)) * Number(scrollerLimit)))
   const newRouteID = positionalRouteID < 0n ? 0n : (positionalRouteID > rangeLimit) ? rangeLimit : positionalRouteID
   if (newRouteID !== scroller.routeID) scroller.setRouteID(newRouteID)
  },

package/src/parts/core/client/async-install.js

@@ -6,7 +6,7 @@ await Promise.all([
 if (!production) {
 
  // To debug FOUC.
- if (+_.haltHydration) {
+ if (_.haltHydration === "enabled") {
   warn('Intentionally blocked hydration.')
   return
  }

package/src/parts/core/part.json

@@ -1,3 +1,3 @@
 {
- "extends": "coming-soon"
+ "extends": "mix"
 }

package/src/parts/core/server/sync-install.js

@@ -107,7 +107,7 @@ logScope(1, `\nCreating Deployment Artifact`, log => {
 })
 
 logScope(1, `\nDeployment Artifact Stats`, () => {
- logStringSize(1, preHydrationArchive)
+ logStringSize(1, _.preHydrationArchive)
 })
 
 const httpServer = require('http').createServer((request, response) => logServerScope(

package/src/parts/core/worker/async-take-control.js

@@ -19,7 +19,7 @@ await logScope(1, 'Ensuring ServiceWorker Controller', async log => {
 
   if (!production) {
    nav.serviceWorker.oncontrollerchange = () => {
-    if (+_.resetLocalState) {
+    if (_.resetLocalState === "enabled") {
      /* Reset to the landing hash on service worker update (useful during
         development that changes the part arrangement frequently. */
      location.assign(location.origin + `/${_.version}/`)

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

@@ -3,13 +3,17 @@ body {
  --bottom-shadow: 0 2px 7px #0002;
  --icon-size: 29px;
  --spacing: 14px;
- --task-bar-height: calc(var(--icon-size) + 2 * var(--spacing));
  --title-bar-icon-size: 22px;
  --title-bar-height: calc(var(--title-bar-icon-size) + var(--spacing));
  --default-font-size: 13px;
  font: var(--default-font-size) var(--system-ui);
 }
 
+body,
+task-bar {
+ --task-bar-height: calc(var(--icon-size) + 2 * var(--spacing));
+}
+
 title-bar {
  --icon-size: var(--title-bar-icon-size);
  box-shadow: inset 0 0 0 1px var(--bg-un-mode);

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

@@ -172,7 +172,6 @@ scroll-bar>thumb- {
 body {
  --bottom: calc(var(--task-bar-height) - 4px);
  --spacing: 12px;
- --task-bar-height: 28px;
  --title-bar-height: 18px;
  --icon-size: var(--task-bar-height);
  --deep-inset:
@@ -194,6 +193,11 @@ body {
  image-rendering: pixelated;
 }
 
+body,
+task-bar {
+ --task-bar-height: 28px;
+}
+
 body.dark {
  --deep-inset:
   inset -1px -1px var(--bg-light-est),

package/src/parts/desktop/task-bar/menu/menu.html_.js

@@ -1,18 +1,29 @@
-return `<task-menu style="${menu.arm.style}">
- <ul id=application-control>${Object.entries(_.menuApplications).map(([host, application]) => {
- const isCurrentApplication = application === _.application
- return `
+const
+ controls = [],
+ sections = []
+
+if (_.includeUpdates === "full" || (!production && _.includeUpdates === "local-only"))
+ controls.push(update["part.html"])
+
+if (_.includeColor === "full" || (!production && _.includeColor.startsWith("debug-")))
+ controls.push(color["part.html"])
+
+if (_.includeEra === "full" || (!production && _.includeEra.startsWith("debug-")))
+ controls.push(era["part.html"])
+
+if (_.includeMenuApps === "full" || (!production && _.includeMenuApps === "local-only"))
+ sections.push(`<ul id=application-control>${Object.entries(_.menuApplications).map(([host, application]) => {
+  const isCurrentApplication = application === _.application
+  return `
  <li class=task-link${isCurrentApplication ? ` data-here` : ""}>
   <a ${isCurrentApplication ? "" : _.pointAttr()} href=https://${host}>
    <img src="${application.placeholderImage("part.png")}" class=part-icon />
    <span class=label>${application.titleMenu ?? application.title}</span>
   </a>
  </li>`
-}).join("")}</ul>
- <hr>
- <section id="settings">
-  ${update["part.html"]}
-  ${color["part.html"]}
-  ${era["part.html"]}
- </section>
-</task-menu>`
+ }).join("")}</ul>`)
+
+if (controls.length)
+ sections.push(`\n <hr>\n <section id="settings">${controls.join(`\n  `)}</section>`)
+
+return `<task-menu style="${menu.arm.style}">${sections.join(`\n `)}</task-menu>`

package/src/parts/desktop/task-bar/part.html_.js

@@ -1 +1,3 @@
-return `<task-bar tabIndex=0>${taskBar.menu["part.html"]}${windows.instances.map((window, index) => windows.renderTaskHTML(window, index)).join("")}<flex-spacer></flex-spacer>${taskBar.tray["part.html"]}</task-bar>`
+const includeDesktop = _.includeDesktop === "demo" || (!production && (_.includeDesktop === "full" || _.includeDesktop === "local-only"))
+
+return `<task-bar tabIndex=0>${taskBar.menu["part.html"]}${includeDesktop ? windows.instances.map((window, index) => windows.renderTaskHTML(window, index)).join("") : ""}<flex-spacer></flex-spacer>${includeDesktop ? taskBar.tray["part.html"] : ""}</task-bar>`

package/src/parts/desktop/task-bar/view-hydrate.js

@@ -5,7 +5,7 @@ client.promise.then(() => {
  if (taskBar.menu.arm !== taskBar.menu.closed)
   Q("task-bar>button.menu").focus()
  else
-  Q("title-bar").focus()
+  Q("title-bar")?.focus()
 
  document.addEventListener('pointerdown', pointerEvent => {
   if (taskBar.menu.arm !== taskBar.menu.closed && !inRect(pointerEvent, taskBar.menu.element.getBoundingClientRect())) {

package/src/parts/desktop/type.d.ts

@@ -2,11 +2,11 @@ declare interface IDesktop
  extends IPartsApplication {
 
  // Subparts.
- readonly color: IColor
- readonly era: IEra
- readonly taskBar: ITaskBar
- readonly icons: IDesktopIcons
- readonly windows: IDesktopWindows
+ readonly color?: IColor
+ readonly era?: IEra
+ readonly taskBar?: ITaskBar
+ readonly icons?: IDesktopIcons
+ readonly windows?: IDesktopWindows
 }
 
 declare const desktop: IDesktop

package/src/parts/desktop/windows/point.js

@@ -3,7 +3,7 @@ pointer.handle({
   const window = windows.instances[INSTANCE_INDEX]
   if (_.application === window.application) {
    const focusElement = Q(`body>:not(task-bar):focus-within, body>task-bar>button.task.pressed:focus`)
-   if (focusElement && desktop.era.arm === desktop.era.vintage)
+   if (focusElement && desktop.era && desktop.era.arm === desktop.era.vintage)
     _.gotoApplication("desktop.parts")
    else TARGET_ELEMENT.focus()
   } else _.gotoApplication(window.application.host)

package/src/parts/desktop/windows/superset-get.js

@@ -1 +1 @@
-return Object.values(_.applications)
+return Object.values(_.applications).filter(application => application !== _.parts.desktop)

package/src/{part.css → static.css}

@@ -30,7 +30,6 @@ body {
  --system-ui-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Consolas", "Courier New", monospace;
  --menu-tween: 0;
  --h: 100vh;
- --warning-height: 28px;
  --wallpaper-height: calc(var(--h) - var(--task-bar-height) - var(--warning-height) - var(--title-bar-height));
  --wallpaper-width: 100vw;
  --padding: calc(3.5 * var(--spacing));
@@ -292,15 +291,6 @@ body.dark warning- {
  background-color: #644c08;
 }
 
-@media (width < 390px) {
-
- html,
- body {
-  --warning-height: 49px;
- }
-}
-
-
 #fullscreen-tray-item,
 #share-tray-item {
  display: none !important;
@@ -311,6 +301,7 @@ body.dark warning- {
  font-size: revert;
 }
 
+/* TODO: Make title-bar and other desktop experience css dynamic (because it can be disabled in the config). */
 title-bar {
  display: flex;
  flex-flow: row nowrap;