Add predictive prefetching demos with ForesightJS integration including
grid-based tile comparison, trajectory visualization, and timing bars.
Add "Your Font Can Do More" article with OpenType feature demos.
Made-with: Cursor
- Added new styles for backdrop and popup components to improve visual hierarchy and user interaction.
- Introduced new text styles for primary and secondary text.
- Updated wallet and options styles for better focus handling.
- Removed redundant styles and optimized existing ones for clarity.
BREAKING CHANGE: backdrop and popup z-index values have been adjusted.
- Deleted Footer and Header components along with their styles as they are no longer needed.
- Introduced a new Shortcut component to manage keyboard shortcuts with tooltips.
- Introduced three new volume icons: VolumeMinimumIcon, VolumeOffIcon, and VolumeUpIcon.
- Created scripts for converting SVG icons to TSX components and for finding unused icons.
- Updated the icons directory structure and added functionality to manage icon usage.
Reviewed-by: Team
Introduce a new interface, IconProps, to standardize the properties
for SVG icon components. This interface includes optional size and
color properties, enhancing the flexibility and usability of icon
components across the application.
- Introduced a new toolbar for figure components that appears on hover or focus.
- Added styles for the toolbar and buttons to enhance user interaction.
- Implemented a utility function to render figures as PNG blobs, excluding the toolbar from the output.
- Created an index file to export various animation principles.
- Added a new document discussing the differences between easing curves and springs, including foundational knowledge and decision-making guidance.
- Updated metadata for improved SEO and social sharing.
- Added viewport settings for better mobile responsiveness.
- Introduced skip link for accessibility improvements.
fix(rehype-word-spans): simplify property access for dataFootnotes
fix(gradient): use template literal for hex color generation
build: modify build script to include TTS generation
chore: add dotenv and picocolors dependencies
chore: add tsx as a dev dependency
feat: implement TTS audio generation script
- Deleted the Aphex Twin icon component and its references in the icons index.
- Removed the Timing component and its styles, which utilized the Aphex Twin icon.
- Updated various styles across the 12 principles documents to improve consistency and visual appearance.
- Added new functionality to the Timing component, which now uses chroma-js and pantone-tcx for color handling.
- Introduced new icons including NoteIcon and OpenAIIcon for enhanced visual representation.
- Added icons for the Squash and Stretch principles: ArrowIcon, CrownIcon, FireIcon, and ToastIcon.
- Implemented anticipation icons: HighPriority, InProgress, Done, Todo, Check, Bolt, and Avatar.
- Created corresponding styles and components for the new icons to ensure consistent design and functionality.
This commit cleans up the codebase by removing multiple instances of
unnecessary code changes that do not contribute to functionality or
performance. This helps maintain clarity and reduces potential
confusion for future development.
This commit cleans up the codebase by removing redundant code blocks
that are no longer in use. This helps improve readability and maintainability
of the code.
Reviewed-by: Team Lead
Removed multiple empty <code-changes> sections from the changes log to improve readability and maintainability of the codebase. This helps in keeping the change history concise and focused on actual modifications.
- Implement operator hints for filtering search results by author, tag, and date.
- Add placeholder support to improve user experience.
- Update styles for better visibility and interaction.
- Remove deprecated search index file and related input component.
- Add a new HomeSearch component for searching articles.
- Integrate filtering and sorting functionality using a query string.
- Create a SearchEditor component for input and suggestions.
- Implement utility functions for filtering and sorting documents.
- Add styles for the new components and their interactions.
This enhances the user experience by allowing users to search and filter articles effectively.
- Implemented `useChipInsertion` to replace the last typed word with a chip.
- Created `useHighlightedIndex` to manage the highlighted index in suggestion lists.
- These hooks enhance the search functionality by allowing users to interact with typed filters more effectively.
- Introduced ChipNode class to represent chips for tags, authors, and date filters.
- Added functionality to create, serialize, and manage chip nodes within the editor.
- Implemented plugins to handle backspace behavior and single-line input restrictions.
- Enhanced the TagFilter component to support chip-based filtering and suggestions.
- Introduced a new TagFilter component for enhanced search capabilities.
- Integrated search-string library for parsing search queries.
- Added support for filtering by tags, authors, and date ranges.
- Implemented sorting options for search results.
- Enhanced user experience with suggestions and filter chips.
This update significantly improves the search functionality, allowing users to filter articles more effectively based on various criteria.
- Implement checks for KV configuration in view retrieval and increment functions.
- Adjust view count responses based on KV availability.
- Update styles to improve layout and remove unused color files.
- Add ViewTracker component to increment view count on page load.
- Integrate view count retrieval in the Header and HomeLayout components.
- Update styles for consistent letter-spacing across components.
- Remove views field from markdown content and source configuration.
- Add API routes for getting and incrementing view counts using Vercel KV.
- Introduced a new header with a title for the wiki.
- Added filter buttons for "All", "Trending", "Recents", and "Saved".
- Implemented a search field with an icon for better navigation.
- Updated the layout to display pages in a grid format with cards.
- Removed the previous list structure for a more modern design.
Added a new SearchIcon component for the search functionality.
- Added Avatar component with Root, Image, and Fallback subcomponents.
- Utilized color hashing for fallback background color based on initials.
- Styled components for consistent appearance.
feat(button): create button component with motion support
- Introduced Button component with size and variant props.
- Integrated motion for animated button interactions.
- Applied styling for different button states.
feat(category): develop category component with overflow handling
- Created Category component with Chip and Overflow subcomponents.
- Implemented color hashing for category dots.
- Added popover functionality for displaying overflow categories.
feat(icons): add various icon components
- Implemented Copy, Download, Github, and Link icons.
- Standardized icon properties for size and color.
feat(popover): build popover component for UI interactions
- Developed Popover component with customizable trigger and popup.
- Styled popover for better visibility and user experience.
fix(docs): enforce views property as required in docs schema
- Changed views property in docs schema from optional to required.
- Ensured consistency in data structure for documentation.
feat(get-page): implement utility functions for page data retrieval
- Added functions to retrieve author, coauthors, views, and published date from page data.
- Enhanced data handling for better integration with UI components.flop
- Implemented IntersectionObserver to manage visibility of the audio reader.
- Added floating controls for better accessibility and user experience.
- Updated styles for the new floating controls and background effects.
- Introduced new icons: ExpandIcon, FastForward15sIcon, PictureInPictureIcon, and Rewind15sIcon.
- Each icon is implemented as a functional component with customizable size and color.
- Icons are designed to be used in various UI components.
feat(orb): implement interactive orb component with customizable features
- Added Orb component for rendering a dynamic visual representation.
- Supports color customization, volume control, and agent state management.
- Utilizes Three.js for rendering and includes shaders for visual effects.
feat(theme): define color variables for black and white themes
- Created CSS variables for black and white color themes.
- Variables include various alpha levels for better transparency control.
- Supports modern color-gamut features for enhanced color representation.
Raphael S.