Skip to content
This repository was archived by the owner on May 7, 2026. It is now read-only.

perf: preload dependencies on server startup and improve UI#72

Merged
gioboa merged 35 commits into
QwikDev:mainfrom
JerryWu1234:optimize_interface
Oct 9, 2025
Merged

perf: preload dependencies on server startup and improve UI#72
gioboa merged 35 commits into
QwikDev:mainfrom
JerryWu1234:optimize_interface

Conversation

@JerryWu1234
Copy link
Copy Markdown
Collaborator

@JerryWu1234 JerryWu1234 commented Oct 9, 2025

perf: preload dependencies on server startup and improve UI

  • Preload npm dependencies when server starts
  • Add in-memory cache with 30min TTL
  • Optimize parallel fetching (batch 100, 5s timeout)
  • Fetch package icons from npm API/GitHub avatars
  • Enhance dependency card UI design
  • Fix TypeScript type errors

#54
image

JerryWu1234 and others added 30 commits May 22, 2025 15:48
…uration

Simplify the global CSS and Tailwind configuration by removing unused variables and consolidating theme-related settings. This improves maintainability and reduces redundancy in the codebase.
The host, port, and allowedHosts configurations were removed from the dev server settings to simplify the configuration and rely on Vite's default behavior. This change reduces unnecessary customization and aligns with standard Vite practices.
- Add theme script for initial theme detection and application
- Update global.css with theme variables and dark mode selector
- Refactor ThemeToggle component to use localStorage for theme persistence
- Modify vite config to handle build-specific alias configuration
- Add type definitions path to package.json
```

The commit message follows the guidelines by:
1. Using "feat" type since it introduces new theme functionality
2. Including "(theme)" scope as it's clearly theme-related
3. Keeping description under 50 chars and starting with lowercase
4. Adding a body that summarizes the key changes without repeating the subject
5. Using imperative mood throughout
6. Focusing on the significant functional changes rather than every detail
- Normalize quotes from single to double quotes
- Fix missing semicolons and newlines
- Reorder tailwind classes consistently
- Remove unused useDark hook
- Update theme script to be more reliable
- Apply prettier formatting across the codebase
- Remove ThemeScript component and inline theme script logic in devtools
- Remove unused useDark hook from ThemeToggle
- Simplify theme toggle logic by removing dark state check
…ity condition

- Remove unused ThemeScript import to clean up dependencies
- Fix devtools panel visibility to only show when state.isOpen.value is true
Update all double quotes to single quotes across the codebase for consistency. Added 'singleQuote: true' to prettier configuration to enforce this style. This change improves code style consistency and aligns with the project's linting rules.
- Rename theme storage key for compatibility with vite-plugin-inspect
- Extract theme script logic into separate component
- Remove unused imports and simplify ThemeToggle component
- Replace inline script with ThemeScript component in devtools
- Add 'auto' theme option that follows system preference
- Replace button with select dropdown for theme selection
- Improve theme script to handle auto theme case
- Fix extra space in search input styling
…pgrade rollup to 4.41.1, and update peer dependencies
…k DevTools

- Introduced `getAllDependencies` function to fetch preloaded dependencies.
- Implemented background preloading of dependencies during plugin initialization.
- Updated UI to display project dependencies with loading states and improved error handling.
- Added `DependencyCard` component for better presentation of package information.
- Enhanced state management to track loading status of dependencies.
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Oct 9, 2025

⚠️ No Changeset found

Latest commit: 8cc9651

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

- Updated package.json for @qwik.dev/devtools to version 0.2.0 and set private to true.
- Added new release script for publishing changes.
- Introduced CI workflow for automated builds and releases.
- Removed outdated changelog files for other packages and updated their package.json to set private to true.
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Oct 9, 2025

Open in StackBlitz

npm i https://pkg.pr.new/QwikDev/devtools/@qwik.dev/devtools@72

commit: 8cc9651

- Updated Tailwind CSS to version 4.0.0 and adjusted related configurations.
- Replaced the Tailwind configuration file with a PostCSS plugin integration.
- Enhanced global styles with custom theme variables for better design consistency.
- Refactored UI components to utilize new Tailwind styles and improve responsiveness.
- Cleaned up unused styles and optimized component classes for better performance.
Copy link
Copy Markdown
Member

@gioboa gioboa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, can you add the changeset too please?

@JerryWu1234
Copy link
Copy Markdown
Collaborator Author

@gioboa let do it later

@gioboa gioboa merged commit efd3119 into QwikDev:main Oct 9, 2025
2 checks passed
@JerryWu1234 JerryWu1234 mentioned this pull request Oct 10, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants