@qtoggle/qui 1.18.2 → 1.19.0

package/.github/workflows/main.yml

@@ -5,7 +5,7 @@ on: push
 jobs:
   lint:
     name: Lint
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
     steps:
       - name: Lint JS Code
         uses: qtoggle/actions-common/actions/lint-js@v1
@@ -16,7 +16,7 @@ jobs:
   jsdoc:
     name: Publish Docs
     if: startsWith(github.ref, 'refs/tags/version-')
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
     needs:
       - lint
     steps:
@@ -24,6 +24,10 @@ jobs:
         uses: actions/checkout@v4
       - name: Replace source version
         uses: qtoggle/actions-common/actions/replace-source-version@v1
+      - name: Setup NodeJS
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
       - name: Install
         run: |
           npm install && rm -rf docs/* js/lib/* && npx jsdoc -c jsdoc.conf.json
@@ -35,14 +39,14 @@ jobs:
           FOLDER: docs
   build-python:
     name: Build Python
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
     steps:
       - name: Build Python package
         uses: qtoggle/actions-common/actions/build-python-package@v1
   publish:
     name: Publish
     if: startsWith(github.ref, 'refs/tags/version-')
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
     needs:
       - lint
       - jsdoc

package/js/index.js

@@ -44,6 +44,8 @@ const logger = Logger.get('qui')
  */
 export let whenReady = new ConditionVariable()
 
+let globalErrorMessageForm = null
+
 
 function initConfig() {
     /* Look for the main script name */
@@ -177,6 +179,11 @@ function configureGlobalErrorHandling() {
             return
         }
 
+        /* Don't show another global error message on top of an existing one */
+        if (globalErrorMessageForm != null) {
+            return
+        }
+
         logger.error(`unhandled promise rejection: ${e.reason || '<unspecified reason>'}`)
         if (e.reason != null) {
             logger.error(e.reason)
@@ -186,8 +193,16 @@ function configureGlobalErrorHandling() {
         let msg = gettext('An unexpected error occurred.')
         msg += '<br>'
         msg += gettext('Application reloading is recommended.')
-        new StickySimpleMessageForm({type: 'error', message: msg}).show()
-        e.preventDefault()
+        globalErrorMessageForm = new StickySimpleMessageForm(
+            {
+                type: 'error',
+                message: msg,
+                onClose: function () {
+                    globalErrorMessageForm = null
+                }
+            }
+        )
+        globalErrorMessageForm.show()
     })
 }
 

package/js/utils/debouncer.js

@@ -0,0 +1,44 @@
+
+/**
+ * A class that debounces function calls, ensuring that a function is not called more often than a specified delay.
+ * @alias qui.utils.Debouncer
+ */
+class Debouncer {
+
+    /**
+     * @constructs
+     * @param {Function} func the function to debounce
+     * @param {Number} delay the debouncing delay, in milliseconds
+     */
+    constructor(func, delay) {
+        this._func = func
+        this._delay = delay
+        this._timeoutHandle = null
+    }
+
+    /**
+     * Call function ensuring debouncing condition. Any previous pending call is cancelled.
+     * Arguments are passed to the function when called.
+     */
+    call(...args) {
+        if (this._timeoutHandle !== null) {
+            clearTimeout(this._timeoutHandle)
+        }
+
+        this._timeoutHandle = setTimeout(function () {
+            this._timeoutHandle = null
+            this._func(...args)
+        }.bind(this), this._delay)
+    }
+
+    /**
+     * Tell if there is a pending call.
+     * @return {Boolean}
+     */
+    isPending() {
+        return this._timeoutHandle != null
+    }
+
+}
+
+export default Debouncer

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qtoggle/qui",
   "description": "A JavaScript UI library with batteries included.",
-  "version": "1.18.2",
+  "version": "1.19.0",
   "author": {
     "name": "Calin Crisan",
     "email": "ccrisan@gmail.com"

package/pyproject.toml

@@ -1,11 +1,11 @@
 [project]
 name = "qui-server"
-version = "1.18.2"
+version = "1.19.0"
 description = "A fully fledged qToggle implementation written in Python"
 authors = [
     {name = "Calin Crisan", email = "ccrisan@gmail.com"},
 ]
-requires-python = "==3.10.*"
+requires-python = ">=3.11"
 readme = "README.md"
 license = {text = "Apache 2.0"}
 dependencies = [
@@ -28,7 +28,6 @@ package = true
 
 [tool.ruff]
 line-length = 120
-target-version = "py310"
 lint.extend-select = ["I", "RUF022"]
 lint.isort.lines-after-imports = 2
 lint.isort.lines-between-types = 1

package/webpack/webpack-common.js

@@ -210,7 +210,7 @@ function makeJSRule({type, appFullPath}) {
     }
 }
 
-function makeConfig({theme, isProduction, appName, appFullPath, extraFiles, cssOnly}) {
+function makeConfig({theme, isProduction, appName, appFullPath, extraAliases, cssOnly}) {
     /* QUI is assumed to live in `node_modules` */
     let quiFullPath = path.resolve(__dirname, '..')
 
@@ -255,8 +255,6 @@ function makeConfig({theme, isProduction, appName, appFullPath, extraFiles, cssO
         ...requireFromDir(TMPL_REGEX, appTmplPath)
     ]
 
-    // TODO add extraFiles to requirements
-
     let mainEntryName = `${appName}-bundle`
     let shellCommands = []
     let entries = {}
@@ -279,7 +277,8 @@ function makeConfig({theme, isProduction, appName, appFullPath, extraFiles, cssO
             alias: {
                 $qui: quiJSPath,
                 $app: appJSPath,
-                $node: nodeJSPath
+                $node: nodeJSPath,
+                ...extraAliases
             }
         },
         output: {
@@ -359,7 +358,7 @@ function makeConfig({theme, isProduction, appName, appFullPath, extraFiles, cssO
     }
 }
 
-function makeConfigs({isProduction, appName, appFullPath, extraFiles}) {
+function makeConfigs({isProduction, appName, appFullPath, extraAliases}) {
     /* Repeat the configuration for each theme, but only build JS once, the first time */
 
     return THEMES.map((theme, i) => makeConfig({
@@ -367,7 +366,7 @@ function makeConfigs({isProduction, appName, appFullPath, extraFiles}) {
         isProduction: isProduction,
         appName: appName,
         appFullPath: appFullPath,
-        extraFiles: extraFiles,
+        extraAliases: extraAliases,
         cssOnly: i > 0
     }))
 }