chore!: bump version to 4.5.2

use new transition curve for all callout transitions
fix(callouts): match callout DOM to Obsidian
2025-09-21 17:06:54 +00:00 · 2025-08-25 15:45:22 +02:00 · 2025-08-25 14:05:07 +02:00 · 2025-08-21 09:37:59 -07:00 · 2025-08-15 13:27:56 -07:00 · 2025-08-12 23:56:04 -04:00
18 changed files with 131 additions and 113 deletions
--- a/.github/workflows/build-preview.yaml
+++ b/.github/workflows/build-preview.yaml
@@ -11,7 +11,7 @@ jobs:
    runs-on: ubuntu-latest
    name: Build Preview
    steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
        with:
          fetch-depth: 0

--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -19,7 +19,7 @@ jobs:
    permissions:
      contents: write
    steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
        with:
          fetch-depth: 0

@@ -53,7 +53,7 @@ jobs:
    permissions:
      contents: write
    steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
        with:
          fetch-depth: 0
      - name: Setup Node
--- a/.github/workflows/deploy-preview.yaml
+++ b/.github/workflows/deploy-preview.yaml
@@ -18,7 +18,7 @@ jobs:
    name: Deploy Preview to Cloudflare Pages
    steps:
      - name: Download build artifact
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v5
        id: preview-build-artifact
        with:
          name: preview-build
--- a/.github/workflows/docker-build-push.yaml
+++ b/.github/workflows/docker-build-push.yaml
@@ -21,11 +21,11 @@ jobs:
          echo "OWNER_LOWERCASE=${OWNER,,}" >> ${GITHUB_ENV}
        env:
          OWNER: "${{ github.repository_owner }}"
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
        with:
          fetch-depth: 1
      - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v5.1.0
+        uses: rlespinasse/github-slug-action@v5.2.0
      - name: Set up QEMU
        uses: docker/setup-qemu-action@v3
      - name: Set up Docker Buildx
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -34,6 +34,7 @@ This part of the configuration concerns anything that can affect the whole site.
  - `{ provider: 'tinylytics', siteId: '<your-site-id>' }`: use [Tinylytics](https://tinylytics.app/);
  - `{ provider: 'cabin' }` or `{ provider: 'cabin', host: 'https://cabin.example.com' }` (custom domain): use [Cabin](https://withcabin.com);
  - `{provider: 'clarity', projectId: '<your-clarity-id-code' }`: use [Microsoft clarity](https://clarity.microsoft.com/). The project id can be found on top of the overview page.
+  - `{ provider: 'matomo', siteId: '<your-matomo-id-code', host: 'matomo.example.com' }`: use [Matomo](https://matomo.org/), without protocol.
 - `locale`: used for [[i18n]] and date formatting
 - `baseUrl`: this is used for sitemaps and RSS feeds that require an absolute URL to know where the canonical 'home' of your site lives. This is normally the deployed URL of your site (e.g. `quartz.jzhao.xyz` for this site). Do not include the protocol (i.e. `https://`) or any leading or trailing slashes.
  - This should also include the subpath if you are [[hosting]] on GitHub pages without a custom domain. For example, if my repository is `jackyzha0/quartz`, GitHub pages would deploy to `https://jackyzha0.github.io/quartz` and the `baseUrl` would be `jackyzha0.github.io/quartz`.
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,21 +1,20 @@
 {
  "name": "@jackyzha0/quartz",
-  "version": "4.5.1",
+  "version": "4.5.2",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "@jackyzha0/quartz",
-      "version": "4.5.1",
+      "version": "4.5.2",
      "license": "MIT",
      "dependencies": {
        "@clack/prompts": "^0.11.0",
-        "@floating-ui/dom": "^1.7.2",
+        "@floating-ui/dom": "^1.7.3",
        "@myriaddreamin/rehype-typst": "^0.6.0",
        "@napi-rs/simple-git": "0.1.21",
        "@tweenjs/tween.js": "^25.0.0",
-        "@webgpu/types": "^0.1.64",
-        "ansi-truncate": "^1.2.0",
+        "ansi-truncate": "^1.3.0",
        "async-mutex": "^0.5.0",
        "chokidar": "^4.0.3",
        "cli-spinner": "^0.2.10",
@@ -36,7 +35,7 @@
        "mdast-util-to-string": "^4.0.0",
        "micromorph": "^0.4.5",
        "minimatch": "^10.0.3",
-        "pixi.js": "^8.11.0",
+        "pixi.js": "^8.12.0",
        "preact": "^10.27.0",
        "preact-render-to-string": "^6.5.13",
        "pretty-bytes": "^7.0.0",
@@ -58,7 +57,7 @@
        "remark-rehype": "^11.1.2",
        "remark-smartypants": "^3.0.2",
        "rfdc": "^1.4.1",
-        "satori": "^0.16.1",
+        "satori": "^0.16.2",
        "serve-handler": "^6.1.6",
        "sharp": "^0.34.3",
        "shiki": "^1.26.2",
@@ -79,7 +78,7 @@
        "@types/d3": "^7.4.3",
        "@types/hast": "^3.0.4",
        "@types/js-yaml": "^4.0.9",
-        "@types/node": "^24.1.0",
+        "@types/node": "^24.2.1",
        "@types/pretty-time": "^1.1.5",
        "@types/source-map-support": "^0.5.10",
        "@types/ws": "^8.18.1",
@@ -87,7 +86,7 @@
        "esbuild": "^0.25.8",
        "prettier": "^3.6.2",
        "tsx": "^4.20.3",
-        "typescript": "^5.8.3"
+        "typescript": "^5.9.2"
      },
      "engines": {
        "node": ">=22",
@@ -624,21 +623,21 @@
      }
    },
    "node_modules/@floating-ui/core": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
-      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
      "license": "MIT",
      "dependencies": {
        "@floating-ui/utils": "^0.2.10"
      }
    },
    "node_modules/@floating-ui/dom": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
-      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
+      "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
      "license": "MIT",
      "dependencies": {
-        "@floating-ui/core": "^1.7.2",
+        "@floating-ui/core": "^1.7.3",
        "@floating-ui/utils": "^0.2.10"
      }
    },
@@ -2041,13 +2040,13 @@
      }
    },
    "node_modules/@types/node": {
-      "version": "24.1.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.1.0.tgz",
-      "integrity": "sha512-ut5FthK5moxFKH2T1CUOC6ctR67rQRvvHdFLCD2Ql6KXmMuCrjsSsRI9UsLCm9M18BMwClv4pn327UvB7eeO1w==",
+      "version": "24.2.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz",
+      "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "undici-types": "~7.8.0"
+        "undici-types": "~7.10.0"
      }
    },
    "node_modules/@types/pretty-time": {
@@ -2151,12 +2150,12 @@
      }
    },
    "node_modules/ansi-truncate": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-truncate/-/ansi-truncate-1.2.0.tgz",
-      "integrity": "sha512-/SLVrxNIP8o8iRHjdK3K9s2hDqdvb86NEjZOAB6ecWFsOo+9obaby97prnvAPn6j7ExXCpbvtlJFYPkkspg4BQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-truncate/-/ansi-truncate-1.3.0.tgz",
+      "integrity": "sha512-hSLkS/Ur9acn+vEi/kRC6HzW56sjgU1Q9qXroVV8Hcf3cURAeUuXXQY239IoSK/d0iHfu2ZEuLBdAn8I+4TSzA==",
      "license": "MIT",
      "dependencies": {
-        "fast-string-truncated-width": "^1.2.0"
+        "fast-string-truncated-width": "^2.0.0"
      }
    },
    "node_modules/argparse": {
@@ -2468,9 +2467,10 @@
      }
    },
    "node_modules/css-gradient-parser": {
-      "version": "0.0.16",
-      "resolved": "https://registry.npmjs.org/css-gradient-parser/-/css-gradient-parser-0.0.16.tgz",
-      "integrity": "sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==",
+      "version": "0.0.17",
+      "resolved": "https://registry.npmjs.org/css-gradient-parser/-/css-gradient-parser-0.0.17.tgz",
+      "integrity": "sha512-w2Xy9UMMwlKtou0vlRnXvWglPAceXCTtcmVSo8ZBUvqCV5aXEFP/PC6d+I464810I9FT++UACwTD5511bmGPUg==",
+      "license": "MIT",
      "engines": {
        "node": ">=16"
      }
@@ -3098,9 +3098,9 @@
      }
    },
    "node_modules/fast-string-truncated-width": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-1.2.1.tgz",
-      "integrity": "sha512-Q9acT/+Uu3GwGj+5w/zsGuQjh9O1TyywhIwAxHudtWrgF09nHOPrvTLhQevPbttcxjr/SNN7mJmfOw/B1bXgow==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-2.0.1.tgz",
+      "integrity": "sha512-Pl/IUsHVYft5xJvj6JaNv77Eg7BSva53V0SA7wPy5x3FfM7zgORdpGkUZiWoSJFuvK6qNVdh//lx1g3SYIJ10g==",
      "license": "MIT"
    },
    "node_modules/fastq": {
@@ -5432,9 +5432,9 @@
      }
    },
    "node_modules/pixi.js": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-8.11.0.tgz",
-      "integrity": "sha512-dyuThzncsgEgJZnvd/A/5x6IkUERbK+phXqUQrI+0C6WE+8xqGH5VChRTLecemhgZF0kQ+gZOM3tJTX9937xpg==",
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-8.12.0.tgz",
+      "integrity": "sha512-or7vrH7WajLevu/JnGMdD80JaSpTlXfjwCLtzhg2BL60LWPf1pF0w08Qleiqr1Saj012gevguM//+6HzzVlnfA==",
      "license": "MIT",
      "dependencies": {
        "@pixi/colord": "^2.9.6",
@@ -5442,7 +5442,7 @@
        "@types/earcut": "^3.0.0",
        "@webgpu/types": "^0.1.40",
        "@xmldom/xmldom": "^0.8.10",
-        "earcut": "^3.0.1",
+        "earcut": "^3.0.2",
        "eventemitter3": "^5.0.1",
        "gifuct-js": "^2.1.2",
        "ismobilejs": "^1.1.1",
@@ -6413,15 +6413,15 @@
      }
    },
    "node_modules/satori": {
-      "version": "0.16.1",
-      "resolved": "https://registry.npmjs.org/satori/-/satori-0.16.1.tgz",
-      "integrity": "sha512-JM4bFaca8HMA11Xyfgrclv9qIPnd9uhUDr2oYrVlzqTrV7EA/VEeq/7hwe8r0eQP4JwNVW70JBtLRk0v48BTXg==",
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/satori/-/satori-0.16.2.tgz",
+      "integrity": "sha512-tORnR2UZ1cB9N81WDjx5ZC4ToPmkybnJWyR8N1OC/z+5kWZcG1mcLssJ5WLNBj1lNr2igIFW0bIiugCxRKL/jQ==",
      "license": "MPL-2.0",
      "dependencies": {
        "@shuding/opentype.js": "1.4.0-beta.0",
        "css-background-parser": "^0.1.0",
        "css-box-shadow": "1.0.0-3",
-        "css-gradient-parser": "^0.0.16",
+        "css-gradient-parser": "^0.0.17",
        "css-to-react-native": "^3.0.0",
        "emoji-regex-xs": "^2.0.1",
        "escape-html": "^1.0.3",
@@ -6838,9 +6838,9 @@
      }
    },
    "node_modules/typescript": {
-      "version": "5.8.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
-      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
+      "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
      "dev": true,
      "license": "Apache-2.0",
      "bin": {
@@ -6852,9 +6852,9 @@
      }
    },
    "node_modules/undici-types": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
-      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz",
+      "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==",
      "dev": true,
      "license": "MIT"
    },
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
  "name": "@jackyzha0/quartz",
  "description": "🌱 publish your digital garden and notes as a website",
  "private": true,
-  "version": "4.5.1",
+  "version": "4.5.2",
  "type": "module",
  "author": "jackyzha0 <j.zhao2k19@gmail.com>",
  "license": "MIT",
@@ -36,12 +36,11 @@
  },
  "dependencies": {
    "@clack/prompts": "^0.11.0",
-    "@floating-ui/dom": "^1.7.2",
+    "@floating-ui/dom": "^1.7.3",
    "@myriaddreamin/rehype-typst": "^0.6.0",
    "@napi-rs/simple-git": "0.1.21",
    "@tweenjs/tween.js": "^25.0.0",
-    "@webgpu/types": "^0.1.64",
-    "ansi-truncate": "^1.2.0",
+    "ansi-truncate": "^1.3.0",
    "async-mutex": "^0.5.0",
    "chokidar": "^4.0.3",
    "cli-spinner": "^0.2.10",
@@ -62,7 +61,7 @@
    "mdast-util-to-string": "^4.0.0",
    "micromorph": "^0.4.5",
    "minimatch": "^10.0.3",
-    "pixi.js": "^8.11.0",
+    "pixi.js": "^8.12.0",
    "preact": "^10.27.0",
    "preact-render-to-string": "^6.5.13",
    "pretty-bytes": "^7.0.0",
@@ -84,7 +83,7 @@
    "remark-rehype": "^11.1.2",
    "remark-smartypants": "^3.0.2",
    "rfdc": "^1.4.1",
-    "satori": "^0.16.1",
+    "satori": "^0.16.2",
    "serve-handler": "^6.1.6",
    "sharp": "^0.34.3",
    "shiki": "^1.26.2",
@@ -102,7 +101,7 @@
    "@types/d3": "^7.4.3",
    "@types/hast": "^3.0.4",
    "@types/js-yaml": "^4.0.9",
-    "@types/node": "^24.1.0",
+    "@types/node": "^24.2.1",
    "@types/pretty-time": "^1.1.5",
    "@types/source-map-support": "^0.5.10",
    "@types/ws": "^8.18.1",
@@ -110,6 +109,6 @@
    "esbuild": "^0.25.8",
    "prettier": "^3.6.2",
    "tsx": "^4.20.3",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
  }
 }
--- a/quartz/cfg.ts
+++ b/quartz/cfg.ts
@@ -42,6 +42,11 @@ export type Analytics =
      provider: "clarity"
      projectId?: string
    }
+  | {
+      provider: "matomo"
+      host: string
+      siteId: string
+    }

 export interface GlobalConfiguration {
  pageTitle: string
--- a/quartz/components/Explorer.tsx
+++ b/quartz/components/Explorer.tsx
@@ -55,11 +55,14 @@ export type FolderState = {
  collapsed: boolean
 }

+let numExplorers = 0
 export default ((userOpts?: Partial<Options>) => {
  const opts: Options = { ...defaultOptions, ...userOpts }
  const { OverflowList, overflowListAfterDOMLoaded } = OverflowListFactory()

  const Explorer: QuartzComponent = ({ cfg, displayClass }: QuartzComponentProps) => {
+    const id = `explorer-${numExplorers++}`
+
    return (
      <div
        class={classNames(displayClass, "explorer")}
@@ -77,7 +80,7 @@ export default ((userOpts?: Partial<Options>) => {
          type="button"
          class="explorer-toggle mobile-explorer hide-until-loaded"
          data-mobile={true}
-          aria-controls="explorer-content"
+          aria-controls={id}
        >
          <svg
            xmlns="http://www.w3.org/2000/svg"
@@ -116,7 +119,7 @@ export default ((userOpts?: Partial<Options>) => {
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </button>
-        <div class="explorer-content" aria-expanded={false}>
+        <div id={id} class="explorer-content" aria-expanded={false} role="group">
          <OverflowList class="explorer-ul" />
        </div>
        <template id="template-file">
--- a/quartz/components/OverflowList.tsx
+++ b/quartz/components/OverflowList.tsx
@@ -12,9 +12,9 @@ const OverflowList = ({
  )
 }

-let numExplorers = 0
+let numLists = 0
 export default () => {
-  const id = `list-${numExplorers++}`
+  const id = `list-${numLists++}`

  return {
    OverflowList: (props: JSX.HTMLAttributes<HTMLUListElement>) => (
--- a/quartz/components/TableOfContents.tsx
+++ b/quartz/components/TableOfContents.tsx
@@ -17,6 +17,7 @@ const defaultOptions: Options = {
  layout: "modern",
 }

+let numTocs = 0
 export default ((opts?: Partial<Options>) => {
  const layout = opts?.layout ?? defaultOptions.layout
  const { OverflowList, overflowListAfterDOMLoaded } = OverflowListFactory()
@@ -29,12 +30,13 @@ export default ((opts?: Partial<Options>) => {
      return null
    }

+    const id = `toc-${numTocs++}`
    return (
      <div class={classNames(displayClass, "toc")}>
        <button
          type="button"
          class={fileData.collapseToc ? "collapsed toc-header" : "toc-header"}
-          aria-controls="toc-content"
+          aria-controls={id}
          aria-expanded={!fileData.collapseToc}
        >
          <h3>{i18n(cfg.locale).components.tableOfContents.title}</h3>
@@ -53,7 +55,10 @@ export default ((opts?: Partial<Options>) => {
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </button>
-        <OverflowList class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}>
+        <OverflowList
+          id={id}
+          class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}
+        >
          {fileData.toc.map((tocEntry) => (
            <li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}>
              <a href={`#${tocEntry.slug}`} data-for={tocEntry.slug}>
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -68,30 +68,6 @@ type TweenNode = {
  stop: () => void
 }

-// workaround for pixijs webgpu issue: https://github.com/pixijs/pixijs/issues/11389
-async function determineGraphicsAPI(): Promise<"webgpu" | "webgl"> {
-  const adapter = await navigator.gpu?.requestAdapter().catch(() => null)
-  const device = adapter && (await adapter.requestDevice().catch(() => null))
-  if (!device) {
-    return "webgl"
-  }
-
-  const canvas = document.createElement("canvas")
-  const gl =
-    (canvas.getContext("webgl2") as WebGL2RenderingContext | null) ??
-    (canvas.getContext("webgl") as WebGLRenderingContext | null)
-
-  // we have to return webgl so pixijs automatically falls back to canvas
-  if (!gl) {
-    return "webgl"
-  }
-
-  const webglMaxTextures = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)
-  const webgpuMaxTextures = device.limits.maxSampledTexturesPerShaderStage
-
-  return webglMaxTextures === webgpuMaxTextures ? "webgpu" : "webgl"
-}
-
 async function renderGraph(graph: HTMLElement, fullSlug: FullSlug) {
  const slug = simplifySlug(fullSlug)
  const visited = getVisited()
@@ -373,7 +349,6 @@ async function renderGraph(graph: HTMLElement, fullSlug: FullSlug) {
  tweens.forEach((tween) => tween.stop())
  tweens.clear()

-  const pixiPreference = await determineGraphicsAPI()
  const app = new Application()
  await app.init({
    width,
@@ -382,7 +357,7 @@ async function renderGraph(graph: HTMLElement, fullSlug: FullSlug) {
    autoStart: false,
    autoDensity: true,
    backgroundAlpha: 0,
-    preference: pixiPreference,
+    preference: "webgpu",
    resolution: window.devicePixelRatio,
    eventMode: "static",
  })
--- a/quartz/components/scripts/search.inline.ts
+++ b/quartz/components/scripts/search.inline.ts
@@ -220,7 +220,7 @@ async function setupSearch(searchElement: Element, currentSlug: FullSlug, data:

    // If search is active, then we will render the first result and display accordingly
    if (!container.classList.contains("active")) return
-    if (e.key === "Enter") {
+    if (e.key === "Enter" && !e.isComposing) {
      // If result has focus, navigate to that one, otherwise pick first result
      if (results.contains(document.activeElement)) {
        const active = document.activeElement as HTMLInputElement
--- a/quartz/i18n/locales/pl-PL.ts
+++ b/quartz/i18n/locales/pl-PL.ts
@@ -51,7 +51,7 @@ export default {
    },
    search: {
      title: "Szukaj",
-      searchBarPlaceholder: "Search for something",
+      searchBarPlaceholder: "Wpisz frazę wyszukiwania",
    },
    tableOfContents: {
      title: "Spis treści",
--- a/quartz/plugins/emitters/componentResources.ts
+++ b/quartz/plugins/emitters/componentResources.ts
@@ -201,6 +201,33 @@ function addGlobalPageResources(ctx: BuildCtx, componentResources: ComponentReso
      })(window, document, "clarity", "script", "${cfg.analytics.projectId}");\`
      document.head.appendChild(clarityScript)
    `)
+  } else if (cfg.analytics?.provider === "matomo") {
+    componentResources.afterDOMLoaded.push(`
+      const matomoScript = document.createElement("script");
+      matomoScript.innerHTML = \`
+      let _paq = window._paq = window._paq || [];
+
+      // Track SPA navigation
+      // https://developer.matomo.org/guides/spa-tracking
+      document.addEventListener("nav", () => {
+        _paq.push(['setCustomUrl', location.pathname]);
+        _paq.push(['setDocumentTitle', document.title]);
+        _paq.push(['trackPageView']);
+      });
+
+      _paq.push(['trackPageView']);
+      _paq.push(['enableLinkTracking']);
+      (function() {
+        const u="//${cfg.analytics.host}/";
+        _paq.push(['setTrackerUrl', u+'matomo.php']);
+        _paq.push(['setSiteId', ${cfg.analytics.siteId}]);
+        const d=document, g=d.createElement('script'), s=d.getElementsByTagName
+('script')[0];
+        g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+      })();
+      \`
+      document.head.appendChild(matomoScript);
+    `)
  }

  if (cfg.enableSPA) {
--- a/quartz/plugins/transformers/ofm.ts
+++ b/quartz/plugins/transformers/ofm.ts
@@ -488,16 +488,7 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
                    {
                      data: { hProperties: { className: ["callout-content"] }, hName: "div" },
                      type: "blockquote",
-                      children: [
-                        {
-                          data: {
-                            hProperties: { className: ["callout-content-inner"] },
-                            hName: "div",
-                          },
-                          type: "blockquote",
-                          children: [...calloutContent],
-                        },
-                      ],
+                      children: [...calloutContent],
                    },
                  ]
                }
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -39,7 +39,9 @@ li,
 ol,
 ul,
 .katex,
-.math {
+.math,
+.typst-doc,
+.typst-doc * {
  color: var(--darkgray);
  fill: var(--darkgray);
  hyphens: auto;
@@ -53,7 +55,9 @@ li,
 ol,
 ul,
 .katex,
-.math {
+.math,
+.typst-doc,
+.typst-doc * {
  overflow-wrap: anywhere;
  /* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
 }
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -11,14 +11,11 @@

  & > .callout-content {
    display: grid;
-    transition: grid-template-rows 0.3s ease;
+    transition: grid-template-rows 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
+    overflow: hidden;

-    & > .callout-content-inner {
-      overflow: hidden;
-
-      & > :first-child {
-        margin-top: 0;
-      }
+    & > :first-child {
+      margin-top: 0;
    }
  }

@@ -121,8 +118,19 @@
    --callout-icon: var(--callout-icon-quote);
  }

-  &.is-collapsed > .callout-title > .fold-callout-icon {
-    transform: rotateZ(-90deg);
+  &.is-collapsed {
+    & > .callout-title > .fold-callout-icon {
+      transform: rotateZ(-90deg);
+    }
+
+    .callout-content > :first-child {
+      transition:
+        height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
+        margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
+      overflow-y: clip;
+      height: 0;
+      margin-top: -1rem;
+    }
  }
 }
Author	SHA1	Message	Date
Emile Bangma	21dd4bae5f	chore!: bump version to 4.5.2	2025-09-21 17:06:54 +00:00
saberzero1	e282cbf551	use new transition curve for all callout transitions	2025-08-25 15:45:22 +02:00
saberzero1	4ff08de9ec	fix(callouts): match callout DOM to Obsidian	2025-08-25 14:05:07 +02:00
Lumen Yang	0a57d032a7	feat(typst): invert the math equation for typst rendered equation in darkmode (#2095 ) There was no dark mode support for quartz equations in typst. This commit implements such support in order for proper render of typst math equation in dark mode.	2025-08-21 09:37:59 -07:00
Paweł Świątkowski	ebff6617bb	Add pl translation for search placeholder (#2090 )	2025-08-15 13:27:56 -07:00
John Barker	e918f11652	feat: add support for matomo analytics (#2051 ) * feat: Support Matomo as analytics provider (self-hosted) * SPA support * Don't use var * inline * Revert fixing issues outside of this change	2025-08-12 23:56:04 -04:00
dependabot[bot]	45c130b3dd	chore(deps): bump the ci-dependencies group across 1 directory with 3 updates (#2080 ) Bumps the ci-dependencies group with 3 updates in the / directory: [actions/checkout](https://github.com/actions/checkout), [actions/download-artifact](https://github.com/actions/download-artifact) and [rlespinasse/github-slug-action](https://github.com/rlespinasse/github-slug-action). Updates `actions/checkout` from 4 to 5 - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v4...v5) Updates `actions/download-artifact` from 4 to 5 - [Release notes](https://github.com/actions/download-artifact/releases) - [Commits](https://github.com/actions/download-artifact/compare/v4...v5) Updates `rlespinasse/github-slug-action` from 5.1.0 to 5.2.0 - [Release notes](https://github.com/rlespinasse/github-slug-action/releases) - [Commits](https://github.com/rlespinasse/github-slug-action/compare/v5.1.0...v5.2.0) --- updated-dependencies: - dependency-name: actions/checkout dependency-version: '5' dependency-type: direct:production update-type: version-update:semver-major dependency-group: ci-dependencies - dependency-name: actions/download-artifact dependency-version: '5' dependency-type: direct:production update-type: version-update:semver-major dependency-group: ci-dependencies - dependency-name: rlespinasse/github-slug-action dependency-version: 5.2.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: ci-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-08-12 23:55:35 -04:00
dependabot[bot]	bb223123b7	chore(deps): bump the production-dependencies group across 1 directory with 6 updates (#2082 ) Bumps the production-dependencies group with 6 updates in the / directory: \| Package \| From \| To \| \| --- \| --- \| --- \| \| [@floating-ui/dom](https://github.com/floating-ui/floating-ui/tree/HEAD/packages/dom) \| `1.7.2` \| `1.7.3` \| \| [ansi-truncate](https://github.com/fabiospampinato/ansi-truncate) \| `1.2.0` \| `1.3.0` \| \| [pixi.js](https://github.com/pixijs/pixijs) \| `8.11.0` \| `8.12.0` \| \| [satori](https://github.com/vercel/satori) \| `0.16.1` \| `0.16.2` \| \| [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) \| `24.1.0` \| `24.2.1` \| \| [typescript](https://github.com/microsoft/TypeScript) \| `5.8.3` \| `5.9.2` \| Updates `@floating-ui/dom` from 1.7.2 to 1.7.3 - [Release notes](https://github.com/floating-ui/floating-ui/releases) - [Changelog](https://github.com/floating-ui/floating-ui/blob/master/packages/dom/CHANGELOG.md) - [Commits](https://github.com/floating-ui/floating-ui/commits/@floating-ui/dom@1.7.3/packages/dom) Updates `ansi-truncate` from 1.2.0 to 1.3.0 - [Commits](https://github.com/fabiospampinato/ansi-truncate/commits) Updates `pixi.js` from 8.11.0 to 8.12.0 - [Release notes](https://github.com/pixijs/pixijs/releases) - [Commits](https://github.com/pixijs/pixijs/compare/v8.11.0...v8.12.0) Updates `satori` from 0.16.1 to 0.16.2 - [Release notes](https://github.com/vercel/satori/releases) - [Commits](https://github.com/vercel/satori/compare/0.16.1...0.16.2) Updates `@types/node` from 24.1.0 to 24.2.1 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node) Updates `typescript` from 5.8.3 to 5.9.2 - [Release notes](https://github.com/microsoft/TypeScript/releases) - [Changelog](https://github.com/microsoft/TypeScript/blob/main/azure-pipelines.release-publish.yml) - [Commits](https://github.com/microsoft/TypeScript/compare/v5.8.3...v5.9.2) --- updated-dependencies: - dependency-name: "@floating-ui/dom" dependency-version: 1.7.3 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: production-dependencies - dependency-name: ansi-truncate dependency-version: 1.3.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: production-dependencies - dependency-name: pixi.js dependency-version: 8.12.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: production-dependencies - dependency-name: satori dependency-version: 0.16.2 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: production-dependencies - dependency-name: "@types/node" dependency-version: 24.2.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: production-dependencies - dependency-name: typescript dependency-version: 5.9.2 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: production-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-08-12 23:55:16 -04:00
Jacky Zhao	53d6e18e81	fix(a11y): aria-controls and role fixes	2025-08-03 22:44:35 -07:00
reagenzn	91059843ae	fix(search): prevent Enter key handling during IME composition (#2070 ) Add !e.isComposing check to Enter key handler in search functionality to prevent unwanted navigation during Japanese/Asian text input composition	2025-08-01 11:57:32 -04:00
Emile Bangma	efddd798e8	revert(graph): roll back changes due to issues with Safari (#2067 ) * chore: remove unused dependency * fix(graph): rolled back webgpu changes	2025-07-30 18:43:36 +02:00