Description of changes
As part of vnext work, this PR converts the entire project into a monorepo using npm workspaces.
This change enables the core toolkit components and the React-wrapped toolkit components to be split into separate packages:
- @vscode/webview-ui-toolkit
- @vscode/webview-ui-toolkit-react
Description of changes
With the recent release of React toolkit components, this PR adds documentation for general usage and a couple of edge cases when using the toolkit React components.
Description of changes
Uses the `fast-react-wrapper` to wrap all toolkit components as React components and then exports them under the following syntax: `import { ComponentName } from '@vscode/webview-ui-toolkit/react';`
Description of changes
Creates a Node script that automates the steps required to copy a new toolkit build into a webview extension environment so that it can be manually/visually tested.
Description of changes
Updates the way that design tokens and VS Code theme listening/application is accomplished so the toolkit no longer has any side effects.
Also, add `sideEffects: false` to `package.json`.
Description of changes
- Lock typescript and api extractor file versions due to typescript conflicts
- Add tsconfig to enable eslint
- Remove introduction storybook doc
- Add eslint as dev dependency for lint step
- Update prettier config
Do an initial first pass of the toolkit documentation. This includes:
- Updating the primary README
- Create a Getting Started Guide
- Create a Component List Doc
- Create the boilerplate for a sample extension directory
- Add various image assets to support the documentation
Conduct the first polishing pass of the VSCode Data Grid component. Changes include:
- Updating and adding to the VSCode Data Grid README documentation
- Adding more Storybook controls and stories
Also, adopted the JSON Storybook tree view control. Resolves#28.
Update the VSCode extension utility functions to correctly apply VSCode themes to all of the components.
Also, add some new design tokens and clean up the Badge Storybook stories.
- Basic package.json meta data
- Installed FAST dependencies and scaffolded out some initial boilerplate
- Installed/configured typescript
- Installed/configured storybook and associated npm start script
- Installed/configured prettier and associated npm prettier script
- Installed/configured eslint and associated npm lint scripts
- Installed/configured jest and associated npm test scripts
- Installed/configured webpack and associated npm build script
- Configured Azure pipeline