squareone#

0.28.4#

Patch Changes#

  • #259 ba1633c Thanks @dependabot! - Bump @radix-ui/react-label from 2.1.7 to 2.1.8

  • #259 ba1633c Thanks @dependabot! - Bump @radix-ui/react-visually-hidden from 1.2.3 to 1.2.4

  • #263 f0f29ef Thanks @dependabot! - Bump @sentry/nextjs from 10.8.0 to 10.25.0 in the sentry group

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/addon-a11y from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/addon-docs from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/addon-links from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/addon-onboarding from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/addon-themes from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/addon-vitest from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/nextjs-vite from 10.0.6 to 10.0.7

  • #279 fc4e806 Thanks @dependabot! - Bump @storybook/react-vite from 10.0.6 to 10.0.7

  • #255 5a7c20e Thanks @dependabot! - Bump @testing-library/jest-dom from 6.8.0 to 6.9.1 in the testing-library group

  • #273 28644d0 Thanks @dependabot! - Bump @turbo/gen from 2.6.0 to 2.6.1

  • #287 b145d65 Thanks @dependabot! - Bump @types/node from 24.10.0 to 24.10.1

  • #252 4fa4584 Thanks @dependabot! - Bump @types/react-dom from 19.1.9 to 19.2.3

  • #252 4fa4584 Thanks @dependabot! - Bump @types/react from 19.1.12 to 19.2.3

  • #261 fe635ef Thanks @dependabot! - Bump @types/styled-components from 5.1.34 to 5.1.35 in the styling group

  • #262 1cff726 Thanks @dependabot! - Bump @vitejs/plugin-react from 5.0.2 to 5.1.0 in the build-tools group

  • #246 dc8cc3f Thanks @jonathansick! - Update Node.js from 22.13.0 to 22.21.1

    This infrastructure update brings the latest LTS improvements, bug fixes, and security patches from Node.js 22. Updated in:

    • .nvmrc for local development environment

    • apps/squareone/Dockerfile for production Docker builds

    • GitHub Actions workflows automatically use the .nvmrc version

    Developers should run nvm use to switch to the new Node.js version locally.

  • #246 2af16dd Thanks @jonathansick! - Pre-install pnpm in Docker base image to eliminate startup download

    The Dockerfile now uses corepack prepare pnpm@10.20.0 --activate in the base stage to download and cache pnpm during the image build. This eliminates the “Corepack is about to download…” message and network request that previously occurred on every container startup.

    This improves container startup time and reliability, especially in environments with restricted network access.

  • #246 8158829 Thanks @jonathansick! - Use local turbo via pnpm in Dockerfile

    The Dockerfile now uses pnpm dlx turbo@2.6.0 instead of a globally installed turbo package. This:

    • Removes the npm install -g turbo step from the base image

    • Uses the exact turbo version (2.6.0) consistently via pnpm dlx

    • Copies the scripts/ directory to ensure turbo-wrapper.js is available for remote caching

    • Aligns Docker builds with the local development workflow that uses pnpm scripts

    This change makes the Docker build process more consistent with local development and reduces the base image size.

  • #270 26789ea Thanks @dependabot! - Bump eslint-config-next from 15.5.2 to 15.5.6

  • #273 28644d0 Thanks @dependabot! - Bump eslint-config-turbo from 2.5.6 to 2.6.1

  • #279 fc4e806 Thanks @dependabot! - Bump eslint-plugin-storybook from 10.0.6 to 10.0.7

  • #281 a79fd1f Thanks @dependabot! - Bump formik from 2.4.6 to 2.4.9

  • #260 3c86dc3 Thanks @dependabot! - Bump lightningcss-cli from 1.30.1 to 1.30.2

  • #260 3c86dc3 Thanks @dependabot! - Bump lightningcss from 1.30.1 to 1.30.2

  • #265 02a9457 Thanks @dependabot! - Bump msw from 2.12.0 to 2.12.1

  • #294 a88c2b0 Thanks @jonathansick! - Enable “next” image tag for changeset release previews

    The CI workflow now builds and pushes Docker images with a special “next” tag when the changeset-release/main branch is updated. This allows developers and managers to preview the next version before merging the “Version Packages” PR.

    Previously, the workflow would only build images for the changeset-release branch without pushing them to the registry. Now:

    • Images are pushed to ghcr.io with both the branch-derived tag and the “next” tag

    • The “next” tag can be used to deploy and test the upcoming version in staging environments

    • Other changeset-release branches (non-main) remain build-only

    This improves the release preview workflow by making pre-release images easily accessible via a stable tag name.

  • #270 26789ea Thanks @dependabot! - Bump next-plausible from 3.12.4 to 3.12.5

  • #270 26789ea Thanks @dependabot! - Bump next-themes from 0.2.1 to 0.4.6

  • #270 26789ea Thanks @dependabot! - Bump next from 15.5.2 to 15.5.6

  • #291 5027c65 Thanks @jonathansick! - Bump playwright from 1.55.0 to 1.56.1

  • #252 4fa4584 Thanks @dependabot! - Bump react-dom from 19.1.1 to 19.2.0

  • #264 a266241 Thanks @dependabot! - Bump react-hook-form from 7.62.0 to 7.66.0

  • #252 4fa4584 Thanks @dependabot! - Bump react from 19.1.1 to 19.2.0

  • #250 eff9f7a Thanks @jonathansick! - Align dependency versions across packages to prepare for Dependabot groups

    • Update eslint-config-next from 12.2.4 to 15.5.0 in eslint-config package

    • Standardize eslint to 8.46.0 across squared and squareone packages

    • Update swr from 2.2.1 to 2.3.6 in squared package

    • Update @fortawesome/react-fontawesome from 0.2.0 to 0.2.2 in squareone package

    These version alignments eliminate inconsistencies that could cause conflicts when Dependabot groups are enabled for coordinated dependency updates.

  • #269 c2de825 Thanks @jonathansick! - Upgrade to Storybook 10.0.6

    • Migrated both squared and squareone Storybook configurations to Storybook 10.0.6

    • Updated all Storybook addons and dependencies to v10

    • Applied ESM migration with standardized import.meta.resolve() for addon resolution

    • Added a11y testing configuration with ‘todo’ mode (shows violations without failing CI)

    • Improved vitest integration with a11y addon annotations in squared package

  • #279 fc4e806 Thanks @dependabot! - Bump storybook from 10.0.6 to 10.0.7

  • #273 28644d0 Thanks @dependabot! - Bump turbo from 2.6.0 to 2.6.1

  • #287 b145d65 Thanks @dependabot! - Bump typescript from 5.9.2 to 5.9.3

  • #246 33f3a82 Thanks @jonathansick! - Update Turborepo from 2.5.6 to 2.6.0

    This infrastructure update brings the latest improvements and bug fixes from Turborepo 2.6.0. Updated packages:

    • turbo from 2.5.6 to 2.6.0

    • @turbo/gen from 1.13.4 to 2.6.0

    The global turbo installation has been removed as it’s not needed for this monorepo workflow - all commands use the local installation via turbo-wrapper.js.

  • #246 8ddc6f3 Thanks @jonathansick! - Update pnpm from 10.12.1 to 10.20.0

    This infrastructure update improves package management performance and includes the latest bug fixes and security patches. The pnpm version is managed via corepack and specified in the root package.json.

  • Updated dependencies [5027c65, eff9f7a, c2de825]:

    • @lsst-sqre/squared@0.11.0

0.28.3#

Patch Changes#

  • #247 868aaeca5ce61b31cf099c132ae36cd3a70f0f82 Thanks @jonathansick! - Filter available scopes in token creation form based on user’s authentication token

    The token creation form now filters the available scopes to only show scopes that the user’s current authentication token possesses. This prevents users from attempting to create tokens with scopes they don’t have access to, providing a better user experience and clearer security boundaries. Changes:

    • Modified /settings/tokens/new page to filter loginInfo.config.scopes by loginInfo.scopes

    • Updated NewTokenPage Storybook story to match implementation and added a new LimitedScopes story demonstrating the filtering behavior

0.28.2#

Patch Changes#

0.28.1#

Patch Changes#

  • #242 5641bc3b4b3e704d0cc489b3db909ee0b43fe317 Thanks @jonathansick! - Improve dark mode accessibility and color system

    Enhanced dark mode support across components with improved text contrast for better accessibility:

    • Fixed button text visibility in dark theme (secondary buttons)

    • Fixed ClipboardButton success text contrast

    • Fixed DateTimePicker calendar hover states and year input backgrounds

    • Fixed TokenHistory hover text contrast

    • Improved token key text contrast in TokenDetailsView

    • Enhanced footer and general link contrast with blue-300 color

    • Adapted dropdown shadows for better dark mode visibility

    • Consolidated navigation menu viewport styling

    Added complete color ramps to design tokens:

    • Added missing primary color shades (primary-300, primary-400, primary-600, primary-700)

    • Added complete gray color scale (gray-100 through gray-900)

    • Added text-light token for improved light text on dark backgrounds

    These changes ensure WCAG AA compliance for text contrast in both light and dark themes.

  • #242 5641bc3b4b3e704d0cc489b3db909ee0b43fe317 Thanks @jonathansick! - Fix sidebar layout footer positioning

    Corrected footer positioning issues in SidebarLayout component to ensure the footer properly anchors to the bottom of the layout in all viewport sizes.

  • #242 5641bc3b4b3e704d0cc489b3db909ee0b43fe317 Thanks @jonathansick! - Add dark theme support to Storybook

    Added dark theme background support to both squareone and squared Storybook configurations, enabling proper testing and development of components in dark mode. This includes setting up the appropriate CSS custom properties for dark theme backgrounds in Storybook preview environments.

  • #242 5641bc3b4b3e704d0cc489b3db909ee0b43fe317 Thanks @jonathansick! - Fix TokenForm scope selector layout and focus behavior

    Replaced CSS columns with CSS Grid layout in TokenForm’s ScopeSelector to fix focus ring fragmentation issues. The Grid layout provides better control over item positioning and prevents focus rings from being split across column breaks, improving keyboard navigation accessibility.

  • Updated dependencies [5641bc3b4b3e704d0cc489b3db909ee0b43fe317, 5641bc3b4b3e704d0cc489b3db909ee0b43fe317, 5641bc3b4b3e704d0cc489b3db909ee0b43fe317]:

    • @lsst-sqre/squared@0.10.1

    • @lsst-sqre/rubin-style-dictionary@0.7.0

    • @lsst-sqre/global-css@0.2.4

0.28.0#

Minor Changes#

  • #237 af2ef1a46ed362af3aed65e4f212ec0f4d556cd8 Thanks @jonathansick! - Add MDX content support to Account settings page

    The Account settings page (/settings) now uses MDX for its content instead of hardcoded placeholder text. This enables deployments to customize account management instructions and external links via ConfigMaps.

    Key changes:

    • Account page loads content from settings__index.mdx using the existing MDX content system

    • Includes error handling with fallback content when MDX file is unavailable

    • Default content includes sections for account management, identity providers, and personal information

    • Uses Lede and CtaLink components for consistent styling

    • Deployments can provide custom MDX files via mdxDir configuration to include deployment-specific URLs and instructions for their account management systems (COManage, etc.)

  • #240 a387930a65aecb397b22c8d275c8d9f31bbfd156 Thanks @jonathansick! - Add Quotas page for viewing user resource limits

    A new Quotas page is now available at /settings/quotas that displays user quota allocations from Gafaelfawr for notebook servers, API rate limits, and TAP concurrent query limits.

    New features:

    • QuotasView component: Displays quota information organized into three conditional sections:

      • Notebooks section: Shows CPU cores, memory (GB), and spawning status (only displayed when disabled)

      • Rate limits section: Shows API request quotas per service in a 15-minute window

      • Concurrent queries section: Shows TAP database query limits per service

    • Settings navigation: Added “Quotas” link to the settings sidebar between “Access tokens” and “Sessions”

    • Deep linking: Each section has an anchor tag for direct linking (#notebook, #rate-limit, #tap)

    • Empty states: Sections are omitted when no data is available; “Not configured” message shown if entire quota object is missing

  • #228 f5ec250ce28a0f2185aadd916608161f830318bb Thanks @jonathansick! - Add session tokens management pages

    Implements a new /settings/sessions section for viewing and managing web sessions, notebook sessions, and internal tokens. This feature provides users with a unified interface to monitor and control their active sessions across the platform.

    New pages:

    • /settings/sessions main page: Tab-based UI using the new Tabs component for type-based filtering with URL state management. ?type= query parameter persists selected tab.

    • /settings/sessions/history page: Displays change history for sessions with tab-based navigation and filter persistence.

    • /settings/sessions/[id] details page: Shows detailed information for individual session tokens with edit/delete capabilities.

    New components:

    • SessionTokensView component: Displays tokens by type (web sessions, notebook sessions, internal tokens) with filtering, loading states, and error handling

    • SessionTokenItem component: Individual token card showing metadata (creation date, expiration, host), with delete functionality

Patch Changes#

  • #237 d1a05ef7e32c9a20f38eeb7e36a384aeea21c69e Thanks @jonathansick! - Simplify user menu to show only Settings and Log out

    The user menu has been streamlined to display only two essential items:

    • Settings - Links to /settings page for all account and token management

    • Log out - Logs user out with proper redirect handling

    This change removes the conditional external “Account settings” link and consolidates the “Access tokens” link into a general “Settings” link. All settings pages remain accessible through the sidebar navigation at /settings, including:

    • Account settings (/settings)

    • Access tokens (/settings/tokens)

    • Sessions (/settings/sessions)

    This simplification improves the user experience by reducing menu clutter while maintaining full access to all functionality through the settings section.

  • #241 7b013336c51bc891a4470a90a01bbcb58528fdaf Thanks @jonathansick! - Fix token creation error display for validation errors

    Resolved Sentry SQUAREONE-26: Fixed a crash that occurred when the Gafaelfawr API returned Pydantic validation errors during token creation. Previously, validation error objects were rendered directly in React, causing “Objects are not valid as a React child” errors.

  • Updated dependencies [1d8161aa169c159762e28b0e3c1afaea5514ef15, 0e49cf80e8be37ffca6e7897ba07aa91881e7be3, bf0a8e50a321874abe551ad148255b7546680f31]:

    • @lsst-sqre/squared@0.10.0

0.27.0#

Minor Changes#

0.26.1#

Patch Changes#

0.26.0#

Minor Changes#

  • #205 362b05ea70a859f982c01fd129328d126816dfba Thanks @jonathansick! - Adopted @storybook/addon-vitest for improved testing performance and browser-based testing

    • Run pnpm test-storybook to execute Storybook tests using Vitest

  • #208 f6c8b474823fa07ed0940205858cd209bf67f2a6 Thanks @jonathansick! - Fixed hydration mis-match warnings with the UserMenu

  • #208 f6c8b474823fa07ed0940205858cd209bf67f2a6 Thanks @jonathansick! - Add comprehensive sidebar layout system and settings pages

    • New sidebar navigation page layout::

      • SidebarLayout: Responsive layout component with mobile-first design, CSS Grid on desktop, and flexbox on mobile

      • MobileMenuToggle: Hamburger menu component with accessibility features and smooth animations

      • Sidebar: Navigation sidebar with sticky positioning and structured navigation sections

      • SidebarNavItem: Individual navigation items with hover, active, and focus states

      • SidebarNavSection: Grouped navigation with optional section labels

    • Settings pages implementation:

      • SettingsLayout: Settings-specific layout using the sidebar system with dynamic navigation

      • Pages: Account (/settings/), and Access Tokens (/settings/tokens)

      • Complete server-side rendering with proper getServerSideProps implementation

  • #210 98a4d6560c08a72ba52be6d9e8017e89f7df2cbb Thanks @jonathansick! - Configure Next.js to transpile squared package

    Added the @lsst-sqre/squared package to Next.js transpilePackages configuration to support the new build system that exports TypeScript source directly.

  • #220 43a98d2009568d1b1b4f7d2fa2c641fcb6c18374 Thanks @jonathansick! - Add comprehensive token change history viewing

    Implements a complete token change history system that allows users to view the full audit trail of changes to their Gafaelfawr access tokens:

    New Components:

    • TokenHistoryView - Main view with filters, summary stats, and paginated history list

    • TokenHistoryFilters - Date range and event type filtering with URL state persistence

    • TokenHistoryList - Infinite scroll pagination for history entries

    • TokenHistoryItem - Individual change entry display with action-specific formatting

    • TokenHistoryDetails - Detailed change information with before/after comparisons

    • TokenHistorySummary - Statistics panel showing total changes, first/last activity

    • TokenScopeBadge - Visual badges for token scopes

    • TokenScopeChangeBadge - Diff display for scope modifications (added/removed)

    New Hooks:

    • useTokenChangeHistory - SWR-based infinite pagination for change history API

    • useTokenHistoryFilters - URL-based state management for filters

    • useTokenDetails - Fetch individual token details from Gafaelfawr API

    New Pages:

    • /settings/tokens/history - Global token change history for all user tokens

    • /settings/tokens/[id] - Individual token details with dedicated history view

    Features:

    • Infinite scroll pagination with “Load more” button

    • Date range filtering with DateTimePicker integration

    • Event type filtering (creation, revocation, expiration, scope changes, etc.)

    • URL-based filter state (shareable/bookmarkable filtered views)

    • Local timezone support with ISO 8601 format for all timestamps

    • Graceful handling of deleted tokens (shows history even when token no longer exists)

    • Responsive design with proper loading and error states

    • Comprehensive test coverage for all components and hooks

    This feature provides complete visibility into token lifecycle events, helping users understand token usage patterns and security-relevant changes.

  • #216 7238f2ede9e3c1838311bea84d2c3c065be2ad13 Thanks @jonathansick! - Add comprehensive token creation workflow

    Implements a full-featured token creation system including:

    • New /settings/tokens/new page with form interface

    • Token name validation to prevent duplicates

    • Scope selection with configurable available scopes

    • Flexible expiration options (preset durations and custom dates)

    • Query parameter support for pre-filling form values from URL templates

    • Integration with Gafaelfawr token API for token creation

    • Success modal displaying newly created tokens with copy functionality

    • Enhanced navigation with “Access Tokens” link in settings

    This feature enables users to create personal access tokens with appropriate scopes and expiration settings through a guided interface.

  • #220 43a98d2009568d1b1b4f7d2fa2c641fcb6c18374 Thanks @jonathansick! - Add token details page and enhance token management UI

    New Features:

    • Individual token details page at /settings/tokens/[id] showing comprehensive token information

    • TokenDetailsView component with metadata display (scopes, creation date, expiration, parent info)

    • Clickable token IDs throughout the UI that link to token details pages

    • “View history” button on main tokens page for quick access to change history

    • Standalone TokenDate component for consistent date/time formatting across views

    Improvements:

    • Removed confusing “Last used” date displays (data reliability issues)

    • Fixed token created date incorrectly showing as “Expired”

    • Better visual hierarchy in token listings with clickable elements

    • Consistent ISO 8601 timestamp display with relative time formatting

    • Proper handling of undefined/null token fields from API

    • Integration with token history viewing workflow

    Components:

    • TokenDetailsView - Full token information display with action buttons

    • TokenDate - Reusable date formatting component with semantic HTML time elements

    • Enhanced AccessTokenItem with clickable token ID links

    • Date formatter utilities for consistent timestamp handling

    This update improves the token management experience by providing dedicated detail views and clearer navigation between token information and change history.

  • #217 8c5de054db869e7d02942e6c23ceaccab4f260bc Thanks @jonathansick! - Add token viewing and deletion functionality

    Implements comprehensive token management capabilities including:

    • New AccessTokensView component displaying user’s existing tokens

    • AccessTokenItem component with semantic HTML time elements for dates

    • Token deletion workflow with confirmation modal

    • useDeleteToken hook for API integration with Gafaelfawr

    • Date formatting utilities with relative time display

    • Integration into /settings/tokens page alongside token creation

    • Proper handling of undefined/null token fields from API

    Users can now view their existing access tokens, see expiration and last-used dates, and delete tokens through a confirmation workflow. The interface provides clear visual feedback and follows the application’s design system.

Patch Changes#

0.25.0#

Minor Changes#

  • #200 279dbcb6352839f434a729cccdd9d12f74cf7eac Thanks @jonathansick! - Upgrade Next.js to version 15.5.0

    This is a major version upgrade from Next.js 14.x to 15.5.0, which includes:

    • New App Router improvements and features (although Squareone remains on the pages router)

    • Breaking changes in build system and runtime behavior (turbopack)

    • Updated instrumentation configuration

    • Performance improvements

    This upgrade may require configuration updates in consuming applications.

  • #200 279dbcb6352839f434a729cccdd9d12f74cf7eac Thanks @jonathansick! - Upgrade Node.js to version 22.13.0 LTS

    Updated the Node.js runtime requirement from 18.x to 22.x LTS, which includes:

    • Latest LTS stability and security improvements

    • Updated build toolchain and CI environment

    • Improved performance and new language features

    This change updates the development environment and deployment requirements.

  • #200 279dbcb6352839f434a729cccdd9d12f74cf7eac Thanks @jonathansick! - Upgrade React to version 19.1.1

    This is a major version upgrade from React 18.x to React 19.1.1, which includes:

    • New React 19 features and improvements

    • Updated TypeScript types for React 19

    • Breaking changes that may affect consumers

    This upgrade requires peer dependency updates in consuming applications.

  • #200 279dbcb6352839f434a729cccdd9d12f74cf7eac Thanks @jonathansick! - Upgrade Storybook to version 9.1.3

    This is a major version upgrade from Storybook 7.x to 9.1.3, which includes:

    • New Storybook 9 features and testing capabilities

    • Updated addon ecosystem and configuration

    • Breaking changes in story format and testing utilities

    • Improved performance and build system

    • Migration from deprecated addons to new alternatives

    This upgrade includes configuration changes and may require story updates in consuming projects.

Patch Changes#

0.24.0#

Minor Changes#

  • #197 410c0329d2915b61763937977dd9e3a5c7a5e60c Thanks @jonathansick! - MDX content is now sourced from individual files, rather than as keys in the app configuration. The files are named after the page they correspond to. The MDX content directory is flat, with __ standing in for a path separator. The directory that MDX is sourced from is configured via the mdxDir field in the configuration YAML.

  • #197 410c0329d2915b61763937977dd9e3a5c7a5e60c Thanks @jonathansick! - Replaced next/config and getInitialProps with AppConfigContext that is loaded from getServerSideProps. Individual components can now access configuration from the useAppConfig hook.

    • Moved the client-side Sentry configuration to _app.tsx so that it can use the AppConfigContext. Previously it was loaded directly in the instrumentation-client.js hook that didn’t have access to the app configuration.

  • #197 c92f852908b16a8b429d9b616dfdcbb759de99ce Thanks @jonathansick! - Migrated Squareone to Typescript and Next.js 14!

    • Adopted the SWC compiler, replacing Babel, for improved performance and compatibility. This change preserves ES modules.

    • Updated TypeScript target to ES2017 and enabled strict type checking.

    • Updated SWR to v2.3.6.

    • Updated next-mdx-remote to v5.

  • #197 410c0329d2915b61763937977dd9e3a5c7a5e60c Thanks @jonathansick! - Resolved server-side rendering (SSR) issues that were exposed by the TypeScript migration and new tree shaking:

    • Improved next-mdx-remote usage by ensuring that the serialize function is called from getServerSideProps.

    • Improved swr usage by segreagating it into client-side components that are dynamically imported.

Patch Changes#

0.23.0#

Minor Changes#

Patch Changes#

0.22.0#

Minor Changes#

  • #192 50d8d1f6cfef0318cb6c2767ba4feda8e120e348 Thanks @jonathansick! - Migrate to React 18.3.1

    • Updated React from 17.0.2 to 18.3.1 across all packages

    • Updated React DOM to 18.3.1 for improved hydration and performance

    • Updated TypeScript types for React 18 compatibility

    • Updated styled-components to v5.3.11 for React 18 support

    • Updated Storybook React dependencies for compatibility

Patch Changes#

0.21.1#

Patch Changes#

0.21.0#

Minor Changes#

Patch Changes#

0.20.0#

Minor Changes#

Patch Changes#

0.19.0#

Minor Changes#

0.18.0#

Minor Changes#

  • #179 92ecf5f Thanks @jonathansick! - Add a configurable Apps menu to the header navigation. This menu is for linking for non-aspect applications within the RSP, such as Times Square.

  • #179 b4b2fdb Thanks @jonathansick! - Moved auth URLs into Squared as a library. The getLoginUrl and getLogout URL functions compute the full URLs to the RSP’s login and logout endpoints and include the ?rd query strings to return the user to current and home URL respectively.

  • #179 6be6b1c Thanks @jonathansick! - Reimplement HeaderNav using the PrimaryNavigation component from Squared. Although the menu looks the same visually, it is now entirely powered by the Radix NavigationMenu primitive so that any menu item can be a trigger for a menu rather than a link to another page. The Login / user menu is reimplemented as a menu item rather than with the special GafaelfawrUserMenu component.

Patch Changes#

0.17.0#

Minor Changes#

  • #175 9cadf35 Thanks @jonathansick! - The Times Square UI now closes its connection to the /times-square/pages/:page/html/events?<qs> SSE endpoint once the page instance’s execution status is “complete” and the HTML hash is computed. With this change, the Times Square UI reduces its ongoing load on the API and also reduces network usage. The HTML page will still update to the latest version because the iframe component pings the Times Square pages/:page/htmlstatus?<qs> endpoint. We may back this off or convert the page update to an opt-in future in the future to further reduce network and API load from the front-end.

0.16.0#

Minor Changes#

  • #176 8e5b789 Thanks @fajpunk! - Added Sentry instrumentation to the squareone app.

    Both the NextJS client (frontend) and server (backend) code are instrumented with the official Sentry NextJS integration. The Sentry DSN should be provided in a SENTRY_DSN environment variable. If a Sentry DSN is not provided, there will be no changes to app behaviour. If a Sentry DSN is provided, then these things will be sent to Sentry:

    • Any uncaught exceptions and error-level logs

    • Traces for user interaction (according to the sample settings)

    • Session replays for user interaction (according to the sample settings)

    There are new config file options for Sentry configuration:

    • sentryTracesSampleRate

    • sentryReplaysSessionSampleRate

    • sentryReplaysOnErrorSampleRate

    • sentryDebug

    There is a new route, /sentry-example-page which provides a way to quickly check that the Sentry integration is working.

0.15.0#

Minor Changes#

  • #173 c5dac7f Thanks @jonathansick! - The Times Square interface now includes a link to its user documentation. The root of the environment-specific rsp.lsst.io site is configured through the new docsBaseUrl configuration parameter.

  • #173 c5dac7f Thanks @jonathansick! - Migrated Squareone CSS custom properties / design tokens to global-css from the globals.css file in the Squareone app

    With this change, any app as well as the Squared component library can use CSS custom properties such as the elevations (box-shadows, e.g. --sqo-elevation-md) and transitions (--sqo-transition-basic) that are included as global CSS custom properties.

Patch Changes#

  • Updated dependencies [c5dac7f, c5dac7f]:

    • @lsst-sqre/squared@0.3.0

    • @lsst-sqre/global-css@0.2.0

0.14.0#

Minor Changes#

  • #171 55ff9ab Thanks @jonathansick! - Add support for Plausible.io analytics

    In Squareone, set the plausibleDomain configuration to the Plausible tracking domain. E.g. data.lsst.cloud for the RSP. To disable Plausible tracking where it isn’t supported, set this configuration to null.

0.13.1#

Patch Changes#

0.13.0#

Minor Changes#

  • #166 157d03d Thanks @jonathansick! - Usage of Reach UI is now removed and replaced with Radix UI. The user menu now uses GafaelfawrUserMenu from @lsst-sqre/squared and is based on Radix UI’s Navigation Menu component. It is customized here to work with the Gafaelawr API to show a log in button for the logged out state, and to show the user’s menu with a default log out button for the logged in state. Previously we also used Reach UI for showing an accessible validation alert in the Times Square page parameters UI. For now we’ve dropped this functionality.

Patch Changes#

0.12.0#

Minor Changes#

  • #164 0574c00 Thanks @jonathansick! - Users can now download the Jupyter Notebook (ipynb) file that they are viewing, with the current parameters filled in. This enables further interactive exploration.

  • #164 2adb0af Thanks @jonathansick! - Times Square notebook pages show a link to the source notebook on GitHub.

0.11.0#

Minor Changes#

  • #153 3561d09 Thanks @jonathansick! - Squareone uses a base stylesheet from the @lsst-sqre/global-css package. This reduces the amount of global CSS managed in Squareone itself, and offloads configuring the Rubin Style Dictionary tokens into base CSS elements.

  • #163 72dd989 Thanks @jonathansick! - Implement background recomputation for cached Times Square pages. The “Recompute” button submits a request to Times Square’s DELETE /v1/pages/:page/html?{params} endpoint, which causes a background recomputation of the notebook and re-rendering of the cached HTML.

    The new TimesSquareHtmlEventsProvider is a React context provider that provides real-time updates from Times Square about the status of an HTML rendering for a given set of parameters using Times Square’s /v1/pages/:page/html/events/{params} endpoint. Squareone uses @microsoft/fetch-event-source to subscribe to this server-sent events (SSE) endpoint. Using this provider, the UI is able to show new data to the user, including the status of the computation, and once the computation is complete, the date/age of computation and the execution time.

  • #163 72dd989 Thanks @jonathansick! - The Times Square “Update” and “Reset” buttons are now disabled when appropriate. The Update button is disabled when the parameter inputs have not been changed relative to their current state. Likewise, the Reset button is disabled when the parameters are unchanged from the current state.

  • #153 1240924 Thanks @jonathansick! - Drop the use of normalize.css and instead rely on the base CSS from the global-css package.

  • #163 72dd989 Thanks @jonathansick! - New TimesSquareUrlParametersProvider component. This React context provides the URL-based state to Times Square components, such as the page being viewed, its notebook parameters values, and the display settings. This change simplifies the structure of the React pages by refactoring all of the URL parsing into a common component. As well, this context eliminates “prop drilling” to provide this URL-based state to all components in the Times Square application.

Patch Changes#

0.10.3#

Patch Changes#

  • #150 1bcd1a4 Thanks @jonathansick! - The squareone Docker image release is now triggered by a GitHub Release being published.

0.10.2#

Patch Changes#

  • #148 0e4d392 Thanks @jonathansick! - Tweaks to the release process:

    • Use a custom GITHUB_TOKEN for the changesets/action in order to trigger the Docker release workflow for Squareone.

  • Updated dependencies [0e4d392]:

    • @lsst-sqre/rubin-style-dictionary@0.4.2

0.10.1#

Patch Changes#

  • #143 13e6f4c Thanks @jonathansick! - Migrated lsst-sqre/squareone into a turbo-based monorepo. Rubin Style Dictionary is now a package inside the monorepo.

  • Migrated to pnpm from npm for package management.

  • Upgrade to Storybook 7.

  • Add development set up documentation to the squareone.lsst.io site.

  • Updated dependencies [13e6f4c]:

    • @lsst-sqre/rubin-style-dictionary@0.4.1

0.10.0 (2023-03-27)#

New features#

  • Add new pages for the COmanage sign-up flow. The content for these pages is configurable via MDX fields in squareone.config.yaml:

    • verifyEmailPageMdx for /enrollment/thanks-for-signing-up

    • emailVerifiedPageMdx for /enrollment/thanks-for-verifying

    • pendingApprovalPageMdx for /enrollment/pending-approval

    • pendingVerificationPageMdx for /enrollment/pending-confirmation

  • Other pages’ content are now configurable with MDX:

    • apiAspectPageMdx for /api-aspect

    • docsPageMdx for /docs

    • supportPageMdx for /support

0.9.0 (2023-03-01)#

New features#

  • Display an “Account settings” link in the user menu that goes to the COmanage Registry. This registry URL, which is optional, can be configured in squareone.config.yaml with the coManageRegistryUrl field.

0.8.1 (2022-08-25)#

Bug fixes#

  • Improved UI for Times pull request preview pages.

Development changes#

  • Added additional stories and integration with Chromatic, the hosted Storybook service.

0.8.0 (2022-08-18)#

New features#

  • New pages for Times Square to preview pages in GitHub pull requests at /times-square/github-pr/:owner/:repo:/:commit paths.

Development changes#

  • Initial integration with Storybook for designing and documenting components within Squareone.

0.7.1 (2022-06-26)#

Bug fixes#

  • Link to DP0.2 documentation.

0.7.0 (2022-06-23)#

New features#

  • Add initial support for Times Square.

  • Update background image for the homepage hero component to a new image by Bruno Quint, taken September 2021.

Development changes#

  • Refresh dependencies.

0.6.0 (2022-04-14)#

New features#

  • Informational broadcast messages are now displayed with Rubin’s primary teal as the background color (see lsst-sqre/semaphore#29 for more information).

  • Replaced custom fetch hook for the Semaphore broadcast message data with swr, enabling us to automatically refresh broadcast data.

  • Updated the component layout in the source code.

0.5.0 (2022-04-06)#

New features#

  • Squareone is cross-published on the GitHub Container Registry at ghcr.io/lsst-sqre/squareone.

Bug fixes#

  • Fix minor UI issues, including unnecessary scrollbars in the broadcast message disclosures and Link usage.

  • Remove the note on the documentation page about Generation 3 middleware.

Development changes#

  • Upgrade to Next 12 and various upgrades of dependencies and linting tools.

  • Upgrade to Node 16.

0.4.0 (2021-08-11)#

New features#

  • Broadcast messages are now sourced through Semaphore <https://github/lsst-sqre/semaphore>, a service that is installed in the science platform and sources messages from GitHub. With this update, messages can also have additional information that is visible if a user clicks on a “Read more” button. This disclosure is powered by react-a11y-disclosure <https://github.com/KittyGiraudel/react-a11y-disclosure>.

  • There is a new configuration field, semaphoreUrl, to configure the root URL for the Semaphore API service. The broadcastMarkdown field is removed.

0.3.1 (2021-08-04)#

Bug fixes#

  • Update funding text.

Development changes#

  • Refresh README with status badges and revise text on git hooks.

0.3.0 (2021-07-12)#

New features#

  • Add a broadcastMarkdown configuration field to the public configuration schema. If set, this content is shown in a new BroadcastBanner component on any page. This is a configuration-driven way of displaying notifications to users without requiring code changes. The semaphore application will add further flexibility for pushing notifications in the future.

Bug fixes#

  • Fix the name of the GitHub repository for support on the /support page.

0.2.2 (2021-06-25)#

Bug fixes#

  • Revised capitalization in the Acceptable Use Policy.

0.2.1 (2021-06-24)#

Bug fixes#

  • Add description on how to use the auth token with TAP clients that rely on basic authentication (username and password).

0.2.0 (2021-06-24)#

New features#

This release includes many features in preparation for DP0.1:

  • New /docs page that links to data, service, and software documentation relevant to RSP users.

  • New /api-aspect page that provides information about how to access the TAP API.

  • New /terms page that includes the RSP Acceptable Use Policy

  • New /support page that describes how to get support.

Bug fixes#

  • Fix open graph metadata

0.1.5 (2021-05-06)#

Bug fixes#

  • Update funding agency text and logos to the operations era.

0.1.4 (2021-05-03)#

Bug fixes#

  • Fix CSS loading for the UserMenu component by adding the babel styled-components plugin.

  • Change the UserMenu component to display the username rather than the user’s name, as Gafaelfawr does not guarantee the “name” property is available.

  • Switch to Font Source for the Source Sans font (from Google Fonts).

  • Remove temporary content from the index page.

0.1.3 (2021-04-05)#

Bug fixes#

  • Fix hero links for Portal and Notebooks

  • Enable links in nav bar

  • Enable documentation links

0.1.2 (2021-04-05)#

Bug fixes#

  • Fix how the configuration path is computed.

0.1.1 (2021-04-05)#

Bug fixes#

  • This release adds next.config.js to the Docker image.

0.1.0 (2021-03-30)#

New features#

This is the first development release of Squareone! 🎉

On this page
Edit on GitHub