feat: support null/undefined & add hue props (#128).
#292
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Build & Deploy | |
| on: | |
| push: | |
| branches: | |
| - main | |
| jobs: | |
| build-deploy: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v3 | |
| - uses: actions/setup-node@v3 | |
| with: | |
| node-version: 16 | |
| registry-url: 'https://registry.npmjs.org' | |
| - run: npm install | |
| - run: npm run build | |
| - run: npm install | |
| - run: npm run bundle | |
| - run: npm run bundle:min | |
| - run: npm run doc | |
| - run: npm run coverage | |
| - uses: jaywcjlove/coverage-badges-cli@main | |
| - name: Generate Contributors Images | |
| uses: jaywcjlove/github-action-contributors@main | |
| with: | |
| filter-author: (renovate\[bot\]|renovate-bot|dependabot\[bot\]) | |
| output: coverage/CONTRIBUTORS.svg | |
| avatarSize: 42 | |
| - run: cp -rp coverage website/build | |
| # - run: npm install @jsdevtools/npm-publish -g | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-alpha/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-block/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-convert/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-compact/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-colorful/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-circle/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-github/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-chrome/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-editable-input/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-editable-input-hsla/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-editable-input-rgba/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-hue/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-name/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-material/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-saturation/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-shade-slider/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-sketch/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-slider/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-swatch/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/color-wheel/package.json | |
| # - run: npm-publish --token="${{ secrets.NPM_TOKEN }}" ./packages/drag-event-interactive/package.json | |
| - name: Create Tag | |
| id: create_tag | |
| uses: jaywcjlove/create-tag-action@main | |
| with: | |
| package-path: ./packages/color/package.json | |
| - name: get tag version | |
| id: tag_version | |
| uses: jaywcjlove/changelog-generator@main | |
| - name: Deploy | |
| uses: peaceiris/actions-gh-pages@v3 | |
| with: | |
| commit_message: ${{steps.tag_version.outputs.tag}} ${{ github.event.head_commit.message }} | |
| github_token: ${{ secrets.GITHUB_TOKEN }} | |
| publish_dir: ./website/build | |
| - name: Generate Changelog | |
| id: changelog | |
| uses: jaywcjlove/changelog-generator@main | |
| if: steps.create_tag.outputs.successful | |
| with: | |
| head-ref: ${{steps.create_tag.outputs.version}} | |
| filter-author: (jaywcjlove|小弟调调™|dependabot\[bot\]|Renovate Bot) | |
| filter: '[R|r]elease[d]\s+[v|V]\d(\.\d+){0,2}' | |
| - name: Create Release | |
| uses: ncipollo/release-action@v1 | |
| if: steps.create_tag.outputs.successful | |
| with: | |
| token: ${{ secrets.GITHUB_TOKEN }} | |
| name: ${{ steps.create_tag.outputs.version }} | |
| tag: ${{ steps.create_tag.outputs.version }} | |
| body: | | |
| [](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color@${{steps.create_tag.outputs.versionNumber}}/file/README.md) [](https://bundlephobia.com/result?p=@uiw/react-color@${{steps.create_tag.outputs.versionNumber}}) | |
| Documentation ${{ steps.changelog.outputs.tag }}: https://raw.githack.com/uiwjs/react-color/${{ steps.changelog.outputs.gh-pages-short-hash }}/index.html | |
| Comparing Changes: ${{ steps.changelog.outputs.compareurl }} | |
| ```bash | |
| npm i @uiw/react-color@${{steps.create_tag.outputs.versionNumber}} | |
| ``` | |
| ${{ steps.changelog.outputs.changelog }} | |
| # - name: Coveralls | |
| # uses: coverallsapp/github-action@master | |
| # with: | |
| # github-token: ${{ secrets.GITHUB_TOKEN }} | |
| - name: 📦 @uiw/react-color publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-alpha publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-alpha | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-block publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-block | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-convert publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-convert | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-compact publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-compact | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-colorful publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-colorful | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-circle publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-circle | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-github publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-github | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-chrome publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-chrome | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-editable-input publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-editable-input | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-editable-input-hsla publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-editable-input-hsla | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-editable-input-rgba publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-editable-input-rgba | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-hue publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-hue | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-name publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-name | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-material publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-material | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-saturation publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-saturation | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-shade-slider publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-shade-slider | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-sketch publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-sketch | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-slider publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-slider | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-swatch publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-swatch | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-color-wheel publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/color-wheel | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} | |
| - name: 📦 @uiw/react-drag-event-interactive publish to NPM | |
| run: npm publish | |
| continue-on-error: true | |
| working-directory: ./packages/drag-event-interactive | |
| env: | |
| NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} |