jsf.js_next_gen 4.0.4-beta.2 → 4.0.4-beta.4

package/README.md

@@ -58,12 +58,6 @@ In fact the *contextpath* attribute is not present there.
 All other attributes behave the same in both versions as in the original legacy codebase.
 
 
-## Usage
-
-It still is code complete and in bugfixing phase, for testing purposes
-it can be used (check the dist directory for builds, I consider
-stable enough for testing, or your own builds)
-
 
 ### General build 
 
@@ -162,23 +156,40 @@ Usage *faces-config.xml*
 This resource decorator detects automatically a faces*.js file coming from a resource library
 and adjusts the references in the resource accordingly to the request patterns
 
-## Changes since 4.0
+## Upload Support
+
+As non standard extension XMLHttpRequestUpload support is added
 
-* Elimination of Streams in favor of native arrays
-* Providing an internal non intrusive shim for browsers which do not have array map and flapMap
-(older Edge and Chromium versions) - done in mona-dish
-* Adding a progress monitoring functionality under the myfaces namespace
 ```json
-faces.ajax.request(document.getElementById("cmd_eval"), null, {
+faces.ajax.request(document.getElementById("cmd_eval"), null,
+{
     render: '@form',
     execute: '@form',
     myfaces: {
-          upload: {
-                onProgress: (upload: XMLHttpRequestUpload,event: ProgressEvent) => {
-                      caughtProgressEvents.push(event);
-                }
-          }
+        upload: {
+            progress: (upload: XMLHttpRequestUpload, event: ProgressEvent) => {
+                caughtProgressEvents.push(event);
+            },
+            preinit: (upload: XMLHttpRequestUpload) => preinitTriggered = true,
+            loadstart: (upload: XMLHttpRequestUpload, event: ProgressEvent) => loadstartTriggered = true,
+            load: (upload: XMLHttpRequestUpload,  event: ProgressEvent) => loadTriggered = true,
+            loadend: (upload: XMLHttpRequestUpload,  event: ProgressEvent) => loadendTriggered = true,
+            error: (upload: XMLHttpRequestUpload,  event: ProgressEvent) => errorTriggered = true,
+            abort: (upload: XMLHttpRequestUpload,  event: ProgressEvent) => abortTriggered = true,
+            timeout: (upload: XMLHttpRequestUpload,  event: ProgressEvent) => timeoutTriggered = true,
+        }
     }
 });
 ```
 
+## Changes since 4.0
+
+* Elimination of Streams in favor of native arrays
+* Providing an internal non intrusive shim for browsers which do not have array map and flapMap
+(older Edge and Chromium versions) - done in mona-dish
+* Adding a progress monitoring functionality under the myfaces namespace
+* Bugfixes which improve tck compliance
+* Integration in myfaces 4.0+ as default faces.js implementation
+
+
+

package/dist/docs/index.html

@@ -51,9 +51,6 @@ by the internal resource loader.</p>
 <p>The JSF 2.3 version (jsf.js) is not affected by this change, so nothing needs to be done.
 In fact the <em>contextpath</em> attribute is not present there.
 All other attributes behave the same in both versions as in the original legacy codebase.</p>
-<a id="md:usage" class="tsd-anchor"></a><h2><a href="#md:usage">Usage</a></h2><p>It still is code complete and in bugfixing phase, for testing purposes
-it can be used (check the dist directory for builds, I consider
-stable enough for testing, or your own builds)</p>
 <a id="md:general-build" class="tsd-anchor"></a><h3><a href="#md:general-build">General build</a></h3><p>run </p>
 <ul>
 <li>npm install</li>
@@ -131,14 +128,17 @@ the decorator provided.</p>
 </code><button>Copy</button></pre>
 <p>This resource decorator detects automatically a faces*.js file coming from a resource library
 and adjusts the references in the resource accordingly to the request patterns</p>
+<a id="md:upload-support" class="tsd-anchor"></a><h2><a href="#md:upload-support">Upload Support</a></h2><p>As non standard extension XMLHttpRequestUpload support is added</p>
+<pre><code class="language-json"><span class="hl-2">faces.ajax.request(document.getElementById(</span><span class="hl-3">&quot;cmd_eval&quot;</span><span class="hl-2">), </span><span class="hl-4">null</span><span class="hl-2">,</span><br/><span class="hl-2">{</span><br/><span class="hl-2">    </span><span class="hl-5">render</span><span class="hl-2">: </span><span class="hl-5">&#39;@form&#39;</span><span class="hl-2">,</span><br/><span class="hl-2">    </span><span class="hl-5">execute</span><span class="hl-2">: </span><span class="hl-5">&#39;@form&#39;</span><span class="hl-2">,</span><br/><span class="hl-2">    </span><span class="hl-5">myfaces</span><span class="hl-2">: {</span><br/><span class="hl-2">        </span><span class="hl-5">upload</span><span class="hl-2">: {</span><br/><span class="hl-2">            </span><span class="hl-5">progress</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">, </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> {</span><br/><span class="hl-2">                </span><span class="hl-5">caughtProgressEvents.push(event);</span><br/><span class="hl-2">            },</span><br/><span class="hl-2">            </span><span class="hl-5">preinit</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">preinitTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">            </span><span class="hl-5">loadstart</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">, </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">loadstartTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">            </span><span class="hl-5">load</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">,  </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">loadTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">            </span><span class="hl-5">loadend</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">,  </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">loadendTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">            </span><span class="hl-5">error</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">,  </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">errorTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">            </span><span class="hl-5">abort</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">,  </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">abortTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">            </span><span class="hl-5">timeout</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">,  </span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> </span><span class="hl-5">timeoutTriggered</span><span class="hl-2"> </span><span class="hl-5">=</span><span class="hl-2"> </span><span class="hl-4">true</span><span class="hl-2">,</span><br/><span class="hl-2">        }</span><br/><span class="hl-2">    }</span><br/><span class="hl-2">});</span>
+</code><button>Copy</button></pre>
 <a id="md:changes-since-40" class="tsd-anchor"></a><h2><a href="#md:changes-since-40">Changes since 4.0</a></h2><ul>
 <li>Elimination of Streams in favor of native arrays</li>
 <li>Providing an internal non intrusive shim for browsers which do not have array map and flapMap
 (older Edge and Chromium versions) - done in mona-dish</li>
 <li>Adding a progress monitoring functionality under the myfaces namespace</li>
+<li>Bugfixes which improve tck compliance</li>
+<li>Integration in myfaces 4.0+ as default faces.js implementation</li>
 </ul>
-<pre><code class="language-json"><span class="hl-2">faces.ajax.request(document.getElementById(</span><span class="hl-3">&quot;cmd_eval&quot;</span><span class="hl-2">), </span><span class="hl-4">null</span><span class="hl-2">, {</span><br/><span class="hl-2">    </span><span class="hl-5">render</span><span class="hl-2">: </span><span class="hl-5">&#39;@form&#39;</span><span class="hl-2">,</span><br/><span class="hl-2">    </span><span class="hl-5">execute</span><span class="hl-2">: </span><span class="hl-5">&#39;@form&#39;</span><span class="hl-2">,</span><br/><span class="hl-2">    </span><span class="hl-5">myfaces</span><span class="hl-2">: {</span><br/><span class="hl-2">          </span><span class="hl-5">upload</span><span class="hl-2">: {</span><br/><span class="hl-2">                </span><span class="hl-5">onProgress</span><span class="hl-2">: </span><span class="hl-5">(upload:</span><span class="hl-2"> </span><span class="hl-5">XMLHttpRequestUpload</span><span class="hl-2">,</span><span class="hl-5">event</span><span class="hl-2">: </span><span class="hl-5">ProgressEvent)</span><span class="hl-2"> </span><span class="hl-5">=&gt;</span><span class="hl-2"> {</span><br/><span class="hl-2">                      </span><span class="hl-5">caughtProgressEvents.push(event);</span><br/><span class="hl-2">                }</span><br/><span class="hl-2">          }</span><br/><span class="hl-2">    }</span><br/><span class="hl-2">});</span>
-</code><button>Copy</button></pre>
 </div></div>
 <div class="col-sidebar">
 <div class="page-menu">
@@ -165,10 +165,7 @@ and adjusts the references in the resource accordingly to the request patterns</
 <li><a href="#md:status"><span>Status</span></a></li>
 <li>
 <ul>
-<li><a href="#md:special-info"><span>Special info</span></a></li></ul></li>
-<li><a href="#md:usage"><span>Usage</span></a></li>
-<li>
-<ul>
+<li><a href="#md:special-info"><span>Special info</span></a></li>
 <li><a href="#md:general-build"><span>General build</span></a></li>
 <li>
 <ul>
@@ -176,6 +173,7 @@ and adjusts the references in the resource accordingly to the request patterns</
 <li><a href="#md:tests"><span>Tests</span></a></li>
 <li><a href="#md:test-coverage"><span>Test <wbr/>Coverage</span></a></li>
 <li><a href="#md:changelist-compared-to-the-original-implementation"><span>Changelist compared to the original implementation</span></a></li></ul></li>
+<li><a href="#md:upload-support"><span>Upload <wbr/>Support</span></a></li>
 <li><a href="#md:changes-since-40"><span>Changes since 4.0</span></a></li></ul></li></ul></li></ul></div></details></div>
 <div class="site-menu">
 <nav class="tsd-navigation"><a href="modules.html" class="current"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>jsf.js_<wbr/>next_<wbr/>gen</span></a>

package/dist/window/faces-development.js

@@ -4548,10 +4548,10 @@ var Implementation;
          * special myfaces only internal parameter for onProgress until we have an official api
          * that way we can track the progress of a xhr request (useful for file uploads)
          */
-        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_PREINIT).value = (_f = (_e = (_d = options.value) === null || _d === void 0 ? void 0 : _d.myfaces) === null || _e === void 0 ? void 0 : _e.upload) === null || _f === void 0 ? void 0 : _f.preInit;
-        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_LOADSTART).value = (_j = (_h = (_g = options.value) === null || _g === void 0 ? void 0 : _g.myfaces) === null || _h === void 0 ? void 0 : _h.upload) === null || _j === void 0 ? void 0 : _j.loadStart;
-        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_ON_PROGRESS).value = (_m = (_l = (_k = options.value) === null || _k === void 0 ? void 0 : _k.myfaces) === null || _l === void 0 ? void 0 : _l.upload) === null || _m === void 0 ? void 0 : _m.onProgress;
-        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_LOADEND).value = (_q = (_p = (_o = options.value) === null || _o === void 0 ? void 0 : _o.myfaces) === null || _p === void 0 ? void 0 : _p.upload) === null || _q === void 0 ? void 0 : _q.loadEnd;
+        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_PREINIT).value = (_f = (_e = (_d = options.value) === null || _d === void 0 ? void 0 : _d.myfaces) === null || _e === void 0 ? void 0 : _e.upload) === null || _f === void 0 ? void 0 : _f.preinit;
+        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_LOADSTART).value = (_j = (_h = (_g = options.value) === null || _g === void 0 ? void 0 : _g.myfaces) === null || _h === void 0 ? void 0 : _h.upload) === null || _j === void 0 ? void 0 : _j.loadstart;
+        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_ON_PROGRESS).value = (_m = (_l = (_k = options.value) === null || _k === void 0 ? void 0 : _k.myfaces) === null || _l === void 0 ? void 0 : _l.upload) === null || _m === void 0 ? void 0 : _m.progress;
+        internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_LOADEND).value = (_q = (_p = (_o = options.value) === null || _o === void 0 ? void 0 : _o.myfaces) === null || _p === void 0 ? void 0 : _p.upload) === null || _q === void 0 ? void 0 : _q.loadend;
         internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_LOAD).value = (_t = (_s = (_r = options.value) === null || _r === void 0 ? void 0 : _r.myfaces) === null || _s === void 0 ? void 0 : _s.upload) === null || _t === void 0 ? void 0 : _t.load;
         internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_ERROR).value = (_w = (_v = (_u = options.value) === null || _u === void 0 ? void 0 : _u.myfaces) === null || _v === void 0 ? void 0 : _v.upload) === null || _w === void 0 ? void 0 : _w.error;
         internalCtx.assign(Const_1.CTX_PARAM_UPLOAD_ABORT).value = (_z = (_y = (_x = options.value) === null || _x === void 0 ? void 0 : _x.myfaces) === null || _y === void 0 ? void 0 : _y.upload) === null || _z === void 0 ? void 0 : _z.abort;
@@ -4916,7 +4916,7 @@ var Implementation;
             // and no prepend (aka tobago testcase "must handle ':' in IDs properly", scenario 3,
             // in this case we return the component id, and be happy
             // we can roll a dom check here
-            return (!!document.getElementById(finalIdentifier)) ? finalIdentifier : componentIdToTransform;
+            return mona_dish_1.DQ.byId(finalIdentifier).isPresent() ? finalIdentifier : componentIdToTransform;
         };
         // in this case we do not use lazy stream because it won´t bring any code reduction
         // or speedup
@@ -5385,10 +5385,10 @@ exports.CTX_OPTIONS_RESET = "resetValues";
 exports.CTX_OPTIONS_EXECUTE = "execute";
 exports.CTX_PARAM_MF_INTERNAL = "myfaces.internal";
 exports.CTX_PARAM_SRC_FRM_ID = "myfaces.source.formId";
-exports.CTX_PARAM_UPLOAD_ON_PROGRESS = "myfaces.upload.onProgress";
-exports.CTX_PARAM_UPLOAD_PREINIT = "myfaces.upload.preInit";
-exports.CTX_PARAM_UPLOAD_LOADSTART = "myfaces.upload.loadStart";
-exports.CTX_PARAM_UPLOAD_LOADEND = "myfaces.upload.loadEnd";
+exports.CTX_PARAM_UPLOAD_ON_PROGRESS = "myfaces.upload.progress";
+exports.CTX_PARAM_UPLOAD_PREINIT = "myfaces.upload.preinit";
+exports.CTX_PARAM_UPLOAD_LOADSTART = "myfaces.upload.loadstart";
+exports.CTX_PARAM_UPLOAD_LOADEND = "myfaces.upload.loadend";
 exports.CTX_PARAM_UPLOAD_LOAD = "myfaces.upload.load";
 exports.CTX_PARAM_UPLOAD_ERROR = "myfaces.upload.error";
 exports.CTX_PARAM_UPLOAD_ABORT = "myfaces.upload.abort";
@@ -6069,7 +6069,13 @@ class ExtDomQuery extends mona_dish_1.DQ {
      * @return a DomQuery containing the found elements
      */
     static byId(selector, deep = false) {
+        var _a, _b, _c;
         const ret = mona_dish_1.DomQuery.byId(selector, deep);
+        if ((0, Const_1.$faces)().getProjectStage().toLowerCase() == "development" &&
+            (window === null || window === void 0 ? void 0 : window.console) && ret.isAbsent() && selector) {
+            let identifier = (_c = (_b = (_a = selector === null || selector === void 0 ? void 0 : selector.id) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : selector === null || selector === void 0 ? void 0 : selector.id) !== null && _c !== void 0 ? _c : selector.toString();
+            console.error("Element  " + identifier + "not found");
+        }
         return new ExtDomQuery(ret);
     }
     filter(func) {
@@ -6752,6 +6758,7 @@ exports.ErrorData = exports.ErrorType = void 0;
  * limitations under the License.
  */
 const Const_1 = __webpack_require__(/*! ../core/Const */ "./src/main/typescript/impl/core/Const.ts");
+const mona_dish_1 = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
 const EventData_1 = __webpack_require__(/*! ./EventData */ "./src/main/typescript/impl/xhrCore/EventData.ts");
 const Lang_1 = __webpack_require__(/*! ../util/Lang */ "./src/main/typescript/impl/util/Lang.ts");
 var getMessage = Lang_1.ExtLang.getMessage;
@@ -6775,7 +6782,9 @@ class ErrorData extends EventData_1.EventData {
     constructor(source, errorName, errorMessage, responseText = null, responseXML = null, responseCode = -1, statusOverride = null, type = ErrorType.CLIENT_ERROR) {
         super();
         this.type = "error";
-        this.source = source;
+        ///MYFACES-4676 error payload expects an element if possible
+        //this code remaps the string in an element and if not existing just passes as is what comes in
+        this.source = mona_dish_1.DQ.byId(source).value.orElse(source).value;
         this.type = Const_1.ERROR;
         this.errorName = errorName;
         //tck requires that the type is prefixed to the message itself (jsdoc also) in case of a server error