1. loading dhmtlx(tree|menu) again via script tag

2. fixed not loaded app.js in egw_json by using import direct and not includeJS (and therefore removed additional include in et2_load)
3. adding cache-buster for egw.js and app.js endpoints to force reloads (not adding them for anything else, as it interferes with rollup
This commit is contained in:
Ralf Becker 2021-07-01 14:36:51 +02:00
parent 7e350f4a4a
commit 8c7722c8b0
7 changed files with 33 additions and 16 deletions

View File

@ -234,7 +234,7 @@ export function nm_action(_action, _senders, _target, _ids)
// Fake a getValue() function // Fake a getValue() function
var old_value = nextmatch.getValue; var old_value = nextmatch.getValue;
var value = nextmatch.getValue(); var value = nextmatch.getValue();
jQuery.extend(value, _action.data, this.activeFilters, { jQuery.extend(value, _action.data, nextmatch.activeFilters, {
"selected": idsArr, "selected": idsArr,
"select_all": _ids.all, "select_all": _ids.all,
"checkboxes": checkbox_values "checkboxes": checkbox_values
@ -474,7 +474,7 @@ export function nm_open_popup(_action, _selected)
dialog_parent.append(dialog); dialog_parent.append(dialog);
}; };
jQuery('button:visible',popup).each(function(index) { jQuery('button:visible',popup).each(function(index) {
var but = jQuery(this); var but = jQuery(window);
if(but.attr("id")) if(but.attr("id"))
{ {
// Find the associated widget // Find the associated widget
@ -485,13 +485,13 @@ export function nm_open_popup(_action, _selected)
text: but.text(), text: but.text(),
id: widget_id, id: widget_id,
click: button && button.onclick ? function(e) { click: button && button.onclick ? function(e) {
jQuery(this).dialog("close"); jQuery(window).dialog("close");
nm_popup_action = action; nm_popup_action = action;
nm_popup_ids = selected; nm_popup_ids = selected;
button.onclick.apply(button, e.currentTarget); button.onclick.apply(button, e.currentTarget);
close_function(); close_function();
} : function(e) { } : function(e) {
jQuery(this).dialog("close"); jQuery(window).dialog("close");
nm_popup_action = null; nm_popup_action = null;
close_function(); close_function();
} }

View File

@ -507,9 +507,6 @@ export class etemplate2
if (Array.isArray(_data.langRequire)) { if (Array.isArray(_data.langRequire)) {
promisses.push(egw(currentapp, window).langRequire(window, _data.langRequire)); promisses.push(egw(currentapp, window).langRequire(window, _data.langRequire));
} }
if (appname) {
promisses.push(egw(currentapp, window).includeJS('/'+appname+'/js/app.js', undefined, undefined, egw.webserverUrl));
}
return Promise.all(promisses).catch((err) => { return Promise.all(promisses).catch((err) => {
console.log("et2.load(): error loading lang-files and app.js: "+err.message); console.log("et2.load(): error loading lang-files and app.js: "+err.message);
}).then(() => { }).then(() => {

View File

@ -17,6 +17,7 @@ import "../../../vendor/bower-asset/jquery/dist/jquery.min.js";
import "../jquery/jquery.noconflict.js"; import "../jquery/jquery.noconflict.js";
import "../../../vendor/bower-asset/jquery-ui/jquery-ui.js"; import "../../../vendor/bower-asset/jquery-ui/jquery-ui.js";
import '../jsapi/egw_inheritance.js'; import '../jsapi/egw_inheritance.js';
import {EGW_KEY_ENTER, EGW_KEY_SPACE} from '../egw_action/egw_action_constants.js';
/** /**
* ui siemenu entry class * ui siemenu entry class

View File

@ -78,7 +78,7 @@ window.app = {classes: {}};
window.egw_appName = egw_script.getAttribute('data-app'); window.egw_appName = egw_script.getAttribute('data-app');
// split includes in legacy js and modules // split includes in legacy js and modules
const legacy_js_regexp = /do_not_match_anything/; const legacy_js_regexp = /\/dhtmlx/;
// check if egw object was injected by window open // check if egw object was injected by window open
if (typeof window.egw == 'undefined') if (typeof window.egw == 'undefined')

View File

@ -293,7 +293,8 @@ egw.extend('json', egw.MODULE_WND_LOCAL, function(_app, _wnd)
if(js_files.length > 0) if(js_files.length > 0)
{ {
var start_time = (new Date).getTime(); var start_time = (new Date).getTime();
this.egw.includeJS(js_files, function() { // for some reason using this.includeJS() does NOT work / app.classes does not get set, before the Promise resolves
Promise.all(js_files.map((file) => import(file))).then(() => {
var end_time = (new Date).getTime(); var end_time = (new Date).getTime();
this.handleResponse(data); this.handleResponse(data);
if (egw.preference('show_generation_time', 'common', false) == "1") if (egw.preference('show_generation_time', 'common', false) == "1")
@ -304,7 +305,7 @@ egw.extend('json', egw.MODULE_WND_LOCAL, function(_app, _wnd)
gen_time_div.append('<span class="asyncIncludeTime"></span>').find('.asyncIncludeTime'); gen_time_div.append('<span class="asyncIncludeTime"></span>').find('.asyncIncludeTime');
gen_time_async.text(egw.lang('async includes took %1s', (end_time-start_time)/1000)); gen_time_async.text(egw.lang('async includes took %1s', (end_time-start_time)/1000));
} }
}, this); });
return; return;
} }

View File

@ -14,6 +14,7 @@
namespace EGroupware\Api; namespace EGroupware\Api;
use EGroupware\Api\Framework\Bundle; use EGroupware\Api\Framework\Bundle;
use EGroupware\Api\Framework\IncludeMgr;
use EGroupware\Api\Header\ContentSecurityPolicy; use EGroupware\Api\Header\ContentSecurityPolicy;
/** /**
@ -1071,21 +1072,29 @@ abstract class Framework extends Framework\Extra
'etag' => md5(json_encode($GLOBALS['egw_info']['user']['preferences']['common']). 'etag' => md5(json_encode($GLOBALS['egw_info']['user']['preferences']['common']).
$GLOBALS['egw']->accounts->json($GLOBALS['egw_info']['user']['account_id'])), $GLOBALS['egw']->accounts->json($GLOBALS['egw_info']['user']['account_id'])),
)); ));
// manually load old dhtmlx stuff via script tag
self::includeJS('/api/js/dhtmlxtree/codebase/dhtmlxcommon.js');
self::includeJS('/api/js/dhtmlxMenu/sources/dhtmlxmenu.js');
self::includeJS('/api/js/dhtmlxMenu/sources/ext/dhtmlxmenu_ext.js');
self::includeJS('/api/js/dhtmlxtree/sources/dhtmlxtree.js');
self::includeJS('/api/js/dhtmlxtree/sources/ext/dhtmlxtree_json.js');
} }
$extra['url'] = $GLOBALS['egw_info']['server']['webserver_url']; $extra['url'] = $GLOBALS['egw_info']['server']['webserver_url'];
$map = null; $map = null;
$extra['include'] = array_map(static function($str){ $extra['include'] = array_map(static function($str){
return substr($str,1); return substr($str,1);
}, self::get_script_links(true, false, $map), array(1)); }, self::get_script_links(true, false, $map));
$extra['app'] = $GLOBALS['egw_info']['flags']['currentapp']; $extra['app'] = $GLOBALS['egw_info']['flags']['currentapp'];
// Static things we want to make sure are loaded first // Static things we want to make sure are loaded first
//$java_script .='<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.44/dist/themes/base.css"> //$java_script .='<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.44/dist/themes/base.css">
//<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.44/dist/shoelace.js"></script>'; //<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.44/dist/shoelace.js"></script>';
// load our clientside entrypoint egw.js
// load our clientside entrypoint egw.min.js with a cache-buster
$java_script .= '<script type="module" src="'.$GLOBALS['egw_info']['server']['webserver_url']. $java_script .= '<script type="module" src="'.$GLOBALS['egw_info']['server']['webserver_url'].
'/api/js/jsapi/egw.min.js" id="egw_script_id"'; '/api/js/jsapi/egw.min.js?'.filemtime(EGW_SERVER_ROOT.'/api/js/jsapi/egw.min.js').
'" id="egw_script_id"';
// add values of extra parameter and class var as data attributes to script tag of egw.js // add values of extra parameter and class var as data attributes to script tag of egw.js
foreach($extra+self::$extra as $name => $value) foreach($extra+self::$extra as $name => $value)
@ -1460,6 +1469,8 @@ abstract class Framework extends Framework\Extra
/** /**
* The include manager manages including js files and their dependencies * The include manager manages including js files and their dependencies
*
* @var IncludeMgr
*/ */
protected static $js_include_mgr; protected static $js_include_mgr;

View File

@ -79,7 +79,7 @@ class Bundle
$query = null; $query = null;
foreach($js_includes as $file) foreach($js_includes as $file)
{ {
if ($file == '/api/js/jsapi/egw.js') continue; // loaded via own tag, and we must not load it twice! if (in_array($file, ['/api/js/jsapi/egw.js','/api/js/jsapi/egw.min.js'])) continue; // loaded via own tag, and we must not load it twice!
if (!isset($to_include[$file])) if (!isset($to_include[$file]))
{ {
@ -118,8 +118,15 @@ class Bundle
$path = $min_path; $path = $min_path;
$mod = $min_mod; $mod = $min_mod;
} }
// skip timestamp $to_include[$file] = $path.'?'.$mod.($query ? '&'.$query : ''); // use cache-buster only for entry-points / app.js, as the have no hash
$to_include[$file] = $path.($query ? '?'.$query : ''); if (preg_match('#/js/app(\.min)?\.js$#', $file))
{
$to_include[$file] = $path.'?'.$mod.($query ? '&'.$query : '');
}
else
{
$to_include[$file] = $path.($query ? '?'.$query : '');
}
} }
} }
} }