Open Issues Need Help
View All on GitHubAI Summary: Update the UI of the search bar in a VS Code extension's React-based webview. The changes involve altering the color to match the existing design and removing the outline.
AI Summary: Implement a smart search feature in a VS Code extension's React-based note-taking webview. The search bar should parse commands (@json, @stack, @note) and route to corresponding handlers for JSON formatting, StackOverflow search, and note creation. The implementation should include auto-scrolling, input clearing, and a fallback for unknown commands.
AI Summary: Update the button styles in a VS Code extension's React-based webview to match a new Figma design. This involves changing button colors (primary, secondary, outline, and their hover/focus/disabled states) to align with the Figma color tokens and removing all emojis from button text. Thorough testing across light and dark modes is required.
AI Summary: Implement a purple-to-dark gradient background, consistent global font and spacing styles, and clean card shadows in a VS Code extension's React-based webview, based on a Figma design.
AI Summary: Implement a reusable card component in React for a VS Code extension's note-taking feature. This includes creating a 'plus button' card for adding new notes and ensuring a responsive layout (using grid or flexbox) for different screen sizes.
AI Summary: Design a 3D or isometric logo for a VS Code note-taking extension. The logo should be clean, modern, and techy, suitable for both light and dark themes. The design needs to be original and provided in .svg and .png formats (at least 128x128px), with a preview image included.
AI Summary: Implement a UI element within a VS Code extension's React webview. This element should display development tips in a rounded box with a gradient text, shadow, highlighted key text, and optionally, rotating tips. The design should match a provided Figma design.
AI Summary: Refactor the monolithic `App.js` component in a VS Code extension's React-based webview into smaller, reusable functional components to improve code maintainability, scalability, and testability. This involves breaking down existing UI elements and logic into more manageable pieces.
AI Summary: Add necessary scripts to the `package.json` file to enable local running of the VS Code extension. This involves adding build and watch scripts to automate the webpack build process, ensuring the extension can be easily tested and developed locally.
AI Summary: Implement a feature in a VS Code extension that allows users to add tags to notes and filter notes based on those tags. This involves modifying the React frontend to handle tag input and display, and updating the note storage mechanism (localStorage) to accommodate tags. Filtering will require adding a search/filter component.
AI Summary: Enhance the VS Code notes extension by adding a feature that fetches and displays a daily coding tip from an external API upon extension launch. The tip should be visually appealing and consistent with the existing extension's design.
AI Summary: Implement a toggle button within the React-based webview of the VS Code notes extension to switch between dark and light themes. This involves adding a button element, handling its click event, and updating the CSS classes or styles to change the theme.
AI Summary: Implement a color picker feature in a VS Code extension's React-based webview. The feature should allow users to select a color, generate a palette of shades, calculate a contrasting text color, and provide options to copy the HEX and RGB values of the selected color and its shades.
AI Summary: Implement a color picker tool within the existing VS Code extension's React webview. The color picker should allow users to select a color and copy its HEX or RGB value to the clipboard. This requires integrating a color picker library into the React application and handling clipboard interaction.
AI Summary: Extend the existing VS Code notes extension to include a new WebView panel displaying a countdown timer. This requires adding a new command to open the timer panel, creating a React component for the timer UI with input fields for setting the time, start/pause/reset buttons, a live countdown display, and an alert when the timer reaches zero. The timer's state should be managed within the React component.
AI Summary: Implement a 'pin' feature in the VS Code notes extension. This involves adding a UI element (a button) to each note, persisting the pinned state using local storage, and re-rendering the note list to prioritize pinned notes at the top.
AI Summary: Add a code cleaning/formatting feature to the VS Code notes extension. This involves integrating a code formatter (like Prettier) to automatically indent, remove extra spaces, and format brackets and code structure within the note-taking webview. Optional enhancements include auto-cleaning on save, formatting selected text only, and choosing between different formatting styles.