glib-web 5.0.7 → 6.0.0

package/cypress/support/component.js

@@ -1,5 +1,5 @@
 import "./commands.js";
-import "@cypress/code-coverage/support.js";
+import "@cypress/code-coverage/support";
 import { isFunction, isObject } from "../../utils/type.js";
 
 const win = window;

package/cypress/support/e2e.js

@@ -15,21 +15,28 @@
 
 // Import commands.js using ES2015 syntax:
 import "./commands.js";
-import "@cypress/code-coverage/support.js";
-import { isFunction, isObject } from "../../utils/type.js";
+import "@cypress/code-coverage/support";
+// import { isFunction, isObject } from "../../utils/type.js";
 
-Cypress.on("window:before:load", (win) => {
-  if (!isObject(win) || !isObject(win.console)) return;
+// Cypress.on("window:before:load", (win) => {
+//   if (!isObject(win) || !isObject(win.console)) return;
 
-  if (isFunction(win.console.log)) {
-    win.console.log = () => {};
-  }
-  if (isFunction(win.console.warn)) {
-    win.console.warn = () => {};
-  }
-  if (isFunction(win.console.info)) {
-    win.console.info = () => {};
-  }
+//   if (isFunction(win.console.log)) {
+//     win.console.log = () => {};
+//   }
+//   if (isFunction(win.console.warn)) {
+//     win.console.warn = () => {};
+//   }
+//   if (isFunction(win.console.info)) {
+//     win.console.info = () => {};
+//   }
+// });
+
+// Stripe and Google Maps telemetry requests block cy.visit() in Cypress 15+ due
+// to stricter network idle detection. Stub them globally so they don't stall tests.
+beforeEach(() => {
+  cy.intercept('https://m.stripe.com/**', { statusCode: 200, body: {}, log: false },);
+  cy.intercept('https://maps.googleapis.com/**', { statusCode: 200, body: {}, log: false });
 });
 
 // Ignore retry failures from backend error pages so specs can assert UI state.

package/doc/dependabot.md

@@ -0,0 +1,22 @@
+## Handling Dependabot Dependency Updates
+
+### Review the changelog first
+Before merging, check what changed between versions — especially for major bumps. Look for breaking changes, deprecated APIs, or behavior changes.
+
+### Understand semver signals
+- **Patch (1.0.x)** — bug/security fixes, generally safe to merge
+- **Minor (1.x.0)** — new features, backward-compatible, low risk
+- **Major (x.0.0)** — breaking changes likely, requires careful review and testing
+
+The general rule: patch = merge quickly, minor = review and merge, major = treat like a migration task.
+
+### Don't skip tests
+Make sure CI runs the full test suite on each Dependabot PR before merging. If tests are absent, do a manual smoke test of critical paths.
+
+For **minor version updates**, run the Cypress test suite locally before merging (`yarn test`). New features in a minor bump can introduce subtle behavior changes that unit tests won't catch.
+
+### Check for dependency compatibility
+Bumping one package can cause peer dependency conflicts with others. Review the `yarn.lock` diff — a surprisingly large change warrants a closer look. Also check that the updated package is compatible with other key dependencies (e.g. a Vite plugin bumped to support Vite 6 may break if you're still on Vite 5).
+
+### Don't blindly auto-merge everything
+Auto-merge is reasonable for patch-level updates in well-tested projects, but be cautious with minor/major bumps or packages central to the app (e.g. web framework, auth libraries).

package/eslint-rules/index.js

@@ -89,7 +89,7 @@ function containsSpecReference(node, visitorKeys, matcher) {
 
 function findEnclosingOptionsFunctionName(node, context, names) {
   if (!isArray(names)) return null;
-  const ancestors = context.getAncestors();
+  const ancestors = context.sourceCode.getAncestors(node);
   for (let i = ancestors.length - 1; i >= 0; i -= 1) {
     const ancestor = ancestors[i];
     if (!isFunctionNode(ancestor)) continue;
@@ -110,7 +110,7 @@ function isSetupFunction(node) {
 }
 
 function isInSetup(node, context) {
-  const ancestors = context.getAncestors();
+  const ancestors = context.sourceCode.getAncestors(node);
   for (let i = ancestors.length - 1; i >= 0; i -= 1) {
     const ancestor = ancestors[i];
     if (isSetupFunction(ancestor)) return true;
@@ -119,7 +119,7 @@ function isInSetup(node, context) {
 }
 
 function isVueFile(context) {
-  const filename = context.getFilename();
+  const filename = context.filename;
   if (!isString(filename)) return false;
   return filename.endsWith(".vue");
 }
@@ -136,7 +136,7 @@ const rules = {
     },
     create(context) {
       if (!isVueFile(context)) return {};
-      const sourceCode = context.getSourceCode();
+      const sourceCode = context.sourceCode;
       const visitorKeys = sourceCode.visitorKeys;
 
       return {
@@ -170,7 +170,7 @@ const rules = {
     },
     create(context) {
       if (!isVueFile(context)) return {};
-      const sourceCode = context.getSourceCode();
+      const sourceCode = context.sourceCode;
       const visitorKeys = sourceCode.visitorKeys;
 
       return {
@@ -201,7 +201,7 @@ const rules = {
     },
     create(context) {
       if (!isVueFile(context)) return {};
-      const sourceCode = context.getSourceCode();
+      const sourceCode = context.sourceCode;
       const visitorKeys = sourceCode.visitorKeys;
 
       return {

package/nav/dialog.vue

@@ -56,10 +56,10 @@ export default {
     "panels-form": FormPanel,
   },
   extends: GlibBase,
-  expose: ['model', 'close', 'isFormDirty'],
   props: {
     spec: { type: Object, required: true }, // Original spec. It might be different from the latest spec (after reloading).
   },
+  expose: ['model', 'close', 'isFormDirty'],
   setup() {
     const filePaster = ref(undefined);
     usePasteable(filePaster);

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "glib-web",
-  "version": "5.0.7",
+  "version": "6.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -42,30 +42,32 @@
     "turndown": "^7.1.1",
     "turndown-plugin-gfm": "^1.0.2",
     "v-phone-input": "^4.2.2",
-    "vue": "3.5.15",
+    "vue": "3.5.33",
     "vue-chartkick": "^1.1.0",
     "vue-social-sharing": "^4.0.0-alpha4",
     "vuedraggable": "^4.1.0",
-    "vuetify": "3.8.6"
+    "vuetify": "^4.0.7"
   },
   "devDependencies": {
-    "typescript-eslint": "^8.54.0",
+    "@cypress/code-coverage": "^4.0.3",
+    "@cypress/vite-dev-server": "^7.3.1",
+    "@eslint/js": "^10.0.1",
+    "@types/chart.js": "^4.0.1",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "cypress": "^15.14.2",
+    "eslint": "^10.3.0",
     "eslint-config-prettier": "^10.1.8",
-    "@cypress/code-coverage": "^3.14.7",
-    "@cypress/vite-dev-server": "^5.0.0",
-    "@types/chart.js": "^2.9.34",
-    "@vitejs/plugin-vue": "^6.0.2",
-    "cypress": "^13.13.1",
-    "eslint": "^8.36.0",
     "eslint-plugin-chai-friendly": "^1.0.1",
-    "eslint-plugin-vue": "^9.26.0",
-    "prettier": "^1.18.2",
+    "eslint-plugin-vue": "^10.9.0",
+    "prettier": "^3.8.3",
     "sass-embedded": "^1.97.1",
-    "typescript": "^4.9.5",
-    "vite": "^7.2.7",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.54.0",
+    "vite": "^8.0.10",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-environment": "^1.1.3",
-    "vite-plugin-istanbul": "^7.2.1",
-    "vite-plugin-ruby": "^5.1.1"
+    "vite-plugin-istanbul": "^8.0.0",
+    "vite-plugin-ruby": "^5.1.1",
+    "vue-eslint-parser": "^10.4.0"
   }
 }

package/templates/_menu.vue

@@ -1,7 +1,7 @@
 <template>
-  <v-list-item-action v-if="editMenu">
+  <div v-if="editMenu">
     <common-dropdownMenu :spec="editMenu" />
-  </v-list-item-action>
+  </div>
 </template>
 
 <script>

package/cypress/component/inputUpload.cy.js

@@ -1,103 +0,0 @@
-import inputUpload from "../../components/fields/inputUpload.vue";
-import Uploader from "../../utils/glibDirectUpload";
-import { mountWithGlib, restoreUploaderStartStub, setupGlibGlobals } from "./testUtils";
-
-const buildSpec = (overrides = {}) => ({
-  name: "user[file]",
-  label: "Upload file",
-  accepts: { fileType: "txt" },
-  ...overrides,
-});
-
-const mountComponent = (spec) => {
-  mountWithGlib(inputUpload, spec);
-};
-
-describe("inputUpload", () => {
-  beforeEach(() => {
-    setupGlibGlobals();
-  });
-
-  afterEach(() => {
-    restoreUploaderStartStub();
-  });
-
-  it("uploads via direct upload and sets hidden signed ids", () => {
-    cy.stub(Uploader.prototype, "start")
-      .callsFake((callback) => {
-        callback(null, { signed_id: "signed-123" });
-      })
-      .as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("have.been.calledOnce");
-    cy.get('input[type="hidden"]')
-      .should("have.value", "signed-123")
-      .and("have.attr", "name", "user[file]");
-  });
-
-  it("blocks uploads when file type validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "image" },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("not.exist");
-  });
-
-  it("blocks uploads when file size validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "txt", maxFileSize: 0.000001 },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("not.exist");
-  });
-
-  it("blocks uploads when file count validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "txt", maxFileLength: 1 },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-        files: [
-          {
-            url: "https://example.com/existing.txt",
-            name: "existing.txt",
-            signed_id: "signed-existing",
-            type: "text/plain",
-          },
-        ],
-        multiple: true,
-      })
-    );
-
-    cy.get('input[type="hidden"]').should("have.length", 1);
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("have.length", 1);
-  });
-});

package/cypress/component/multiUpload.cy.js

@@ -1,107 +0,0 @@
-import multiUpload from "../../components/fields/multiUpload.vue";
-import Uploader from "../../utils/glibDirectUpload";
-import { mountWithGlib, restoreUploaderStartStub, setupGlibGlobals } from "./testUtils";
-
-const buildSpec = (overrides = {}) => ({
-  name: "user[files][]",
-  accepts: { fileType: "txt" },
-  placeholder: "Drop files",
-  hint: "Attach files",
-  ...overrides,
-});
-
-const mountComponent = (spec) => {
-  mountWithGlib(multiUpload, spec);
-};
-
-describe("multiUpload", () => {
-  beforeEach(() => {
-    setupGlibGlobals();
-  });
-
-  afterEach(() => {
-    restoreUploaderStartStub();
-  });
-
-  it("uploads via direct upload and sets hidden signed ids", () => {
-    cy.stub(Uploader.prototype, "start")
-      .callsFake((callback) => {
-        callback(null, { signed_id: "signed-123" });
-      })
-      .as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get(".gdrop-file").click({ force: true });
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("have.been.calledOnce");
-    cy.get('input[type="hidden"]')
-      .should("have.value", "signed-123")
-      .and("have.attr", "name", "user[files][]");
-  });
-
-  it("blocks uploads when file type validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "image" },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get(".gdrop-file").click({ force: true });
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("not.exist");
-  });
-
-  it("blocks uploads when file size validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "txt", maxFileSize: 0.000001 },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get(".gdrop-file").click({ force: true });
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("not.exist");
-  });
-
-  it("blocks uploads when file count validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "txt", maxFileLength: 1 },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-        files: [
-          {
-            url: "https://example.com/existing.txt",
-            name: "existing.txt",
-            signed_id: "signed-existing",
-            type: "text/plain",
-          },
-        ],
-      })
-    );
-
-    cy.get(".gdrop-file").click({ force: true });
-    cy.get('input[type="hidden"]').should("have.length", 1);
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("have.length", 1);
-  });
-});

package/cypress/component/placeholderUpload.cy.js

@@ -1,91 +0,0 @@
-import placeholderUpload from "../../components/fields/placeholderUpload.vue";
-import Uploader from "../../utils/glibDirectUpload";
-import { mountWithGlib, restoreUploaderStartStub, setupGlibGlobals } from "./testUtils";
-
-const buildSpec = (overrides = {}) => ({
-  name: "user[file]",
-  type: "image",
-  width: 120,
-  height: 80,
-  url: "https://example.com/image.png",
-  accepts: { fileType: "txt" },
-  ...overrides,
-});
-
-const mountComponent = (spec) => {
-  mountWithGlib(placeholderUpload, spec);
-};
-
-describe("placeholderUpload", () => {
-  beforeEach(() => {
-    setupGlibGlobals();
-  });
-
-  afterEach(() => {
-    restoreUploaderStartStub();
-  });
-
-  it("uploads via direct upload and sets hidden signed id", () => {
-    cy.stub(Uploader.prototype, "start")
-      .callsFake((callback) => {
-        callback(null, { signed_id: "signed-123" });
-      })
-      .as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("have.been.calledOnce");
-    cy.get('input[type="hidden"]')
-      .should("have.value", "signed-123")
-      .and("have.attr", "name", "user[file]");
-  });
-
-  it("uses native file input when direct upload is not set", () => {
-    mountComponent(buildSpec());
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get('input[type="file"]').then((input) => {
-      expect(input[0].files).to.have.length(1);
-    });
-    cy.get('input[type="hidden"]').should("not.exist");
-  });
-
-  it("blocks uploads when file type validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "image" },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("have.value", "");
-  });
-
-  it("blocks uploads when file size validation fails", () => {
-    cy.stub(Uploader.prototype, "start").as("directUploadStart");
-
-    mountComponent(
-      buildSpec({
-        accepts: { fileType: "txt", maxFileSize: 0.000001 },
-        directUploadUrl: "/rails/active_storage/direct_uploads",
-      })
-    );
-
-    cy.get('input[type="file"]').selectFile("cypress/fixtures/upload.txt", { force: true });
-
-    cy.get("@directUploadStart").should("not.have.been.called");
-    cy.get('input[type="hidden"]').should("have.value", "");
-  });
-});