@shwfed/config 2.12.15 → 2.12.17

package/dist/runtime/share/viewport.d.ts

@@ -0,0 +1,16 @@
+import type { Ref } from 'vue';
+/**
+ * A reactive counter that increments on any viewport change (resize /
+ * orientation). Read its `.value` inside a `computed` to make that computed
+ * re-evaluate when the viewport changes.
+ *
+ * This is the reactive dependency a `media('…')` CEL query otherwise lacks:
+ * `window.matchMedia(q).matches` is a one-shot, untracked read, so a layout
+ * gated on `media('(max-width: 900px)')` would be frozen at its mount-time
+ * value and never re-select when the window is resized (or DevTools docked).
+ * Touching this ref inside the selection `computed` closes that gap.
+ *
+ * SSR-safe and self-cleaning: `useEventListener` no-ops without a `window` and
+ * detaches automatically when the owning component's effect scope disposes.
+ */
+export declare function useViewportRevision(): Ref<number>;

package/dist/runtime/share/viewport.js

@@ -0,0 +1,11 @@
+import { ref } from "vue";
+import { useEventListener } from "@vueuse/core";
+export function useViewportRevision() {
+  const revision = ref(0);
+  const bump = () => {
+    revision.value++;
+  };
+  useEventListener("resize", bump, { passive: true });
+  useEventListener("orientationchange", bump, { passive: true });
+  return revision;
+}

package/dist/runtime/utils/cel.js

@@ -22,7 +22,12 @@ function unwrapCelValue(value) {
 const env = new Environment({ unlistedVariablesAreDyn: true });
 env.registerFunction(
   "media(string): bool",
-  (_self, q) => typeof window !== "undefined" && window.matchMedia(q).matches
+  // Global (non-method) function: the evaluator passes the CEL argument as the
+  // first parameter (no receiver/`self` prepended — that shape is method-only,
+  // as in `list<number>.sum()` below). A leading `_self` here would bind the
+  // query string to `_self` and the AST node to `q`, so `matchMedia` would
+  // stringify the AST and never match — the "media always false" bug.
+  (q) => typeof window !== "undefined" && window.matchMedia(q).matches
 );
 env.registerFunction(
   "list<number>.sum(): number",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.12.15",
+  "version": "2.12.17",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {