-
-
Notifications
You must be signed in to change notification settings - Fork 22
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
✨ [Project]: Dashboard redesign/rebuild #333
Conversation
[skip ci]
🦋 Changeset detectedLatest commit: 4634c9a The changes in this PR will be included in the next version bump. This PR includes changesets to release 3 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
Thank you for submitting your Pull Request, the following links will become available for preview shortly:
|
* init * add changeset * update CODEOWNERS * Update readme and add example assets * Update preview images in README.md * Refactor app integration and add libSQLViewer endpoint configuration
* Create draft PR for #351 [skip ci] * version and prep docs * Style adjustments to docs * Revert text change * update og images to conform to twitter guidelines * update lockfile * fix lint errors * refactor docs to cleanup the whole thing * remove now unneeded package * update typedoc config * dep cleanup * Refactor Integration.astro to display "N/A" for unreleased packages * update pageTitle to support integrations * add sponsors section * up * Refactor Sponsors.astro to add target and rel attributes to sponsor link * Update sidebar label * Refactor Integration.astro to add support for plugins * add note to styles * update label * Refactor Astro config to add support for @studiocms/blog plugin * fix * Refactor Astro config to remove isScoped and scope properties * Refactor Astro config to remove unused code and improve package name parsing * Refactor Sponsors component styles to center align links and headings * fix icon * Refactor packagecatalog config to remove extra code and improve package name parsing * fix config reference * Refactor PackageCatalog component to filter and sort packages based on pkgType prop * Refactor PackageCatalog component to use 'catalog' prop instead of 'pkgType' * Refactor Astro.props in Integration.astro to include publiclyUsable prop * Refactor config.ts to include redirectSchema * refactor * Refactor Astro.config.mts to include @shikijs/twoslash integration * Refactor Astro.config.mts to use StudioCMSOptions instead of StudioCMSOptionsSchema._input * Dashboard additions removals (#354) * Purge mentions of Astro Studio * Add UI docs (getting started & button) * Update packages/studiocms/src/index.ts Co-authored-by: Adam Matthiesen <[email protected]> * Fix border rounding * Shrink hero * Update www/docs/astro.config.mts Co-authored-by: Adam Matthiesen <[email protected]> * Finish button docs, fix merge conflicts * Add more UI lib docs, adjust UI package - Fixed a typo that caused a typedoc warning. -Fixed a CSS leak in the UI library. - Adjusted the DropdownHelper API (added an individual show toggle and renamed some functions) - Looooooooooots more docs stuff * Update button.mdx * Adjust wording * Update dropdown.mdx * Add more UI docs, fix UI lib css * Adjust sponsors css, add more UI lib docs * Improve code snippets * Document textarea, toggle, and user * Changes to UI lib, new UI lib docs * Fix missing comma * Update custom.css * mention include styles * Adjustments for twoslash * Update custom.css * Twoslash more like twobitch * Funny markdown support :) * Made twoslash appear correctly * Add changesets * Add explicitTrigger for twoslash --------- Co-authored-by: Reuben Tier <[email protected]> Co-authored-by: Adam Matthiesen <[email protected]> * start of adding transformers and their css * more twoslash! * Update '@astrojs/starlight' version to 0.28.3 * Update dependencies for '@astrojs/starlight', '@astrojs/db', '@astrojs/node', '@astrojs/react', and '@astrojs/web-vitals' * test * apply fix * update docs and re-enable astro check * Update configuration.mdx with link to reference pages * Add description for StudioCMS DevApps * Refactor StudioCMS package.json exports * more progress * Update Astro version to 4.16.3 and adjust button position in custom.css * update default bracketPairs comment * update to conform to new astro docs and update other links * add ts-nocheck to prevent warnings/errors for shiki transformer * revert * new title transformer for shiki * add titles * cleanup * update demo link in code snippet * Update custom.css styles for code snippets * Update studiocms/src/index.ts and www/docs/src/content/docs/config-reference/options-schema.mdx * Refactor import statement in defineStudioCMSConfig.ts * fix the TS error that was being caused by a `.` instead of a `,` * some css styling for the copy button * update css * Update custom.css with new color tokens and styling for highlighted words and diffs * remove spacing * Update custom.css to add background color for highlighted words and diffs * Update custom.css to adjust background colors for highlighted words and diffs * fixed css * Update custom.css to remove inline-block display for diff spans * Remove test comment, fix copy SVGs, color changes * Add image zoom, remove carousel, adjust hero buttons * refactor css file into multiple files * Refactor shiki transformers and update import paths * Refactor Docs landing page * Refactor SplitCard component CSS * Refactor Youtube.astro component CSS * Refactor why-studioCMS.mdx file * Refactor card CSS to include all the cards from starlight * Refactor index.mdx to include instructions for setting up Turso database * Refactor Getting started guide and remove unused components * Refactor getting started guide * Refactor config references * Refactor config references and add Renderer type * Refactor StudioCMS custom renderer documentation to include information about defining custom renderers and their usage. * cleanup docs * Refactor environment variable documentation and add ReadMore component * Refactor YouTube and landing card components * Refactor Discord button styling in index.mdx and starlight.css * Refactor starlight.css: Add gap to LinkButton button styling * fix * Refactor SplitCard component: Add padding to split container * Refactor SplitCard component: Remove unnecessary padding in split container * Refactor landing page: Update StudioCMS card icon * Custom head component to preload the fonts * Add new component for planned Contributor guide page * Update sidebar component name, and update SiteTitle component * Update astro.config.mts: Add 'x.com' link to StudioCMS social media * Contributing guide! * Update astro.config.mts: Add remotePatterns for images Add new Contributing guide * Update FacePile component: Adjust avatar size and alignment * Update contributing guide * Update contributing guide: Add link to contributing guide in README.md * Update astro.config.mts: Add badge to @studiocms/ui label * Update contributing guide: Update link to contributors list in contributing.mdx * Update dependencies: Add hast-util-to-string, html-escaper, rehype-slug, rehype-autolink-headings, rehype-external-links, and @types/html-escaper * Update anchor link icon style * Update anchor link icon style and display of content elements * Update dependencies: Add shiki-transformer-color-highlight and unified * Update contributor list component and styles * Refactor getContributorsByPath function to remove ignored commit keywords and improve author handling * cleanup * Update external link icon and remove underline from anchor links * Update SiteTitle.astro * Add bun as a package manager option * Refactor getContributorsByPath function to improve author handling and remove ignored commit keywords * Refactor TursoCLI command builder for improved handling of authentication and database commands * Refactor to use dynamic sponsor links * Update strings.ts * Update why-studioCMS.mdx * Feat(devapps): Wordpress Importer (#360) * initial progress * okay well it works! * Add Wordpress importer app * Add WordPress Importer app and update README.md * update readme * update docs * Add Toolbar app image and update README.md * remove unnecessary footnote * Refactor wp-api converters and utils This commit refactors the wp-api converters and utils in the studiocms_devapps package. It introduces the following changes: - Added async/await functionality to ConvertToPageData and ConvertToPostData functions. - Implemented fetching and downloading of title images for pages and posts. - Updated the apiEndpoint function to include the 'media' type. These changes improve the efficiency and functionality of the wp-api converters and utils. * Refactor wp-api converters and utils, and add closeOnOutsideClick function * Refactor createWindowElement function and add closeOnOutsideClick function * Refactor TypeDoc configuration to include additional files * Refactor devApps configuration to include WP API Importer * typo * Refactor wp-api converters and utils, and fix success check in wp-importer * Refactor to remove warning as per @dreyfus92 * Update www/docs/src/content/docs/start-here/why-studioCMS.mdx Co-authored-by: Adam Matthiesen <[email protected]> * Update www/docs/src/content/docs/start-here/why-studioCMS.mdx Co-authored-by: Adam Matthiesen <[email protected]> * Update www/docs/src/content/docs/start-here/why-studioCMS.mdx Co-authored-by: Adam Matthiesen <[email protected]> * Update www/docs/src/content/docs/start-here/why-studioCMS.mdx Co-authored-by: Adam Matthiesen <[email protected]> * Update title in how-it-works/index.mdx * Fix twoslash popups overflowing parent container --------- Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com> Co-authored-by: Adam Matthiesen <[email protected]> Co-authored-by: Louis Escher <[email protected]> Co-authored-by: Reuben Tier <[email protected]> Co-authored-by: Louis Escher <[email protected]>
* disable powerglitch * Refactor: Remove powerglitch dependency
* Refactor image handling and remove unused code * update docs * update landing page * Update dependencies: Add "sharp" package to package.json
* Refactor image handling and remove unused code * update docs * update landing page * Update dependencies: Add "sharp" package to package.json * init * add changeset * refactor as per @jdtjenkins * Refactor wp-api converters to skip existing categories and tags * Refactor wp-api index.ts to use CMSSiteConfigId constant for site config ID * Refactor wp-api converters to use endpoint parameter in ConvertToPageData and importPage functions * Refactor wp-api utils.ts to fix API endpoint path generation
* old system has been removed, Just need to update the routes now to use the new system. * Refactor authentication routes and session handling * update schema * add logic for new login page * Update background parameter in three.ts * Refactor three.ts: Remove tweakpane initialization and related code * index page and oauth buttons done. * More progress * Refactor environment variables in astroenv and shared.ts * Refactor OauthProviders.astro and remove unused code * Refactor Astro(vite) config and user permission verification * Cleanup * cleanup * more cleanup * Refactor other integrations to use the new auth lib * start of firstTimeSetup re-implementation * Refactor firstTimeSetup to use crypto.randomUUID() for generating UUIDs * Refactor package.json to use "@fontsource-variable/onest" instead of "@fontsource/onest" * cleanup * fix css * Refactor OAuthButtonStack to use currentColor for SVG fill * Refactor authlayout.css to use "Onest Variable" font-family for all elements * update deps * cleanup * add changeset * update docs * update docs * Exclude @node-rs/argon2 from vite optimizeDeps * Add ViteNodeAddonPlugin to integration.ts * Exclude @node-rs/argon2 from vite optimizeDeps * test * Exclude @node-rs/argon2 from vite optimizeDeps * test * test * test * update deps * Refactor login and signup routes to handle different scenarios * Refactor OAuthButtonStack and AuthLayout components * Refactor firstTimeSetup API route and add error handling * Refactor signup form button in signup.astro * Refactor oAuth callback URLs in environment variables and update getting started * remove now un-used nodeAddons plugin * Refactor integration.ts to add rate-limiting functionality * add docs * Refactor typedoc.config.ts to remove unused scripts and utils * update build command to remove astro check by default * Update astro.config.mts * Add fallback image for login page - Adds a fallback image that displays when the Three.js context fails to render. --------- Co-authored-by: Louis Escher <[email protected]>
* Add searchable selects, improve selects accessibility * Add docs, fix default value staying active for search selects * Fix searchable select not working via click * Select inputs now close on escape press (also added changeset) * Fix click selection not moving focus * Update index.mdx * Fix missing name for forms in select docs * Remove old css files * Apply suggestions from code review --------- Co-authored-by: Adam Matthiesen <[email protected]> Co-authored-by: Reuben Tier <[email protected]>
* Add dashboard grid item support and filtering logic * add aditional tests * Refactor build scripts in package.json for improved clarity and organization * Refactor dashboard grid item filtering logic and update allowed items handling * Add default grid item components and update dashboard item spans * Remove unused Drafts component, update dashboard styles, and enhance totals grid item functionality * Add recently signed up users component and implement permission checks for dashboard grid items * Update Recently Signed Up component to use config for date formatting and change loading strategy to lazy * Add Web Vitals integration support and define related schemas and types * Refactor web vitals plugin setup and remove outdated TODO comments for dashboard grid items * Add dashboard grid items configuration and update site settings to include enabled grid items * Update grid item card background color in configuration form * Implement web vitals data handling with date checks and analytics summary functions * Remove deprecated web vitals date checking and data building functions * Refactor grid item options to include labels and improve mapping logic in configuration form * Refactor web vitals data handling to use studioCMS_SDK and remove obsolete route summary and summary files * Enhance web vitals data processing by introducing new summary and route summary functions, and update types for improved data handling * Add MetricCard and SummaryCard components for web vitals dashboard with styling and data handling * Add web vitals plugin integration and dashboard grid items for Core Web Vitals metrics * Refactor web vitals data handling to include summaries for 24 hours, 7 days, and 30 days; update dashboard components to display new metrics * Fix import order and enhance web vitals plugin integration in StudioCMS * Refactor import statements for consistency and update web vitals plugin references to core vitals in various components * Enhance DashboardGridItem component to accept 'name' prop and update GridItem type definition for improved type safety * Fix TypeScript error handling for $$result in DashboardGridItem component * Add NTILE to VSCode settings and refactor web vitals integration logging for consistency * Refactor import statements for consistency, update variant properties to 'default', and enhance styling for web vitals dashboard components * Update Totals component layout to use grid display, adjust item width, and increment @studiocms/ui version to 0.4.11 * Implement dashboard grid components system * Refactor date sorting in Recently-created, Recently-signed-up, and Recently-updated components to use sortByDate utility function * Refactor import paths for consistency and update documentation descriptions * Update build:docs script to ensure proper build order for studiocms and docs * Add configuration reference and overrides documentation for StudioCMS options * Update StudioCMS configuration: enable sidebar collapse, add image service and SDK documentation, and refine default frontend config references * Update documentation: restore Contributing Guides section and enhance renderer configuration details * Update getting started documentation: correct link to StudioCMS Reference pages * Update StudioCMS documentation: enhance blog and devapps integration details, fix typos, and improve configuration examples * Update documentation: expand "How does it work?" section with detailed descriptions of virtual modules and API routes * Remove "How it works" documentation section to streamline content * Refactor StudioCMS documentation: clarify routes for Dashboard and API integration * Update SDK documentation: expand usage examples and add detailed descriptions for SDK functions * Update REST API documentation: add introduction, API tokens, and detailed endpoint descriptions * Add CLI documentation: introduce the StudioCMS CLI and its components * Remove deprecated StudioCMS integration assets and update directory structure for plugins * Update documentation links for StudioCMS and Astro integrations to reflect new plugin structure * Add support for StudioCMS plugins: update configuration and documentation * Add documentation for defining a StudioCMS Plugin with example code * Update minimum StudioCMS version requirement for myPlugin to 0.1.0-beta.8 * Fix formatting in myPlugin definition for consistency * Remove target attribute from rehypeExternalLinks plugin configuration * Update rehypeExternalLinks plugin to set target attribute for external links * Update SponsorLink component to modify link text formatting * Enable typeDoc plugins and sidebar entry in astro.config.mts * Refactor StudioCMSVirtualCache methods to remove unnecessary package parameter and update documentation for clarity * Disable testing mode for TypeDoc by setting testTypeDoc to false * Fix formatting in myPlugin integration definition for consistency * Update tab label in getting started documentation for clarity * Remove outdated gallery images and update imports for new content management and dashboard images * Update image imports in index.ts to reflect new dashboard structure * Remove outdated banner from gallery documentation * Update StudioCMS features documentation with more detailed descriptions and added sections * Enhance CLI documentation with interactive tabs and detailed setup instructions * Remove Cloudinary configuration example from CLI documentation * Improve REST API documentation with minor text refinements and clarity * Add examplegriditem and astro-integration-kit to project dependencies; enhance plugin documentation with detailed examples * Add 'myplugin' to VSCode settings and enhance documentation with example route for Astro integration * Integrate StudioCMSRenderer for enhanced content rendering in plugin documentation * Enhance documentation for dynamic routing in plugin example * Add hyperlink to dynamic routing documentation in plugin example * Update code block syntax for environment variables in CLI documentation * Add ReadMore component for environment variables documentation link in CLI guide * Add lunariajs and shikijs to VSCode settings * Fix formatting of external link indicator in rehypeExternalLinks plugin * Refactor dynamic route example in extended.mdx for clarity and type safety * Add example grid item for plugin in extended.mdx documentation * Add examples for frontend navigation integration in extended.mdx documentation * Fix page slug lookup to handle empty strings in extended.mdx * Refactor rehypePlugins import in astro.config.mts for clarity * Add starlight-sidebar-topics integration and update sidebar configuration * Remove badge indicators from environment variables and getting started documentation * Custom TypeDoc generation * Add typedoc-plugin-zod for enhanced TypeDoc documentation * Update sourceLinkTemplate in makeTypedocOpts for improved GitHub linking * Add StudioCMSVirtualCache to TypeDoc plugin file paths * Remove StudioCMSVirtualCache from TypeDoc plugin file paths * Refactor TypeDoc configuration by removing unused helpers and consolidating options * Remove unused readme option and simplify TypeDoc plugin assignments * Add custom sidebar components for topic navigation in Starlight * Replace Starlight sidebar topics component with a new TopicsSelector component * Enhance StudioCMS codebase with improved documentation and additional settings * Add detailed JSDoc comments for various functions and interfaces; remove unused blog schema file * Refactor documentation structure and enhance PackageCatalog component with Card wrapper for improved layout * Add "Coming Soon" badge to Translations documentation page * Fix link to translations directory in contributing documentation * Add OpenSearch support with star-warp integration and update settings * Add custom 404 error page and update PageTitle component logic * Remove OpenSearch configuration from Astro config * Update documentation for various packages * Fix path to README banner image in documentation * Apply suggestions from code review Co-authored-by: Louis Escher <[email protected]> * Add default component for formatted date and update link styles in Topics * Add accessibility audit reports for Dashboard, User Profile, and Configuration pages (#417) * Bug fix (#418) * Update dashboard styles to adjust sidebar display and height to prevent it from flowing off the screen * Fix CSS issue causing sidebar to flow off the screen --------- Co-authored-by: Paul Valladares <[email protected]> Co-authored-by: Louis Escher <[email protected]>
* Rename page header class for consistency and update styles for improved layout * Update dashboard header styles for improved layout and consistency * Small CSS tweak for improved styling * Add border-radius to recently signed up user hover effect for improved styling
* Add dashboard pages support to StudioCMS plugin schema * Refactor dashboard page component handling and extend schemas for final dashboard page support * Add type declarations for user and admin dashboard pages in StudioCMS * Add plugin dashboard pages and frontend navigation support to StudioCMS plugin helpers virtual module * Enhance sidebar configuration to dynamically generate links for admin and user dashboard pages * Add type definitions and dashboard route for plugin pages in StudioCMS * Refactor dashboard route to use destructuring for improved readability * Refactor component prop types in FinalBaseSchema for consistency * Add support for customizable dashboard route and inject plugin dashboard pages * Replace Astro.redirect with Response for 404 handling in plugin page route * Update logging * Remove unused integration import from index.ts * Add runtime logger dependency and integrate logging in sidebar configuration * Remove commented-out code and unused imports from dashboard route * Refactor plugin page route to improve 404 handling and update sidebar configuration * Improve safety check for InnerSidebarComponent rendering in dashboard route * Refactor sidebar configuration to improve page filtering and logging for user roles * Enhance sidebar configuration to support multilingual titles and improve slug generation for dashboard pages * Update i18n configuration to expose available translations and adjust validation schema * Refactor i18n configuration to separate translation keys and improve type definitions * Refactor i18n configuration to restrict translations to 'en-us' and enhance documentation * Refactor slug generation to use default language from i18n configuration * Enhance sidebar title handling to fallback on default language and improve i18n label validation error messaging * Refactor sidebar configuration and schemas to improve type definitions and enhance documentation for dashboard page properties * Add analytics and web vitals dashboard components with permission handling and safe string conversion * Refactor dashboard page slug generation to use route instead of title and enhance analytics page layout with summaries * Enhance analytics page layout by restructuring Core Web Vitals summaries and adding route-based metrics display; include score tracking in route summary type. * Add analytics tab to web vitals page with route-based data display and summary tables * Add passing status indicator and update views column headers in analytics table * Rename variable for core web vitals summary in analytics page * Refactor CreatePage API to use FormData for submissions and enhance page type handling with dynamic API endpoints * Enhance API endpoint documentation in StudioCMSPluginSchema with detailed descriptions for onCreate, onEdit, and onDelete methods * Update TODO comment to specify support for custom fields in StudioCMSPluginSchema * Refactor component schemas to use AstroComponentSchema for improved type safety and consistency * Add PluginFields component for dynamic field rendering in StudioCMS * Add support for dynamic plugin fields in CreatePage and EditPage components * Add optional fields property to StudioCMSPluginSchema for page metadata * Remove unused import of defaultLang from i18n configuration in index.ts * Refactor StudioCMSPluginSchema to improve readability and maintainability by adding spacing between properties * Add frontend navigation support and update type definitions for plugin helpers * Refactor frontendNavigation function to return typed LinkProps array and remove redundant type definition * Remove unused path mapping for lib/plugins in package.json * Fix formatting in component assignment for consistency * Enhance StudioCMS Plugin system with Dashboard pages and optional API routes * Refactor navigation component to utilize frontendNavigation helper for link generation
* Implement new user quick actions button that is served from the integration instead of from the project/theme * Adjust positioning of user quick tools for improved alignment * Remove commented-out login redirection logic in LoginChecker component * Refactor script injection for StudioCMS Renderer and User Quick Tools * Add Dashboard link to navigation and adjust avatar font size * Add background color variables and update background styling for User Quick Tools * Refactor User Quick Tools menu item creation and update styles for improved usability * Add default frontend configuration and conditional injection for Quick Actions Menu * Refactor session verification logic in User Quick Tools component * Refactor session handling in User Quick Tools and API response structure * Add documentation for injectQuickActionsMenu configuration option * Implement User quick action toolbar for logged-in users on the frontend * Remove commented-out redirect logic in LoginChecker component * Update packages/studiocms/src/components/user-quick-tools.ts Co-authored-by: Louis Escher <[email protected]> * Update packages/studiocms/src/components/user-quick-tools.ts * Refactor UserQuickTools menu toggle logic and improve transition timing * Fix transition timing for menu opening in UserQuickTools component * Update packages/studiocms/src/components/user-quick-tools.ts --------- Co-authored-by: Louis Escher <[email protected]>
Co-authored-by: Adam Matthiesen <[email protected]> Co-authored-by: Paul Valladares <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚢🚢🚢
Barely managed to get the tab to load |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Note to self: Do not scroll on this large of a PR
4634c9a
!coauthor |
|
Original issue description
This issue/PR will be the project for all changes regarding the dashboard. all project issues will merge into this branch.
Requires:
@studiocms/ui
package #296Tasks:
"owner"
rank #327closes #304
StudioCMS
beta.8
ChecklistCurrently left to do:
@studiocms/ui
) (Styles Pass #422)Can come after
beta.8
if needed