@riebeckite/plugin-query 0.0.5 → 0.0.6

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import type { QueryOptions } from "./src/types.js";
-export { remarkQuery } from "./src/remark.js";
 export { queryContentEntries } from "@riebeckite/core";
+export { remarkQuery } from "./src/remark.js";
 export type { QueryOptions, QueryOutputFormat, QuerySpec, } from "./src/types.js";
 export declare function queryPlugin(options?: QueryOptions): import("@riebeckite/core").RiebeckitePlugin<QueryOptions>;

package/dist/index.js

@@ -86,7 +86,9 @@ function renderTable(entries, query) {
   ).join("");
   const rows = entries.map((entry) => {
     const cells = columns.map((field) => {
-      const modifier = escapeHtmlAttribute(`rr-query__cell--${slugify(field)}`);
+      const modifier = escapeHtmlAttribute(
+        `rr-query__cell--${slugify(field)}`
+      );
       return `<td class="${escapeHtmlAttribute(className)}__cell ${modifier}">${renderCell(entry, field, className)}</td>`;
     }).join("");
     return `<tr class="${escapeHtmlAttribute(className)}__row">${cells}</tr>`;
@@ -130,8 +132,12 @@ function renderCell(entry, field, className) {
       return escapeHtml(formatValue(readFrontmatterField(entry, field)));
   }
 }
+function entryTitle(entry) {
+  const title = entry.frontmatter.title;
+  return typeof title === "string" && title.trim() ? title : entry.title;
+}
 function renderTitleLink(entry, className) {
-  return `<a class="${escapeHtmlAttribute(className)}__link" href="${escapeHtmlAttribute(entry.permalink)}">${escapeHtml(entry.title)}</a>`;
+  return `<a class="${escapeHtmlAttribute(className)}__link" href="${escapeHtmlAttribute(entry.permalink)}">${escapeHtml(entryTitle(entry))}</a>`;
 }
 function renderTags(tags, className) {
   return tags.map(
@@ -150,7 +156,8 @@ function columnLabel(field) {
 function formatValue(value) {
   if (value === void 0 || value === null) return "";
   if (value instanceof Date) return formatDate(value);
-  if (Array.isArray(value)) return value.map((item) => formatValue(item)).join(", ");
+  if (Array.isArray(value))
+    return value.map((item) => formatValue(item)).join(", ");
   if (typeof value === "string") {
     return DATE_ONLY.test(value.trim()) ? value.trim() : value;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-query",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,7 +18,11 @@
     "@types/mdast": "^4.0.4",
     "unist-util-visit": "^5.1.0",
     "vfile-matter": "^5.0.1",
-    "@riebeckite/core": "0.0.5"
+    "@riebeckite/core": "0.0.6"
+  },
+  "devDependencies": {
+    "tsx": "^4.22.4",
+    "@riebeckite/test": "0.0.6"
   },
   "publishConfig": {
     "access": "public"
@@ -53,6 +57,7 @@
     "./style.css"
   ],
   "scripts": {
-    "build": "node ../../../scripts/build_package.mjs"
+    "build": "node ../../../scripts/build_package.mjs",
+    "test": "node --import tsx --test \"test/*.test.ts\""
   }
 }

package/style.css

@@ -1,111 +1,111 @@
-.rr-query {
-  --rr-query-ink: var(--rb-color-ink, #000000);
-  --rr-query-paper: var(--rb-color-paper, #ffffff);
-  --rr-query-muted: var(--rb-color-muted, #69645c);
-  --rr-query-accent: var(--rb-color-accent, #686868);
-  --rr-query-rule: var(
-    --rb-color-border,
-    color-mix(in srgb, var(--rr-query-ink) 18%, transparent)
-  );
-  --rr-query-surface: color-mix(
-    in srgb,
-    var(--rr-query-paper) 94%,
-    var(--rr-query-ink)
-  );
-
-  margin: 1.5rem 0;
-  color: var(--rr-query-ink);
-}
-
-.rr-query__table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.9375rem;
-}
-
-.rr-query__heading {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid var(--rr-query-ink);
-  text-align: left;
-  font-weight: 700;
-}
-
-.rr-query__cell {
-  padding: 0.5rem 0.75rem;
-  vertical-align: top;
-}
-
-.rr-query__row:not(:last-child) .rr-query__cell {
-  border-bottom: 1px solid var(--rr-query-rule);
-}
-
-.rr-query__cell--date,
-.rr-query__meta--date,
-.rr-query__meta--created,
-.rr-query__meta--updated,
-.rr-query__meta--published {
-  color: var(--rr-query-muted);
-  white-space: nowrap;
-}
-
-.rr-query__link {
-  color: inherit;
-  text-decoration: underline;
-  text-decoration-color: var(--rr-query-rule);
-  text-underline-offset: 0.2em;
-}
-
-.rr-query__link:hover,
-.rr-query__link:focus-visible {
-  text-decoration-color: var(--rr-query-accent);
-}
-
-.rr-query__tag {
-  color: var(--rr-query-muted);
-  font-size: 0.8125em;
-  white-space: nowrap;
-}
-
-.rr-query__list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.rr-query__item {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  align-items: baseline;
-  padding: 0.5rem 0;
-  border-bottom: 1px solid var(--rr-query-rule);
-}
-
-.rr-query__item:last-child {
-  border-bottom: 0;
-}
-
-.rr-query__meta {
-  color: var(--rr-query-muted);
-  font-size: 0.8125em;
-}
-
-.rr-query--empty {
-  margin: 1.5rem 0;
-  color: var(--rr-query-muted);
-  font-style: italic;
-}
-
-.rr-query--error {
-  margin: 1.5rem 0;
-  padding: 0.75rem 1rem;
-  border: 1px solid var(--rr-query-ink);
-  background: var(--rr-query-surface);
-  font-size: 0.875rem;
-}
-
-html[data-theme="dark"] .rr-query,
-html.dark .rr-query {
-  --rr-query-ink: var(--rb-color-paper, #ffffff);
-  --rr-query-paper: var(--rb-color-ink, #000000);
-}
+.rr-query {
+  --rr-query-ink: var(--rb-color-ink, #000000);
+  --rr-query-paper: var(--rb-color-paper, #ffffff);
+  --rr-query-muted: var(--rb-color-muted, #69645c);
+  --rr-query-accent: var(--rb-color-accent, #686868);
+  --rr-query-rule: var(
+    --rb-color-border,
+    color-mix(in srgb, var(--rr-query-ink) 18%, transparent)
+  );
+  --rr-query-surface: color-mix(
+    in srgb,
+    var(--rr-query-paper) 94%,
+    var(--rr-query-ink)
+  );
+
+  margin: 1.5rem 0;
+  color: var(--rr-query-ink);
+}
+
+.rr-query__table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.9375rem;
+}
+
+.rr-query__heading {
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--rr-query-ink);
+  text-align: left;
+  font-weight: 700;
+}
+
+.rr-query__cell {
+  padding: 0.5rem 0.75rem;
+  vertical-align: top;
+}
+
+.rr-query__row:not(:last-child) .rr-query__cell {
+  border-bottom: 1px solid var(--rr-query-rule);
+}
+
+.rr-query__cell--date,
+.rr-query__meta--date,
+.rr-query__meta--created,
+.rr-query__meta--updated,
+.rr-query__meta--published {
+  color: var(--rr-query-muted);
+  white-space: nowrap;
+}
+
+.rr-query__link {
+  color: inherit;
+  text-decoration: underline;
+  text-decoration-color: var(--rr-query-rule);
+  text-underline-offset: 0.2em;
+}
+
+.rr-query__link:hover,
+.rr-query__link:focus-visible {
+  text-decoration-color: var(--rr-query-accent);
+}
+
+.rr-query__tag {
+  color: var(--rr-query-muted);
+  font-size: 0.8125em;
+  white-space: nowrap;
+}
+
+.rr-query__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.rr-query__item {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: baseline;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid var(--rr-query-rule);
+}
+
+.rr-query__item:last-child {
+  border-bottom: 0;
+}
+
+.rr-query__meta {
+  color: var(--rr-query-muted);
+  font-size: 0.8125em;
+}
+
+.rr-query--empty {
+  margin: 1.5rem 0;
+  color: var(--rr-query-muted);
+  font-style: italic;
+}
+
+.rr-query--error {
+  margin: 1.5rem 0;
+  padding: 0.75rem 1rem;
+  border: 1px solid var(--rr-query-ink);
+  background: var(--rr-query-surface);
+  font-size: 0.875rem;
+}
+
+html[data-theme="dark"] .rr-query,
+html.dark .rr-query {
+  --rr-query-ink: var(--rb-color-paper, #ffffff);
+  --rr-query-paper: var(--rb-color-ink, #000000);
+}