terrier-engine 4.41.2 → 4.42.0

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "*"
   ],
-  "version": "4.41.2",
+  "version": "4.42.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/Terrier-Tech/terrier-engine"
@@ -20,18 +20,19 @@
     "inflection": "^2.0.1",
     "mime-types": "^2.1.35",
     "tuff-core": "latest",
-    "tuff-plot": "^0.3.0",
+    "tuff-plot": "latest",
     "tuff-sortable": "latest",
     "turbolinks": "^5.2.0"
   },
   "devDependencies": {
     "@types/mime-types": "^2.1.4",
-    "@types/node": "^18.16.3",
+    "@types/node": "^22.9.0",
     "glyphs2font": "^1.2.4",
     "prettier": "^2.8.8",
     "svgo": "^3.0.2",
-    "vite": "^5.4.8",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
     "vite-plugin-ruby": "^5.1.0",
-    "vitest": "^0.31.1"
+    "vitest": "^2.1.5"
   }
 }

package/terrier/app.ts

@@ -1,5 +1,5 @@
 import {Logger} from "tuff-core/logging"
-import {Part, PartConstructor, PartParent} from "tuff-core/parts"
+import {Part, PartConstructor} from "tuff-core/parts"
 import TerrierPart from "./parts/terrier-part"
 import Tooltips from "./tooltips"
 import Lightbox from "./lightbox"
@@ -48,8 +48,8 @@ export abstract class TerrierApp<TState> extends TerrierPart<TState> {
     /// Overlays
 
     addOverlay<OverlayType extends Part<StateType>, StateType extends {}>(
-        constructor: { new(p: PartParent, id: string, state: StateType): OverlayType; },
-        state: StateType,
+        constructor: PartConstructor<OverlayType, StateType>,
+        state: NoInfer<StateType>,
         type: OverlayLayerType
     ) {
         return this.overlayPart.pushLayer(constructor, state, type)
@@ -85,7 +85,7 @@ export abstract class TerrierApp<TState> extends TerrierPart<TState> {
 
     showModal<ModalType extends ModalPart<StateType>, StateType>(
         constructor: PartConstructor<ModalType, StateType>,
-        state: StateType
+        state: NoInfer<StateType>
     ): ModalType {
         const modalStack = this.overlayPart.getOrCreateLayer(ModalStackPart, {}, 'modal')
         const modal = modalStack.pushModal(constructor, state)

package/terrier/lightbox.ts

@@ -70,14 +70,14 @@ class LightboxPart extends Part<LightboxState> {
     }
 
     update(_elem: HTMLElement) {
-        setTimeout(_ => {
+        setTimeout(() => {
             _elem.classList.add('active') // start css fade in
         }, 10)
     }
 
     close() {
         this.element?.classList.remove('active')
-        setTimeout(_ => {
+        setTimeout(() => {
             this.state.app.removeOverlay(this.state)
         }, 500)
     }

package/terrier/modals.ts

@@ -147,7 +147,10 @@ export class ModalStackPart extends TerrierPart<{}> {
      * @param constructor the modal class
      * @param state the modal's state
      */
-    pushModal<StateType>(constructor: PartConstructor<ModalPart<StateType>, StateType>, state: StateType): ModalPart<StateType> {
+    pushModal<ModalType extends ModalPart<StateType>, StateType>(
+        constructor: PartConstructor<ModalType, StateType>,
+        state: NoInfer<StateType>
+    ): ModalPart<StateType> {
         log.info(`Making modal`, constructor.name)
         const modal = this.makePart(constructor, state)
         this.modals.push(modal)

package/terrier/overlays.ts

@@ -33,7 +33,7 @@ export class OverlayPart extends Part<NoState> {
      */
     pushLayer<PartType extends Part<StateType>, StateType extends {}>(
         constructor: PartConstructor<PartType, StateType>,
-        state: StateType,
+        state: NoInfer<StateType>,
         type: OverlayLayerType
     ): PartType {
         this.layerStates.push({partClass: constructor, partState: state, type})
@@ -50,7 +50,7 @@ export class OverlayPart extends Part<NoState> {
      */
     getOrCreateLayer<PartType extends Part<StateType>, StateType extends {}>(
         constructor: PartConstructor<PartType, StateType>,
-        state: StateType,
+        state: NoInfer<StateType>,
         type: OverlayLayerType
     ): PartType {
         const layers = this.getCollectionParts('layers')

package/terrier/parts/terrier-part.ts

@@ -1,4 +1,4 @@
-import {Part, PartParent, PartTag} from "tuff-core/parts"
+import { Part, PartConstructor, PartTag } from "tuff-core/parts"
 import {TerrierApp} from "../app"
 import Loading from "../loading"
 import Theme, {IconName} from "../theme"
@@ -171,8 +171,8 @@ export default abstract class TerrierPart<TState> extends Part<TState> {
      * @param target the target element around which to show the dropdown
      */
     makeDropdown<DropdownType extends Dropdown<DropdownStateType>, DropdownStateType extends {}>(
-        constructor: { new(p: PartParent, id: string, state: DropdownStateType): DropdownType; },
-        state: DropdownStateType,
+        constructor: PartConstructor<DropdownType, DropdownStateType>,
+        state: NoInfer<DropdownStateType>,
         target: EventTarget | null) {
         const dropdown = this.app.addOverlay(constructor, state, 'dropdown')
         dropdown.parentPart = this
@@ -193,8 +193,8 @@ export default abstract class TerrierPart<TState> extends Part<TState> {
      * @param target the target element around which to show the dropdown
      */
     toggleDropdown<DropdownType extends Dropdown<DropdownStateType>, DropdownStateType extends {}>(
-        constructor: { new(p: PartParent, id: string, state: DropdownStateType): DropdownType; },
-        state: DropdownStateType,
+        constructor: PartConstructor<DropdownType, DropdownStateType>,
+        state: NoInfer<DropdownStateType>,
         target: EventTarget | null) {
         if (target && target instanceof HTMLElement && target == this.app.lastDropdownTarget) {
             this.clearDropdowns()

package/tsconfig.json

@@ -8,7 +8,7 @@
       "ESNext",
       "DOM"
     ],
-    "moduleResolution" : "Node",
+    "moduleResolution" : "bundler",
     "strict" : true,
     "sourceMap" : true,
     "resolveJsonModule" : true,