QActivity v3.0.0

Summary

QActivity v3.0.0 is the stable Vue 3 / Quasar 2 release. It folds the v3 beta work into main, ships the modern pnpm workspace layout, and keeps the App Extension focused on Quasar CLI Vite.

What's Changed

Features:

• Added timeline bar cap controls for QActivity, including bar-start, bar-end, and bar-cap-size for hidden, arrow, round, square, and rounded-square cap styles.
• Added generated API coverage for QActivity and QActivityItem so quasar describe QActivity and quasar describe QActivityItem work through the App Extension.
• Rebuilt the documentation site on Q-Press with searchable docs, live examples, release pages, and stable installation/upgrade guidance.

Fixes:

• Aligned activity markers and timeline bars so thicker bars and cap shapes stay visually centered.
• Updated the app-extension metadata for stable @quasar/app-vite@3.0.0 compatibility.
• Refreshed README and docs links so they point at main and stable release content.

Maintenance:

• Migrated the repo to the packages/ui, packages/app-extension, and packages/docs workspace layout.
• Updated the release dependency baseline to Quasar ^2.21.1, @quasar/app-vite@3.0.0, md-plugins 1.0.0, pnpm 11.10.0, and current lint/test/build tooling.
• Verified the release with format, lint, tests, build, API drift check, Q-Press route check, typecheck, and package pack inspection.

Breaking Changes

• QActivity v3 targets Vue 3 and Quasar 2.
• The App Extension is Vite-only and requires @quasar/app-vite >=3.0.0.
• CommonJS package entrypoints are no longer published. Use the ESM entrypoint or UMD bundle.
• Legacy source-file imports such as src/index.sass should be replaced with package entrypoint imports and dist/index.css.

Compatibility

• Node.js: >=22.13
• Quasar: ^2.21.1
• Quasar App Vite target: @quasar/app-vite@3.0.0
• npm dist-tag: latest

Installation

pnpm add @quasar/quasar-ui-qactivity
# or
bun add @quasar/quasar-ui-qactivity
# or
yarn add @quasar/quasar-ui-qactivity
# or
npm install @quasar/quasar-ui-qactivity
# or
quasar ext add @quasar/qactivity

Documentation

• Docs: https://qactivity.netlify.app/
• Installation: https://qactivity.netlify.app/getting-started/installation-types
• Upgrade Guide: https://qactivity.netlify.app/other/upgrade-guide

Full Changelog

v3.0.0-rc.1...v3.0.0

Donations

If QActivity is useful in your workflow and you want to support ongoing maintenance:

• GitHub Sponsors: https://github.com/sponsors/hawkeye64
• PayPal: https://paypal.me/hawkeye64

QActivity v3.0.0-rc.1

QActivity v3.0.0-rc.1

Release date: 2026-06-26

Summary

This release candidate makes QActivity a more capable timeline primitive: generated API docs are now the source of truth, the timeline bar can be controlled per item, examples show richer real-world timelines, and the docs runtime picks up the latest Q-Press release-page/API rendering fixes.

What's Changed

Features:

• c2ef2a7 Adds item-owned timeline segment controls so the line above and below each marker can use different colors, widths, and solid/dashed/dotted/hidden styles.
• c2ef2a7 Adds horizontal connector support for process diagrams, including connector color, length, width, style, and offset controls.
• fd33087 Adds timeline bar cap controls for start/end caps, including arrow, square, round, and rounded-square shapes.
• 3284274 Adopts generated Q-Press API JSON for QActivity and QActivityItem so the published API stays tied to TypeScript/JSDoc source.
• 6d2c994 Adds Q-Press site search to the docs.

Fixes:

• 80b71ed Aligns activity markers with the timeline bar in small-icon layouts.
• b14907e Keeps dense mode compact after the v3 docs/runtime refresh.
• 5f0b068 Preserves release-note code fences in the Q-Press Releases page.
• e28ad28 Themes release widget content instead of leaving dark mode as plain black/white content.
• 748141f Uses the project theme color for release selection state.
• 2bd4d0a Standardizes the sidebar ordering for Releases and Upgrade Guide.
• 7fa63b3 Supports pathless sidebar groups in the generated Q-Press navigation.
• cf3a316 Propagates CodePen module import support for generated examples.
• 1671d2d and 177ae1a Harden the UMD smoke test setup and silence favicon 404 noise.

Docs and examples:

• 5e810a7 Refreshes the QActivity docs with package-tracking and process-connector examples.
• 5e810a7 Updates the dark-mode example so the activity surface can be forced dark without toggling the whole site.
• 5e810a7 Documents marker shapes and clarifies why markers are round by default instead of needing an icon-round prop.
• 9b7064b Adds the release-note template used for this release line.
• 9b7b6e6 Refreshes the social preview image.
• bac34ed Adds header media-query breakpoints for small screens.

Maintenance:

• e3e4818 Prepares the 3.0.0-rc.1 package versions and release dependency updates.
• 8fd6008 Quiets Q-Press SSG output in docs builds and updates docs build tooling.
• eb7c9b2, fdb0926, 07c7974, a946a8e, cab7ef1, 8a9652a, 3d10d53, and 7b8be58 keep md-plugins/Q-Press and related dependencies aligned through the release-candidate cycle.
• fbeaac9, a99b089, and 96b56c0 clean up and modernize UMD smoke test support.

Breaking Changes

• None.

Compatibility

• Node.js: >=22.13
• Quasar: ^2.20.1
• Quasar App Vite target: @quasar/app-vite@3.0.0-rc.3
• Q-Press/md-plugins target: 0.1.0-rc.16
• npm dist-tag: latest

Installation

pnpm add @quasar/quasar-ui-qactivity
# or
bun add @quasar/quasar-ui-qactivity
# or
yarn add @quasar/quasar-ui-qactivity
# or
npm install @quasar/quasar-ui-qactivity
# or
quasar ext add @quasar/qactivity

Documentation

• Docs: https://qactivity.netlify.app/
• Installation: https://qactivity.netlify.app/getting-started/installation-types
• Upgrade Guide: https://qactivity.netlify.app/other/upgrade-guide

Full Changelog

v3.0.0-rc.0...v3.0.0-rc.1

Donations

If QActivity is useful in your workflow and you want to support ongoing maintenance:

• GitHub Sponsors: https://github.com/sponsors/hawkeye64
• PayPal: https://paypal.me/hawkeye64

QActivity v3.0.0-rc.0

Target branch: v3-beta

QActivity v3.0.0-rc.0

What's Changed

Runtime and build updates:

• Promotes QActivity v3 from beta to release candidate on the latest npm channel.
• Updates the app extension target to @quasar/app-vite >=3.0.0-rc.1.
• Aligns the docs workspace with Quasar 2.20.0, Q-Press/md-plugins 0.1.0-rc.2, and SSG-enabled docs builds.
• Keeps docs build-only dependencies in devDependencies.
• Cleans up pnpm release-age excludes and workspace dependency metadata.

Docs and examples:

• Updates installation and upgrade docs for latest-channel installs instead of beta-channel installs.
• Standardizes README structure and Q-Press documentation wording.
• Adds social preview metadata for QActivity docs.
• Refreshes landing page, footer, support panel, and theme-token handling.
• Fixes release-note link rendering and API description Markdown rendering.

Compatibility updates:

• App extension compatibility: @quasar/app-vite >= 3.0.0-rc.1
• Quasar target: quasar ^2.20.0
• Q-Press/md-plugins target: 0.1.0-rc.2
• QActivity v3 remains Vite-only; webpack-based Quasar apps are not supported.
• Tooling/release requirements: Node.js >=22.13 and pnpm >=11.5.0
• npm dist-tag for this line: latest

---

Changelog

Changes since v3.0.0-beta.2:

• d71db08 chore: prepare QActivity rc.0 release
• 5f62725 chore: update md-plugins to rc.2
• 5320f49 chore: update md-plugins to rc.1
• 6de2533 chore: move docs build deps to dev dependencies
• 6cdcae5 chore: keep vite ssg plugin as dev dependency
• 8117f89 chore: update md-plugins to rc.0
• 4b4d7fe docs: standardize README structure section
• 67414ed chore: update Quasar RC dependencies
• b5623d9 chore: sort pnpm release-age excludes
• 82dcc3c chore: dedupe pnpm release-age excludes
• 4693e71 chore: update md-plugins to beta.29

Installing

$ pnpm add @quasar/quasar-ui-qactivity
# or
$ yarn add @quasar/quasar-ui-qactivity
# or
$ npm install @quasar/quasar-ui-qactivity
# or
$ bun add @quasar/quasar-ui-qactivity
# or
$ quasar ext add @quasar/qactivity

Documentation

QActivity documentation is hosted by Netlify. Visit the documentation for installation guidance, examples, and updated v3 RC setup instructions.

Donations

QActivity is an open-source MIT licensed project made possible by generous support from sponsors/backers. If you want to support ongoing maintenance:

• GitHub Sponsors: https://github.com/sponsors/hawkeye64
• PayPal: https://paypal.me/hawkeye64

Full Changelog: v3.0.0-beta.2...v3.0.0-rc.0

v3.0.0-beta.2

Target branch: v3-beta

QActivity v3.0.0-beta.2

What's Changed

Highlights

• Compiled the app extension runtime and bumped the beta line for the compiled runtime path.
• Prepared and published the 3.0.0-beta.2 release updates.
• Synced docs and workspace updates for the current beta toolchain.
• Updated app-vite baseline to beta.35 and aligned app-extension peer target to beta.36.

Docs and examples

• Made the landing page theme-aware.
• Fixed docs 404 page theming.
• Clarified Quasar CLI wording and removed stale markdown plugin declarations.
• Added API inspection and stylesheet config docs, plus package-manager command tabs.
• Updated md-plugins/qPress integration and docs readability updates.

Compatibility updates

• App extension compatibility: @quasar/app-vite >= 3.0.0-beta.36
• QActivity v3 remains Vite-only; webpack-based Quasar apps are not supported.
• Tooling/release requirements: node >= 22.13 and pnpm >= 11.5.0

Changelog

Changes since v3.0.0-beta.0:

• 78b3dab chore: prepare 3.0.0-beta.2 release
• 39b85c4 chore: sync docs and beta.36 workspace updates
• c3871f2 docs: make landing page theme-aware
• 8420eaf fix: theme docs 404 page
• e312b4a chore: remove stale markdown plugin declarations
• 5772f33 docs: clarify Quasar CLI wording
• 0a0f3d7 chore: update app-vite beta.35
• 7259721 chore: bump beta for compiled ae runtime
• 1c20bde chore: compile app extension runtime
• 550b4a7 fix: use beta tag for codepen assets
• b22f8aa chore: enable no-undef lint rule
• 5a5b66e docs: document API inspection command
• 9bcb039 docs: document stylesheet config option
• 2dce595 docs: tab package manager commands
• 41cb917 chore(docs): update md-plugins to beta 21
• 3c1645e fix(docs): keep code block lines left aligned
• 3770a84 docs: update md-plugins integration
• 3f87637 chore: update qpress templates to beta 19
• 2f93eff chore: add check all script
• cf81fa4 docs: use sass color module in qpress styles
• bed6c9a docs: use sunrise qpress theme
• ec05a5c docs: make faq pages scannable
• dfe9787 fix: indent release note lists
• e7104b3 chore: update release dependencies

Installing

Use the @beta tag while QActivity v3 remains in beta.

$ pnpm add @quasar/quasar-ui-qactivity@beta
# or
$ yarn add @quasar/quasar-ui-qactivity@beta
# or
$ npm install @quasar/quasar-ui-qactivity@beta
# or
$ bun add @quasar/quasar-ui-qactivity@beta
# or
$ quasar ext add @quasar/qactivity@beta

Remove the @beta tag once QActivity v3 is promoted to stable.

Documentation

QActivity documentation is hosted by Netlify. Visit the documentation for installation guidance, upgraded examples, and updated v3 beta setup instructions.

Donations

QActivity is an open-source MIT licensed project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:

• Becoming a sponsor on Github
• One-off donation via PayPal

Full Changelog: v3.0.0-beta.0...v3.0.0-beta.2

v3.0.0-beta.0

Target branch: v3-beta

QActivity v3.0.0-beta.0

What's Changed

Features

• migrated QActivity to the v3 beta pnpm workspace layout with separate UI, app-extension, and docs packages
• added an upgrade guide and refreshed installation/docs content for the v3 beta line
• added CodePen playground support for docs examples
• added activity bar caps support and follow-up alignment fixes for bar centerlines and arrow caps

Build and tooling

• published the UI package with ESM-only package exports
• added stronger typecheck coverage for UI build scripts and source build helpers
• added comprehensive monorepo verification scripts and refreshed docs/release tooling
• updated md-plugins integration and modernized release dependency handling

Migration notes

• QActivity v3 is the first beta release for the Quasar CLI Vite 3 line
• the app extension is Vite-only and requires @quasar/app-vite >= 3.0.0-beta.30
• webpack-based Quasar apps are not supported on the v3 beta line
• development and release workflows now require node >= 22.13 and pnpm >= 11.4.0

Installing

Use the @beta tag while QActivity v3 remains in beta.

$ pnpm add @quasar/quasar-ui-qactivity@beta
# or
$ yarn add @quasar/quasar-ui-qactivity@beta
# or
$ npm install @quasar/quasar-ui-qactivity@beta
# or
$ bun add @quasar/quasar-ui-qactivity@beta
# or
$ quasar ext add @quasar/qactivity@beta

Remove the @beta tag once QActivity v3 is promoted to stable.

Documentation

QActivity documentation is hosted by Netlify. Visit the documentation for installation guidance, upgraded examples, and updated v3 beta setup instructions.

Donations

QActivity is an open-source MIT licensed project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:

• Becoming a sponsor on Github
• One-off donation via PayPal

Full Changelog: v2.0.0...v3.0.0-beta.0

v2.0.0

QActivity v2.0.0

Features

• Version v2.0.0
• Quasar v2/Vue v3 supported

Fixes

• none

Installing

$ yarn add @quasar/quasar-ui-qactivity
# or
$ quasar ext add @quasar/qactivity

Documentation

QActivity v2 documentation is now hosted by Netlify. Visit the documentation to get more information. The documentation is incomplete and is currently being updated. You can help out by PR-ing deficiencies.

Donations

QActivity is an open-source MIT licensed project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:

• Becoming a sponsor on Github
• One-off donation via PayPal

v2.0.0.-alpha.2

• fix(build): UMD not working

v2.0.0-alpha.1

QActivity v2.0.0 Alpha 1

Welcome to the QActivity v2.0.0 Alpha 1 release

QActivity is now converted to use Quasar v2/Vue v3

Installing

Use the next tag whenever you'd install it normally.

$ yarn add @quasar/quasar-ui-qactivity@next
# or
$ quasar ext add @quasar/qactivity@next

Documentation

QActivity v2 documentation is now hosted by Netlify. Visit the documentation to get more information. The documentation is incomplete and is currently being updated. You can help out by PR-ing deficiencies.

Donations

QActivity is an open-source MIT licensed project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:

• Becoming a sponsor on Github
• One-off donation via PayPal

v2.0.0.-alpha.3

• feat(ui): Add dark mode for bar-color (#14)

v1.0.0-beta.5

• maintenance release in preparation for q/app v2