Closed KATO-Hiro closed 19 hours ago
This update introduces several new features, enhancements, and thorough refactoring for a Svelte project. Significant changes include adding new components, updating ESLint configuration, refining CSS styles, and reorganizing various files related to UI elements and their behaviors. Additionally, dependencies in package.json
were updated, and a new components.json
file was created to configure project settings for Svelte.
Files (Grouped by Similar Changes) | Change Summaries |
---|---|
.devcontainer/devcontainer.json |
Added the extension "Selemondev.vscode-shadcn-svelte" |
.eslintrc.cjs |
Updated ecmaVersion to 'latest' and es2017 to es2024 |
CONTRIBUTING.md |
Reorganized and clarified frontend technologies and infrastructure details |
components.json |
Introduced configuration settings for a Svelte project |
package.json |
Added svelte-headless-table , updated dependencies versions like bits-ui , svelte-add , etc. |
src/app.css |
Reorganized CSS variables and styles |
src/lib/components/... |
Introduced and updated multiple components, including new properties and methods, particularly around table management using svelte-headless-table |
sequenceDiagram
participant User
participant InputFieldWrapper
participant SelectWrapper
participant WorkBookTasksTable
User->>InputFieldWrapper: Set isEditable
InputFieldWrapper->>InputFieldWrapper: Toggle readonly state
User->>SelectWrapper: Set isEditable
SelectWrapper->>SelectWrapper: Toggle disabled state
User->>WorkBookTasksTable: View tasks
WorkBookTasksTable->>svelte-headless-table: Create table
svelte-headless-table->>WorkBookTasksTable: Render table
In the land of Svelte code so fine,
Components now align in a line.
Tasks in tables, sleek and neat,
Editable fields, such a treat.
JavaScript flows, pristine,
Updates and styles, a coder's dream.
🎉 Here's to change, ever so sweet! 🌟
[!TIP]
AI model upgrade
## `gpt-4o` model for reviews and chat is now live OpenAI claims that this model is better at understanding and generating code than the previous models. Please join our [Discord Community](https://discord.com/invite/GsXnASn26c) to provide any feedback or to report any issues.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Svelte 4: onMountでテーブルの内容を更新できると思いましたが、意図した通りの動作は確認できていません。
Svelte 5の新機能を利用すれば、実現できるかもしれません
https://qiita.com/oekazuma/items/ab617096af10ad94356e#svelte4-2
close #705
Summary by CodeRabbit
New Features
isEditable
prop to various input and select components for editability control.TabItemWrapper
component.svelte-headless-table
.Bug Fixes
Documentation
CONTRIBUTING.md
with clearer frontend technology details.Style
Chores