glib-web 5.0.0 → 5.0.5

package/cypress/e2e/glib-web/{fieldsLocation.cy.ts → fieldsLocation.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_location')
 

package/cypress/e2e/glib-web/{fieldsOtp.cy.ts → fieldsOtp.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl, withComponent } from "../../helper"
+import { testPageUrl, withComponent } from "../../helper.js"
 
 const url = testPageUrl('fields_otp')
 

package/cypress/e2e/glib-web/{fieldsPhone.cy.ts → fieldsPhone.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl, withComponent } from "../../helper"
+import { testPageUrl, withComponent } from "../../helper.js"
 
 const url = testPageUrl('fields_phone')
 

package/cypress/e2e/glib-web/{fieldsRating.cy.ts → fieldsRating.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl, withComponent } from "../../helper"
+import { testPageUrl, withComponent } from "../../helper.js"
 
 const url = testPageUrl('fields_rating')
 

package/cypress/e2e/glib-web/{fieldsRichText.cy.ts → fieldsRichText.cy.js}

@@ -1,6 +1,11 @@
-import { testPageUrl, withComponent } from "../../helper"
+import { testPageUrl, withComponent } from "../../helper.js"
 
 const url = testPageUrl('fields_richText')
+const csvFixtureContents = [
+  'month,electricity_usage,gas_usage,sources,compliant',
+  'January,120,10,Generators,yes',
+  'February,150,12,Solar Panels,no'
+].join('\n')
 
 describe('fields_richText', () => {
   it('switches output variants', () => {
@@ -93,14 +98,11 @@ describe('fields_richText', () => {
       cy.intercept('POST', uploader.blobUrlGenerator, { statusCode: 200, body: { url: 'https://example.com/blob' } }).as('blobUrl')
     })
 
-    cy.fixture('bulk_edit.csv', 'binary').then((fileContent) => {
-      const blob = Cypress.Blob.binaryStringToBlob(fileContent, 'text/csv')
-      cy.window().then((win) => {
-        const file = new win.File([blob], 'bulk_edit.csv', { type: 'text/csv' })
-        const dataTransfer = new win.DataTransfer()
-        dataTransfer.items.add(file)
-        cy.get('#rich_text_main .ql-editor').trigger('drop', { dataTransfer })
-      })
+    cy.window().then((win) => {
+      const file = new win.File([csvFixtureContents], 'bulk_edit.csv', { type: 'text/csv' })
+      const dataTransfer = new win.DataTransfer()
+      dataTransfer.items.add(file)
+      cy.get('#rich_text_main .ql-editor').trigger('drop', { dataTransfer })
     })
 
     cy.wait('@directUpload')
@@ -109,14 +111,11 @@ describe('fields_richText', () => {
     cy.get('input[name="user[images_attributes][]"]').should('have.length', 1)
     cy.get('input[name="user[images_attributes][]"]').first().should('have.value', 'signed-1')
 
-    cy.fixture('bulk_edit.csv', 'binary').then((fileContent) => {
-      const blob = Cypress.Blob.binaryStringToBlob(fileContent, 'text/csv')
-      cy.window().then((win) => {
-        const file = new win.File([blob], 'bulk_edit.csv', { type: 'text/csv' })
-        const clipboardData = new win.DataTransfer()
-        clipboardData.items.add(file)
-        cy.get('#rich_text_main .ql-editor').trigger('paste', { clipboardData })
-      })
+    cy.window().then((win) => {
+      const file = new win.File([csvFixtureContents], 'bulk_edit.csv', { type: 'text/csv' })
+      const clipboardData = new win.DataTransfer()
+      clipboardData.items.add(file)
+      cy.get('#rich_text_main .ql-editor').trigger('paste', { clipboardData })
     })
 
     cy.wait('@directUpload')

package/cypress/e2e/glib-web/{fieldsSelect.cy.ts → fieldsSelect.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_select')
 

package/cypress/e2e/glib-web/{fieldsSign.cy.ts → fieldsSign.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_sign')
 

package/cypress/e2e/glib-web/{fieldsStripeToken.cy.ts → fieldsStripeToken.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl, withComponent } from "../../helper"
+import { testPageUrl, withComponent } from "../../helper.js"
 
 const url = testPageUrl('fields_stripeToken')
 

package/cypress/e2e/glib-web/{fieldsTimer.cy.ts → fieldsTimer.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_timer')
 

package/cypress/e2e/glib-web/{fieldsUpload.cy.ts → fieldsUpload.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_upload')
 

package/cypress/e2e/glib-web/{fieldsUrlFragment.cy.ts → fieldsUrlFragment.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_url_fragment')
 

package/cypress/e2e/glib-web/{flow.cy.ts → flow.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('flow')
 

package/cypress/e2e/glib-web/{form.cy.ts → form.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('form')
 
 describe('form', () => {

package/cypress/e2e/glib-web/{formDynamic.cy.ts → formDynamic.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('form_dynamic')
 
 describe('form dynamic', () => {

package/cypress/e2e/glib-web/{forms.cy.ts → forms.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('forms')
 

package/cypress/e2e/glib-web/{grid.cy.ts → grid.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('grid')
 

package/cypress/e2e/glib-web/{horizontal.cy.ts → horizontal.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('horizontal')
 

package/cypress/e2e/glib-web/{http.cy.ts → http.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('http')
 

package/cypress/e2e/glib-web/{image.cy.ts → image.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('image')
 const imageSelector = '#image_main'

package/cypress/e2e/glib-web/{lifecycle.cy.ts → lifecycle.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('lifecycle')
 
 describe('glib lifecycle hooks', () => {

package/cypress/e2e/glib-web/{list.cy.ts → list.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('list')
 

package/cypress/e2e/glib-web/{listEditable.cy.ts → listEditable.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('list_editable')
 

package/cypress/e2e/glib-web/{listsAppend.cy.ts → listsAppend.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('lists_append')
 

package/cypress/e2e/glib-web/{logicsSet.cy.ts → logicsSet.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('logics_set')
 
 describe('logics_set', () => {

package/cypress/e2e/glib-web/{multimediaVideo.cy.ts → multimediaVideo.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('multimedia_video')
 

package/cypress/e2e/glib-web/{pagination.cy.ts → pagination.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('pagination')
 

package/cypress/e2e/glib-web/{panels.cy.ts → panels.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('panels')
 const pageBodySelector = '#page_body'

package/cypress/e2e/glib-web/{panelsBulkEdit2.cy.ts → panelsBulkEdit2.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('panels_bulkEdit2')
 

package/cypress/e2e/glib-web/{popovers.cy.ts → popovers.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('popovers')
 

package/cypress/e2e/glib-web/{progressCircle.cy.ts → progressCircle.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('progressCircle')
 

package/cypress/e2e/glib-web/{responsive.cy.ts → responsive.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('responsive')
 

package/cypress/e2e/glib-web/{scroll.cy.ts → scroll.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('scroll')
 

package/cypress/e2e/glib-web/{selectable.cy.ts → selectable.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('selectable')
 
 describe("selectable", () => {

package/cypress/e2e/glib-web/{sheets.cy.ts → sheets.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('sheets')
 

package/cypress/e2e/glib-web/{snackbars.cy.ts → snackbars.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('snackbars')
 

package/cypress/e2e/glib-web/{split.cy.ts → split.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('split')
 

package/cypress/e2e/glib-web/{storageItems.cy.ts → storageItems.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('storage_items')
 

package/cypress/e2e/glib-web/{table.cy.ts → table.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('table')
 

package/cypress/e2e/glib-web/{timeline.cy.ts → timeline.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('timeline')
 

package/cypress/e2e/glib-web/{timeouts.cy.ts → timeouts.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('timeouts')
 

package/cypress/e2e/glib-web/{ul.cy.ts → ul.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('ul')
 

package/cypress/e2e/glib-web/{vertical.cy.ts → vertical.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('vertical')
 

package/cypress/e2e/glib-web/{web.cy.ts → web.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('web')
 

package/cypress/e2e/glib-web/{window.cy.ts → window.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('window')
 

package/cypress/e2e/glib-web/{windows.cy.ts → windows.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('windows')
 

package/cypress/support/{commands.ts → commands.js}

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 // ***********************************************
-// This example commands.ts shows you how to
+// This example commands.js shows you how to
 // create various custom commands and overwrite
 // existing commands.
 //
@@ -34,4 +34,4 @@
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
-// }
+// }

package/cypress/support/{component.ts → component.js}

@@ -1,8 +1,8 @@
-import "./commands";
-import "@cypress/code-coverage/support";
+import "./commands.js";
+import "@cypress/code-coverage/support.js";
 import { isFunction, isObject } from "../../utils/type.js";
 
-const win = window as Window & { __settings?: { theme?: object }; __page?: object };
+const win = window;
 
 if (!win.__settings) {
   win.__settings = { theme: {} };

package/cypress/support/{e2e.ts → e2e.js}

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/e2e.ts is processed and
+// This example support/e2e.js is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -14,8 +14,8 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
-import '@cypress/code-coverage/support'
+import "./commands.js";
+import "@cypress/code-coverage/support.js";
 import { isFunction, isObject } from "../../utils/type.js";
 
 Cypress.on("window:before:load", (win) => {

package/{cypress.config.ts → cypress.config.js}

@@ -43,8 +43,8 @@ export default defineConfig({
         },
       },
     },
-    specPattern: "cypress/component/**/*.cy.{js,jsx,ts,tsx}",
-    supportFile: "cypress/support/component.ts",
+    specPattern: "cypress/component/**/*.cy.{js,jsx}",
+    supportFile: "cypress/support/component.js",
     setupNodeEvents(on, config) {
       codeCoverageTask(on, config);
       return config;
@@ -55,6 +55,7 @@ export default defineConfig({
     pageLoadTimeout: 60000,
     requestTimeout: 15000,
     responseTimeout: 15000,
+    specPattern: "cypress/e2e/**/*.cy.{js,jsx}",
     setupNodeEvents(on, config) {
       codeCoverageTask(on, config);
       return config;

package/cypress.yml.example

@@ -5,7 +5,7 @@ on:
       - "yarn.lock"
       - ".github/workflows/cypress.yml"
 jobs:
-  build-and-test:
+  cypress-test:
     env:
       RAILS_ENV: test
       POSTGRES_USER: postgres
@@ -27,26 +27,25 @@ jobs:
           --health-timeout 5s
           --health-retries 5
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v6
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
           ruby-version: 3.2.1
           bundler-cache: true
       - name: Setup Node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v6
         with:
           cache: "yarn"
-          node-version: 20.0.0
+          node-version: 24.11.1
       - run: yarn install --frozen-lockfile
       - run: sudo apt-get -yqq install libpq-dev
       - run: cp config/database.yml.github-actions config/database.yml
       - run: bundle exec rake db:test:prepare
       - run: bundle exec rails server -d
+      - run: until curl -s http://localhost:3000 >/dev/null; do sleep 1; done
       - name: Cypress run (e2e)
-        run: env -u ELECTRON_RUN_AS_NODE yarn cypress run --browser chrome
-      - name: Cypress run (component)
-        run: env -u ELECTRON_RUN_AS_NODE yarn cypress run --component
+        run: env -u ELECTRON_RUN_AS_NODE yarn run cypress run --browser chrome
       - name: Upload screenshots
         uses: actions/upload-artifact@v4
         if: failure()

package/doc/TESTING.md

@@ -21,8 +21,8 @@ This is fundamentally different from typical frontend testing (Jest/Vitest with
 
 ### 3. **Test Page as Contract**
 Each Cypress test has a **matching backend test page** (jbuilder file):
-- `form.cy.ts` → `test_page/form.json.jbuilder`
-- `dialog.cy.ts` → `test_page/dialog.json.jbuilder`
+- `form.cy.js` → `test_page/form.json.jbuilder`
+- `dialog.cy.js` → `test_page/dialog.json.jbuilder`
 
 The test page acts as the **contract** between frontend and backend tests.
 

package/index.js

@@ -8,7 +8,10 @@ import { jsonView, vueApp } from "./store";
 import './app.scss';
 
 // lib for deep merge
-import merge from 'lodash.merge';
+import * as mergeModule from 'lodash.merge';
+import { interopDefault } from "./utils/interop.js";
+
+const merge = interopDefault(mergeModule);
 
 const APP_ID = 'app';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "glib-web",
-  "version": "5.0.0",
+  "version": "5.0.5",
   "description": "",
   "main": "index.js",
   "scripts": {

package/templates/unsupported.vue

@@ -1,12 +1,12 @@
 <template>
-  <div>Unsupported template: {{ name }}</div>
+  <div>Unsupported template: {{ compName }}</div>
 </template>
 
 <script>
 export default {
   props: {
     spec: { type: Object, required: true },
-    name: { type: String, required: true }
+    compName: { type: String, required: true }
   }
 };
 </script>

package/utils/eventBus.js

@@ -1,5 +1,8 @@
 // eventBus.js
-import EventEmitter2 from "eventemitter2";
+import * as EventEmitter2Module from "eventemitter2";
+import { interopDefaultOr } from "./interop.js";
+
+const EventEmitter2 = interopDefaultOr(EventEmitter2Module, "EventEmitter2");
 
 const emitter = new EventEmitter2({ delimiter: '-', maxListeners: 0 });
 

package/utils/hash.js

@@ -1,4 +1,7 @@
-import merge from 'lodash.merge';
+import * as mergeModule from 'lodash.merge';
+import { interopDefault } from "./interop.js";
+
+const merge = interopDefault(mergeModule);
 export default class Hash {
   constructor(object) {
     if (object) {

package/utils/interop.js

@@ -0,0 +1,9 @@
+export function interopDefault(moduleRef) {
+  return moduleRef && moduleRef.default ? moduleRef.default : moduleRef;
+}
+
+export function interopDefaultOr(moduleRef, namedExport) {
+  if (moduleRef && moduleRef.default) return moduleRef.default;
+  if (moduleRef && moduleRef[namedExport]) return moduleRef[namedExport];
+  return moduleRef;
+}

package/cypress/e2e/glib-web/dialog.cy.ts

@@ -1,63 +0,0 @@
-import { testPageUrl } from "../../helper"
-import * as Type from "../../../utils/type.js"
-const url = testPageUrl('dialog')
-
-describe('dialog', () => {
-  it('updateExisting', () => {
-    cy.visit(url)
-    cy.contains('Dialog updateExisting').click()
-    cy.get('.v-dialog h1').should('contain.text', 'Hello world')
-    cy.get('.v-dialog .v-icon').should('exist')
-    cy.get('.v-dialog').contains('change dialog content').click()
-    cy.get('.v-dialog h1').should('contain.text', 'Hello world (updated)')
-    cy.get('.v-dialog .v-icon').should('not.exist')
-  })
-
-  it('open dialog', () => {
-    cy.visit(url)
-    cy.contains('Dialog open').click()
-    cy.get('.dialog-title > .close-btn').click()
-
-    cy.contains('Dialog open').click()
-    cy.get('.v-dialog').contains('close').click()
-
-    cy.get('.v-dialog').should('not.exist')
-  })
-
-  it('closeAll', () => {
-    cy.visit(url)
-    cy.contains('Dialog closeAll').click()
-    cy.get('.v-dialog', { timeout: 2000 }).should('exist')
-    cy.get('.v-dialog', { timeout: 4000 }).should('not.exist')
-  })
-
-  it('reload', () => {
-    cy.visit(url)
-    cy.contains('Dialog reload').click()
-    cy.get('.v-dialog').should('exist')
-    cy.get('.v-dialog').contains('Title')
-    cy.wait(1200)
-    cy.get('.v-dialog').should('exist')
-  })
-
-  it('notification triggers dialog alert', () => {
-    cy.visit(url)
-
-    cy.window().then((win) => {
-      if (Type.isNull(win.Push)) {
-        win.Push = { create: () => Promise.resolve() }
-      }
-
-      cy.stub(win.Push, 'create').callsFake((_title, options) => {
-        if (Type.isObject(options) && Type.isFunction(options.onClick)) {
-          options.onClick.call({ close: () => { } })
-        }
-        return Promise.resolve()
-      })
-    })
-
-    cy.contains('Dialog notification').click()
-    // cy.contains('.v-dialog', 'Perform action').should('exist')
-  })
-
-})