@at-flux/astroflare 1.0.7 → 1.0.8

package/dist/core.cjs

@@ -79,7 +79,7 @@ const formatDisplayDate = (date, config = {}) => {
 //#region src/collection-query.ts
 const normalizeFilterToken = (value) => value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").replace(/_+/g, "_");
 const parseFilterValueList = (value) => (value ?? "").split(",").map(normalizeFilterToken).filter(Boolean).filter((token, index, list) => list.indexOf(token) === index);
-const formatFilterValueListLabel = (value) => parseFilterValueList(value).map((token) => token.replace(/_/g, " ").toUpperCase()).join(" + ");
+const formatFilterValueListLabel = (value) => parseFilterValueList(value).map((token) => token.replace(/_/g, " ").toUpperCase()).join(", ");
 const toInt = (value, fallback) => {
 	const parsed = Number.parseInt(value ?? "", 10);
 	return Number.isFinite(parsed) ? parsed : fallback;

package/dist/core.js

@@ -78,7 +78,7 @@ const formatDisplayDate = (date, config = {}) => {
 //#region src/collection-query.ts
 const normalizeFilterToken = (value) => value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").replace(/_+/g, "_");
 const parseFilterValueList = (value) => (value ?? "").split(",").map(normalizeFilterToken).filter(Boolean).filter((token, index, list) => list.indexOf(token) === index);
-const formatFilterValueListLabel = (value) => parseFilterValueList(value).map((token) => token.replace(/_/g, " ").toUpperCase()).join(" + ");
+const formatFilterValueListLabel = (value) => parseFilterValueList(value).map((token) => token.replace(/_/g, " ").toUpperCase()).join(", ");
 const toInt = (value, fallback) => {
 	const parsed = Number.parseInt(value ?? "", 10);
 	return Number.isFinite(parsed) ? parsed : fallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@at-flux/astroflare",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "description": "Reusable headless components, styles, and utilities for Astro + Tailwind v4 + Cloudflare projects",
   "author": "atflux <dev@atflux.uk>",

package/src/collection-query.ts

@@ -37,7 +37,7 @@ export const parseFilterValueList = (value: string | undefined): string[] =>
 export const formatFilterValueListLabel = (value: string | undefined): string =>
   parseFilterValueList(value)
     .map((token) => token.replace(/_/g, " ").toUpperCase())
-    .join(" + ");
+    .join(", ");
 
 const toInt = (value: string | null, fallback: number): number => {
   const parsed = Number.parseInt(value ?? "", 10);

package/src/components/CollectionQuery.astro

@@ -30,11 +30,13 @@ const pathname = serverProps?.pathname ?? "";
 const query = serverProps?.query ?? { page: 1, size: 9, offset: 0, filters: {} };
 const totalPages = serverProps?.totalPages ?? 1;
 const currentPage = serverProps?.currentPage ?? 1;
+const totalItems = serverProps?.totalItems ?? 0;
 
 const activeFilters = query.filters ?? {};
 const normalize = (value: string): string => value.trim().toLowerCase();
 const maxTagFilters = 5;
 const activeTagTokens = parseFilterValueList(activeFilters.tag);
+const lockFiltersToAll = totalItems === 0 && activeTagTokens.length >= 2;
 const allHref = buildCollectionHref(pathname, query, { filters: {}, page: 1, offset: 0 });
 const serverFilterItems = filters.map((option) => {
   const isTagFilter = option.key === "tag";
@@ -58,7 +60,7 @@ const serverFilterItems = filters.map((option) => {
   } else {
     nextFilters[option.key] = normalizeFilterToken(option.value);
   }
-  const isDisabledTag = isTagFilter && !isSelectedTag && !canAddTag;
+  const isDisabledTag = isTagFilter && (lockFiltersToAll || (!isSelectedTag && !canAddTag));
   return {
     value: `${option.key}:${option.value}`,
     label: option.label ?? option.value,

package/src/components/collection-query-props.ts

@@ -41,6 +41,8 @@ export interface CollectionQueryServerProps extends CollectionQueryBaseProps {
   totalPages: number;
   /** Currently selected page (1-based) in server mode. */
   currentPage: number;
+  /** Total filtered items for current query (used for empty-state control behavior). */
+  totalItems?: number;
 }
 
 export interface CollectionQueryClientProps extends CollectionQueryBaseProps {