Topic on Extension talk:Cognitive Process Designer/Flow

Issue resolved with a compatibility update[1]. Thank you!

[1] https://github.com/wikimedia/mediawiki-extensions-CognitiveProcessDesigner/commit/8e79ab0f1d0149482a5e3453aa80d0ecebf5955f

Installed branch master (Change-Id: I7609f0505c4cdb050cbc5c55c6515b88c0db8e75) on MW 1.34 and saw that:

• Special:CognitiveProcessDesignerEdit is listed
• Special:CognitiveProcessDesignerTestSuit is not listed

also, when visiting Special:CognitiveProcessDesignerEdit the page loads with the BPMN editor screen in the greyed out in background with a dialog box presented asking to either "create new or load from wiki".

• It is unresponsive to user choices and inputs

On Special:CognitiveProcessDesignerEdit the Browser developer Console reports:

JQMIGRATE: Migrate is installed with logging active, version 3.0.1
load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:241 JQMIGRATE: jQuery is not compatible with Quirks Mode
migrateWarn @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:241
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:242
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:240
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:240
runScript @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:13
execute @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:15
doPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:7
requestIdleCallback (async)
requestPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
setAndPropagate @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
implement @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:20
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:1
load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:287 This page is using the deprecated ResourceLoader module "jquery.tabIndex".
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:287
runScript @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:13
execute @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:15
doPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:7
requestIdleCallback (async)
requestPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
setAndPropagate @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
implement @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:20
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:1
load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:292 This page is using the deprecated ResourceLoader module "jquery.throttle-debounce".
Please use OO.ui.throttle/debounce instead. See https://phabricator.wikimedia.org/T213426
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:292
runScript @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:13
execute @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:15
doPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:7
requestIdleCallback (async)
requestPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
setAndPropagate @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
implement @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:20
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:1
load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:2 Exception in module-execute in module ext.cognitiveProcessDesignerEdit.special:
load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:2 ReferenceError: BpmnJS is not defined
    at load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:8
    at runScript (load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:13)
    at execute (load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:15)
    at doPropagation (load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:7)
logError @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:2
trackError @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:5
runScript @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:14
execute @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:15
doPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:7
requestIdleCallback (async)
requestPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
setAndPropagate @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
markModuleReady @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:13
runScript @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:14
(anonymous) @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:14
flushCssBuffer @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:6
requestAnimationFrame (async)
addEmbeddedCSS @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:6
execute @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:14
doPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:7
requestIdleCallback (async)
requestPropagation @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
setAndPropagate @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:8
implement @ load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:20
(anonymous) @ load.php?lang=en&modules=ext.cognitiveProcessDesignerEdit.bpmn-js%2Cspecial|ext.echo.api%2Cinit|ext.pageforms.browser%2Cpopupformedit|ext.popups|ext.uls.common%2Cinterface%2Cpreferences%2Cwebfonts|jquery%2Coojs%2Csite|jquery.client%2Ccookie%2CgetAttrs%2ChighlightText%2Csuggestions%2CtabIndex%2CtextSelection%2Cthrottle-debounce|jquery.uls.data|mediawiki.ForeignApi%2CString%2CTitle%2CUri%2Capi%2Cbase%2Ccldr%2Ccookie%2CjqueryMsg%2Clanguage%2Cnotify%2CsearchSuggest%2Cstorage%2Ctemplate%2Cuser%2Cutil|mediawiki.ForeignApi.core|mediawiki.editfont.styles|mediawiki.libs.pluralruleparser|mediawiki.page.ready%2Cstartup|mediawiki.template.regexp|skins.metrolook.collapsibleNav%2Cjs|user.defaults&skin=metrolook&version=1ma5f:1
load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:2 Exception in store-localstorage-update:
load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:2 DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of 'MediaWikiModuleStore:wiki_pbs-kms-dev' exceeded the quota.
    at flushWrites (https://pbs.grc.nasa.gov/pbs-kms-dev/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=metrolook:24:437)

"Special:CognitiveProcessDesignerTestSuit" does not need to be listed. It's not for end-users.

The actual error here is ReferenceError: BpmnJS is not defined. I will check this. The extension is only tested with MediaWiki 1.31 (= current LTS) at the moment. I also see you are using the "Metrolook" skin. Could you please check if it also happens on standard Vector?

tested with Vector. No difference.

This seems to be a version issue. As I said, currently it is only tested on MediaWiki 1.31. I have now submitted a patch that should make it work in ME 1.34 too.

Thanks. Will test later today and let you know.