@xuda.io/runtime-bundle 1.0.1406 → 1.0.1407

package/js/xuda_common-bundle.js

@@ -10,6 +10,10 @@ var func = {};
 func.UI = {};
 func.GLB = {};
 func.mobile = {};
+func.runtime = {};
+func.runtime.session = {};
+func.runtime.workers = {};
+func.runtime.ui = {};
 glb.IS_STUDIO = null;
 
 var PROJECT_OBJ = {};
@@ -23,6 +27,537 @@ glb.PROTECTED_VARS = ['_NULL', '_THIS', '_FOR_KEY', '_FOR_VAL', '_ROWNO', '_ROWI
 // glb.newRecord = 999999;
 
 func.common = {};
+func.runtime.platform = {
+  has_window: function () {
+    return typeof window !== 'undefined';
+  },
+  has_document: function () {
+    return typeof document !== 'undefined';
+  },
+  get_window: function () {
+    if (func.runtime.platform.has_window()) {
+      return window;
+    }
+    return null;
+  },
+  get_document: function () {
+    if (func.runtime.platform.has_document()) {
+      return document;
+    }
+    return null;
+  },
+  get_location: function () {
+    const win = func.runtime.platform.get_window();
+    return win?.location || null;
+  },
+  get_navigator: function () {
+    const win = func.runtime.platform.get_window();
+    if (win?.navigator) {
+      return win.navigator;
+    }
+    if (typeof navigator !== 'undefined') {
+      return navigator;
+    }
+    return null;
+  },
+  is_html_element: function (value) {
+    if (typeof HTMLElement === 'undefined') {
+      return false;
+    }
+    return value instanceof HTMLElement;
+  },
+  get_storage: function (type) {
+    const win = func.runtime.platform.get_window();
+    try {
+      if (!win) {
+        return null;
+      }
+      if (type === 'session') {
+        return win.sessionStorage || null;
+      }
+      return win.localStorage || null;
+    } catch (error) {
+      return null;
+    }
+  },
+  get_storage_item: function (key, type) {
+    const storage = func.runtime.platform.get_storage(type);
+    if (!storage) {
+      return null;
+    }
+    try {
+      return storage.getItem(key);
+    } catch (error) {
+      return null;
+    }
+  },
+  set_storage_item: function (key, value, type) {
+    const storage = func.runtime.platform.get_storage(type);
+    if (!storage) {
+      return false;
+    }
+    try {
+      storage.setItem(key, value);
+      return true;
+    } catch (error) {
+      return false;
+    }
+  },
+  get_url_href: function () {
+    return func.runtime.platform.get_location()?.href || '';
+  },
+  get_url_search: function () {
+    return func.runtime.platform.get_location()?.search || '';
+  },
+  get_url_hash: function () {
+    return func.runtime.platform.get_location()?.hash || '';
+  },
+  get_host: function () {
+    return func.runtime.platform.get_location()?.host || '';
+  },
+  get_hostname: function () {
+    return func.runtime.platform.get_location()?.hostname || '';
+  },
+  get_device_uuid: function () {
+    const win = func.runtime.platform.get_window();
+    return win?.device?.uuid || null;
+  },
+  get_device_name: function () {
+    const win = func.runtime.platform.get_window();
+    return win?.device?.name || null;
+  },
+  get_inner_size: function () {
+    const win = func.runtime.platform.get_window();
+    return {
+      width: win?.innerWidth || 0,
+      height: win?.innerHeight || 0,
+    };
+  },
+  add_window_listener: function (name, handler) {
+    const win = func.runtime.platform.get_window();
+    if (!win?.addEventListener) {
+      return false;
+    }
+    win.addEventListener(name, handler);
+    return true;
+  },
+  dispatch_body_event: function (event) {
+    const doc = func.runtime.platform.get_document();
+    if (!doc?.body?.dispatchEvent) {
+      return false;
+    }
+    doc.body.dispatchEvent(event);
+    return true;
+  },
+  reload_top_window: function () {
+    const win = func.runtime.platform.get_window();
+    if (!win?.top?.location?.reload) {
+      return false;
+    }
+    win.top.location.reload();
+    return true;
+  },
+  get_service_worker: function () {
+    const nav = func.runtime.platform.get_navigator();
+    return nav?.serviceWorker || null;
+  },
+  has_service_worker: function () {
+    return !!func.runtime.platform.get_service_worker();
+  },
+  register_service_worker: function (script_url) {
+    const service_worker = func.runtime.platform.get_service_worker();
+    if (!service_worker?.register) {
+      return Promise.reject(new Error('serviceWorker is not available'));
+    }
+    return service_worker.register(script_url);
+  },
+  add_service_worker_listener: function (name, handler) {
+    const service_worker = func.runtime.platform.get_service_worker();
+    if (!service_worker?.addEventListener) {
+      return false;
+    }
+    service_worker.addEventListener(name, handler);
+    return true;
+  },
+};
+func.runtime.env = {
+  get_url_params: function () {
+    const search = func.runtime.platform.get_url_search();
+    return new URLSearchParams(search);
+  },
+  get_url_parameters_object: function () {
+    const search_params = func.runtime.env.get_url_params();
+    const parameters = {};
+    for (const [key, value] of search_params.entries()) {
+      parameters[key] = value;
+    }
+    return parameters;
+  },
+  get_default_session_value: function (key) {
+    switch (key) {
+      case 'domain':
+        return func.runtime.platform.get_host();
+      case 'engine_mode':
+        return 'miniapp';
+      case 'app_id':
+        return 'unknown';
+      default:
+        return null;
+    }
+  },
+};
+func.runtime.session.create_tab_id = function () {
+  const session_storage = func.runtime.platform.get_storage('session');
+  const local_storage = func.runtime.platform.get_storage('local');
+  var page_tab_id = session_storage?.getItem('tabID');
+  if (page_tab_id == null) {
+    var local_tab_id = local_storage?.getItem('tabID');
+    page_tab_id = local_tab_id == null ? 1 : Number(local_tab_id) + 1;
+    func.runtime.platform.set_storage_item('tabID', page_tab_id, 'local');
+    func.runtime.platform.set_storage_item('tabID', page_tab_id, 'session');
+  }
+  return page_tab_id;
+};
+func.runtime.session.get_fingerprint = function (components, instance_id) {
+  const device_uuid = func.runtime.platform.get_device_uuid();
+  if (func.utils.get_device() && device_uuid) {
+    if (instance_id) {
+      return instance_id + device_uuid;
+    }
+    return device_uuid;
+  }
+  const fingerprint_id = Fingerprint2.x64hash128(
+    components
+      .map(function (pair) {
+        return pair.value;
+      })
+      .join(),
+    31,
+  );
+
+  if (instance_id) {
+    return instance_id + fingerprint_id + func.runtime.session.create_tab_id();
+  }
+  return fingerprint_id;
+};
+func.runtime.session.create_state = function (SESSION_ID, options) {
+  const runtime_host = func.runtime.platform.get_host();
+  SESSION_OBJ[SESSION_ID] = {
+    JOB_NO: 1000,
+    opt: options.opt,
+    root_element: options.root_element,
+    worker_type: options.worker_type,
+    api_callback: options.api_callback,
+    CODE_BUNDLE: options.code_bundle,
+    SLIM_BUNDLE: options.slim_bundle,
+    WORKER_OBJ: {
+      jobs: [],
+      num: 1000,
+      stat: null,
+    },
+    DS_GLB: {},
+    SYS_GLOBAL_OBJ_FIREBASE_AUTH_INFO: {
+      token: '',
+      first_name: '',
+      last_name: '',
+      email: '',
+      user_id: '',
+      picture: '',
+      verified_email: '',
+      locale: '',
+      error_code: '',
+      error_msg: '',
+    },
+    SYS_GLOBAL_OBJ_CLIENT_INFO: {
+      fingerprint: '',
+      device: '',
+      user_agent: '',
+      browser_version: '',
+      browser_name: '',
+      engine_version: '',
+      client_ip: '',
+      engine_name: '',
+      os_name: '',
+      os_version: '',
+      device_model: '',
+      device_vendor: '',
+      device_type: '',
+      screen_current_resolution_x: '',
+      screen_current_resolution_y: '',
+      screen_available_resolution_x: '',
+      screen_available_resolution_y: '',
+      language: '',
+      time_zone: '',
+      cpu_architecture: '',
+      uuid: '',
+    },
+    PUSH_NOTIFICATION_GRANTED: null,
+    FIREBASE_TOKEN_ID: null,
+    USR_OBJ: {},
+    debug_js: null,
+    DS_UI_EVENTS_GLB: {},
+    host: runtime_host,
+    req_id: 0,
+    build_info: {},
+    CACHE_REQ: {},
+    url_params: {
+      ...func.common.getParametersFromUrl(),
+      ...options.url_params,
+    },
+  };
+  func.runtime.workers.ensure_registry(SESSION_ID);
+  return SESSION_OBJ[SESSION_ID];
+};
+func.runtime.session.set_default_value = function (_session, key, value) {
+  _session[key] = value || func.runtime.env.get_default_session_value(key);
+  return _session[key];
+};
+func.runtime.session.populate_client_info = function (_session, components) {
+  const _client_info = _session.SYS_GLOBAL_OBJ_CLIENT_INFO;
+  const platform = func.runtime.platform;
+  const { engine_mode } = _session;
+
+  _client_info.fingerprint = func.runtime.session.get_fingerprint(components);
+
+  if (engine_mode === 'live_preview') {
+    const inner_size = platform.get_inner_size();
+    _client_info.screen_current_resolution_x = inner_size.width;
+    _client_info.screen_current_resolution_y = inner_size.height;
+    _client_info.screen_available_resolution_x = inner_size.width;
+    _client_info.screen_available_resolution_y = inner_size.height;
+  } else {
+    _client_info.screen_current_resolution_x = components[6].value[0];
+    _client_info.screen_current_resolution_y = components[6].value[1];
+    _client_info.screen_available_resolution_x = components[7].value[0];
+    _client_info.screen_available_resolution_y = components[7].value[1];
+  }
+
+  const client = new ClientJS();
+  _client_info.device = func.utils.get_device();
+
+  const browser_data = client.getBrowserData();
+  _client_info.user_agent = browser_data.ua;
+  _client_info.browser_version = browser_data.browser.name;
+  _client_info.browser_name = browser_data.browser.version;
+  _client_info.engine_version = browser_data.engine.name;
+  _client_info.engine_name = browser_data.engine.version;
+  _client_info.os_name = browser_data.os.name;
+  _client_info.os_version = browser_data.os.version;
+  _client_info.device_model = browser_data.device.name;
+  _client_info.device_vendor = browser_data.device.name;
+  _client_info.device_type = browser_data.device.name;
+  _client_info.language = client.getLanguage();
+  _client_info.time_zone = client.getTimeZone();
+  _client_info.cpu_architecture = browser_data.cpu.architecture;
+
+  if (['android', 'ios', 'windows', 'macos', 'linux', 'live_preview'].includes(engine_mode) && func.utils.get_device()) {
+    _client_info.uuid = platform.get_device_uuid();
+    const device_name = platform.get_device_name();
+    if (device_name) {
+      _client_info.device_name = device_name;
+    }
+  }
+  return _client_info;
+};
+func.runtime.workers.ensure_registry = function (SESSION_ID) {
+  if (!WEB_WORKER[SESSION_ID]) {
+    WEB_WORKER[SESSION_ID] = {};
+  }
+  return WEB_WORKER[SESSION_ID];
+};
+func.runtime.workers.get_registry_entry = function (SESSION_ID, worker_id) {
+  return func.runtime.workers.ensure_registry(SESSION_ID)?.[worker_id] || null;
+};
+func.runtime.workers.set_registry_entry = function (SESSION_ID, worker_id, entry) {
+  const worker_registry = func.runtime.workers.ensure_registry(SESSION_ID);
+  worker_registry[worker_id] = entry;
+  return worker_registry[worker_id];
+};
+func.runtime.workers.build_worker_name = function (glb_worker_type, session, prog_obj, worker_id, build_id) {
+  return (
+    `${typeof session.SLIM_BUNDLE === 'undefined' || !session.SLIM_BUNDLE ? '' : 'Slim '}${prog_obj.menuName} worker` +
+    ' ' +
+    glb_worker_type +
+    ': #' +
+    worker_id.toString() +
+    ' ' +
+    (build_id || '') +
+    ' ' +
+    session.domain
+  );
+};
+func.runtime.workers.is_server_transport = function (session) {
+  return !!(RUNTIME_SERVER_WEBSOCKET && RUNTIME_SERVER_WEBSOCKET_CONNECTED && (!session.opt.app_computing_mode || session.opt.app_computing_mode === 'server'));
+};
+func.runtime.workers.send_message = function (SESSION_ID, worker_id, session, msg, process_pid) {
+  const registry_entry = func.runtime.workers.get_registry_entry(SESSION_ID, worker_id);
+  if (!registry_entry?.worker) {
+    return false;
+  }
+
+  if (func.runtime.workers.is_server_transport(session)) {
+    if (process_pid) {
+      msg.process_pid = process_pid;
+    }
+    registry_entry.worker.emit('message', msg);
+    return true;
+  }
+
+  registry_entry.worker.postMessage(msg);
+  return true;
+};
+func.runtime.workers.set_promise = function (SESSION_ID, worker_id, promise_queue_id, value) {
+  const registry_entry = func.runtime.workers.get_registry_entry(SESSION_ID, worker_id);
+  if (!registry_entry) {
+    return null;
+  }
+  registry_entry.promise_queue[promise_queue_id] = value;
+  return registry_entry.promise_queue[promise_queue_id];
+};
+func.runtime.workers.get_promise = function (SESSION_ID, worker_id, promise_queue_id) {
+  const registry_entry = func.runtime.workers.get_registry_entry(SESSION_ID, worker_id);
+  if (!registry_entry) {
+    return null;
+  }
+  return registry_entry.promise_queue[promise_queue_id];
+};
+func.runtime.workers.delete_promise = function (SESSION_ID, worker_id, promise_queue_id) {
+  const registry_entry = func.runtime.workers.get_registry_entry(SESSION_ID, worker_id);
+  if (!registry_entry?.promise_queue) {
+    return false;
+  }
+  delete registry_entry.promise_queue[promise_queue_id];
+  return true;
+};
+func.runtime.ui.get_root_element = function (SESSION_ID) {
+  return $(SESSION_OBJ[SESSION_ID].root_element);
+};
+func.runtime.ui.show_root_element = function (SESSION_ID) {
+  const $root_element = func.runtime.ui.get_root_element(SESSION_ID);
+  $root_element.show();
+  return $root_element;
+};
+func.runtime.ui.ensure_app_shell = function (SESSION_ID, domain) {
+  const $root_element = func.runtime.ui.get_root_element(SESSION_ID);
+  $root_element.css('position', 'relative');
+
+  if (!$root_element.find('.loader').length) {
+    $root_element.append(`
+      
+          <style>
+          .loader {
+            position: absolute;
+            background: rgb(0 0 0 / 30%);
+            z-index: 10;
+            overflow-y: auto;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+          }
+
+          .loader .loader_logo {
+
+            width: 43px;
+            height: 43px;
+            border-radius: 50%;
+            background-size: cover;
+          }
+
+          .loader .loader_msg {
+            padding-top: 10px;
+            text-align: center;
+            min-height: 20px;
+            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+          }
+    
+          .loader .loader_rotate {
+            padding: 20px;
+            border: 2px solid #fff;
+            border-right-color: #898989;
+            border-radius: 22px;
+            -webkit-animation: rotate 0.8s infinite linear;
+            position: absolute;
+          }
+    
+          @-webkit-keyframes rotate {
+            100% {
+              -webkit-transform: rotate(360deg);
+            }
+          }
+      </style>
+      
+      <div class="loader">
+      <div class="loader_logo">
+        <div class="loader_rotate"></div> 
+      </div>
+      <div class="loader_msg"> </div>
+    </div>
+  
+      
+      <div class="progressLoader"></div>
+      
+      `);
+  }
+
+  if (!$root_element.find('#tailwind_toast_controller').length) {
+    $root_element.append(
+      `<div aria-live="assertive"
+          class="fixed inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[999]">
+          <div id="tailwind_toast_controller" class="w-full flex flex-col items-center space-y-4 sm:items-end">
+  
+          </div>
+       </div>`,
+    );
+  }
+
+  if (!$root_element.find('#progressScreen2').length) {
+    $root_element.append(
+      `
+        <div id="progressScreen2" style="display: none">
+          <div id="progressScreen2_text"></div>
+        </div>`,
+    );
+  }
+
+  const get_url = function (domain, method, path) {
+    return `https://${domain}/${method}${path ? '/' + path : '/'}`;
+  };
+
+  func.utils.load_css_on_demand(get_url(domain, 'dist', 'runtime/css/mobile.css'));
+  return $root_element;
+};
+func.runtime.ui.ensure_embed_container = function (SESSION_ID) {
+  const $root_element = func.runtime.ui.get_root_element(SESSION_ID);
+  let $embed_container = $root_element.find(`#embed_${SESSION_ID}`);
+
+  if (!$embed_container.length) {
+    $embed_container = $('<div>')
+      .attr('id', 'embed_' + SESSION_ID)
+      .addClass('xu_embed_div')
+      .data({ xuData: {} })
+      .appendTo($root_element);
+  }
+
+  return $embed_container;
+};
+func.runtime.ui.get_embed_container = function (SESSION_ID) {
+  return func.runtime.ui.get_root_element(SESSION_ID).find(`#embed_${SESSION_ID}`);
+};
+func.runtime.ui.get_embed_screen_containers = function () {
+  return $('.xu_embed_container');
+};
+func.runtime.ui.append_to_body = function ($element) {
+  $element.appendTo('body');
+  return $element;
+};
+func.runtime.ui.find_in_root = function (SESSION_ID, selector) {
+  return func.runtime.ui.get_root_element(SESSION_ID).find(selector);
+};
 func.common.find_item_by_key = function (arr, key, val) {
   return _.find(arr, function (e) {
     return e.data[key] === val;
@@ -411,19 +946,10 @@ func.common.db = async function (SESSION_ID, serviceP, dataP, opt = {}, dsSessio
 };
 
 func.common.getJsonFromUrl = function () {
-  const queryString = window.location.search;
-  const urlParams = new URLSearchParams(queryString);
-  return urlParams;
+  return func.runtime.env.get_url_params();
 };
 func.common.getParametersFromUrl = function () {
-  const searchParams = new URLSearchParams(window.location.search);
-  const parameters = {};
-
-  for (const [key, value] of searchParams.entries()) {
-    parameters[key] = value;
-  }
-
-  return parameters;
+  return func.runtime.env.get_url_parameters_object();
 };
 
 func.common.getObjectFromUrl = function (url, element_attributes_obj, embed_params_obj) {