deploy and track

Author: thehabes

README.md

@@ -84,4 +84,3 @@ Code: Apache License 2.0 — see [LICENSE](./LICENSE)
 Content (documentation, images, transcriptions, and other non-code assets): Creative Commons Attribution 4.0 International — see [LICENSE-CONTENT.md](./LICENSE-CONTENT.md)
 
 If you redistribute or modify this project, please include these license files and preserve copyright notices.
-

api/Project.js

@@ -89,6 +89,8 @@ export default class Project {
 
     async fetch() {
         const AUTH_TOKEN = TPEN.getAuthorization() ?? TPEN.login()
+        // [tpen-race B0] Project.fetch() invoked.  Issue #541 diagnostic.
+        console.log(`%c[tpen-race B0]%c Project.fetch() invoked for ${this._id} @${performance.now().toFixed(1)}ms`, 'color:#0066cc;font-weight:bold', 'color:inherit')
         try {
             return await fetch(`${TPEN.servicesURL}/project/${this._id}`, {
                 method: 'GET',
@@ -106,6 +108,8 @@ export default class Project {
                     Object.assign(this, data)
                     this.interfaces = this.interfaces?.[this.#getInterfacesNamespace()] ?? this.interfaces?.["*"]
                     this.#isLoaded = true
+                    // [tpen-race B] About to dispatch tpen-project-loaded.  Issue #541 diagnostic.
+                    console.log(`%c[tpen-race B]%c dispatching tpen-project-loaded for ${this._id} @${performance.now().toFixed(1)}ms`, 'color:#0066cc;font-weight:bold', 'color:inherit')
                     eventDispatcher.dispatch("tpen-project-loaded", this)
                     return this
                 })

api/TPEN.js

@@ -70,8 +70,11 @@ class Tpen {
         })
 
         if (this.screen.projectInQuery) {
+            // [tpen-race A] TPEN constructor schedules the project fetch.  Issue #541 diagnostic.
+            console.log(`%c[tpen-race A]%c fetch-scheduled in TPEN ctor; projectInQuery=${this.screen.projectInQuery} @${performance.now().toFixed(1)}ms`, 'color:#e07b00;font-weight:bold', 'color:inherit')
             try {
                 import('./Project.js').then(module => {
+                    console.log(`%c[tpen-race A2]%c Project.js dynamic import resolved; calling fetch() @${performance.now().toFixed(1)}ms`, 'color:#e07b00;font-weight:bold', 'color:inherit')
                     new module.default(this.screen.projectInQuery).fetch()
                 })
             } catch (error) {

interfaces/manage-project/index.html

@@ -83,7 +83,19 @@ <h2 slot="header">Export & Links</h2>
         import CheckPermissions from '../../components/check-permissions/checkPermissions.js'
         import TPEN from '../../api/TPEN.js'
 
+        // [tpen-race C] /project/manage inline-script about to register listener.  Issue #541 diagnostic.
+        const _alreadyLoaded = !!TPEN.activeProject?._createdAt
+        console.log(`%c[tpen-race C]%c /project/manage inline-script registering tpen-project-loaded listener; activeProject._createdAt=${_alreadyLoaded ? TPEN.activeProject._createdAt : 'UNSET'} @${performance.now().toFixed(1)}ms`, _alreadyLoaded ? 'color:#cc0000;font-weight:bold' : 'color:#008800;font-weight:bold', 'color:inherit')
+        let _listenerFired = false
+        setTimeout(() => {
+            if (!_listenerFired) {
+                console.log(`%c[tpen-race !]%c /project/manage inline LISTENER NEVER FIRED — race lost @${performance.now().toFixed(1)}ms`, 'color:#fff;background:#cc0000;font-weight:bold;padding:2px 4px', 'color:inherit')
+            }
+        }, 4000)
+
         TPEN.eventDispatcher.on('tpen-project-loaded', ev => {
+            _listenerFired = true
+            console.log(`%c[tpen-race D]%c /project/manage inline listener fired @${performance.now().toFixed(1)}ms`, 'color:#008800;font-weight:bold', 'color:inherit')
             const goParse = document.getElementById("goParse")
             const goTranscribe = document.getElementById("goTranscribe")
             if (goParse 

interfaces/manage-project/index.js

@@ -13,8 +13,20 @@ import { confirmAction } from "../../utilities/confirmAction.js"
 const container = document.body
 TPEN.attachAuthentication(container)
 
+// [tpen-race C] manage-project/index.js about to register listener.  Issue #541 diagnostic.
+const _alreadyLoaded = !!TPEN.activeProject?._createdAt
+console.log(`%c[tpen-race C]%c manage-project/index.js registering tpen-project-loaded listener; activeProject._createdAt=${_alreadyLoaded ? TPEN.activeProject._createdAt : 'UNSET'} @${performance.now().toFixed(1)}ms`, _alreadyLoaded ? 'color:#cc0000;font-weight:bold' : 'color:#008800;font-weight:bold', 'color:inherit')
+let _mpListenerFired = false
+setTimeout(() => {
+    if (!_mpListenerFired) {
+        console.log(`%c[tpen-race !]%c manage-project/index.js LISTENER NEVER FIRED — race lost @${performance.now().toFixed(1)}ms`, 'color:#fff;background:#cc0000;font-weight:bold;padding:2px 4px', 'color:inherit')
+    }
+}, 4000)
+
 // Single consolidated listener for project loaded event
 TPEN.eventDispatcher.on('tpen-project-loaded', () => {
+    _mpListenerFired = true
+    console.log(`%c[tpen-race D]%c manage-project/index.js listener fired @${performance.now().toFixed(1)}ms`, 'color:#008800;font-weight:bold', 'color:inherit')
     const projectID = TPEN.screen.projectInQuery
 
     // Set href for navigation links

interfaces/project/index.html

@@ -93,15 +93,22 @@ <h2 slot="header">Project Details <a id="projectManagementBtn" title="Manage Pro
     import TPEN from '../../api/TPEN.js'
     import CheckPermissions from '../../components/check-permissions/checkPermissions.js'
 
+    // [tpen-race C] /project inline-script about to register listener.  Issue #541 diagnostic.
+    const _alreadyLoaded = !!TPEN.activeProject?._createdAt
+    console.log(`%c[tpen-race C]%c /project inline-script registering tpen-project-loaded listener; activeProject._createdAt=${_alreadyLoaded ? TPEN.activeProject._createdAt : 'UNSET'} @${performance.now().toFixed(1)}ms`, _alreadyLoaded ? 'color:#cc0000;font-weight:bold' : 'color:#008800;font-weight:bold', 'color:inherit')
+    let _listenerFired = false
+
     TPEN.eventDispatcher.on('tpen-project-loaded', (ev) => {
+        _listenerFired = true
+        console.log(`%c[tpen-race D]%c /project listener fired @${performance.now().toFixed(1)}ms`, 'color:#008800;font-weight:bold', 'color:inherit')
         const goParse = document.getElementById("goParse")
         const goTranscribe = document.getElementById("goTranscribe")
         const leaveProject = document.getElementById("leaveProject")
         if (leaveProject) {
             leaveProject.href = `/project/leave?projectID=${ev.detail._id}`
         }
-        if (goParse && 
-            CheckPermissions.checkEditAccess("LINE", "SELECTOR") && 
+        if (goParse &&
+            CheckPermissions.checkEditAccess("LINE", "SELECTOR") &&
             CheckPermissions.checkCreateAccess("LINE", "SELECTOR")) {
             goParse.setAttribute("href", `/annotator?projectID=${ev.detail._id}`)
             goParse.hidden = false
@@ -119,6 +126,12 @@ <h2 slot="header">Project Details <a id="projectManagementBtn" title="Manage Pro
             }
         }
     })
-    
+
+    // [tpen-race !] Detect listener-never-fired (i.e. race lost).  Issue #541 diagnostic.
+    setTimeout(() => {
+        if (!_listenerFired) {
+            console.log(`%c[tpen-race !]%c /project LISTENER NEVER FIRED — race lost (event dispatched before listener registered) @${performance.now().toFixed(1)}ms`, 'color:#fff;background:#cc0000;font-weight:bold;padding:2px 4px', 'color:inherit')
+        }
+    }, 4000)
 </script>
 </html>