Socket
Socket
Sign inDemoInstall

@storybook/addon-measure

Package Overview
Dependencies
Maintainers
25
Versions
1050
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@storybook/addon-measure - npm Package Compare versions

Comparing version 0.1.1--canary.325bbb4.0 to 0.1.1--canary.d50d6c8.0

2

dist/Tool.js

@@ -73,3 +73,3 @@ "use strict";

}, /*#__PURE__*/_react["default"].createElement(_components.Icons, {
icon: "component"
icon: "ruler"
}));

@@ -76,0 +76,0 @@ };

{
"name": "@storybook/addon-measure",
"version": "0.1.1--canary.325bbb4.0",
"version": "0.1.1--canary.d50d6c8.0",
"description": "Inspect layouts by visualizing the box model",

@@ -41,3 +41,3 @@ "keywords": [

"@babel/preset-typescript": "^7.13.0",
"@storybook/react": "^6.1.14",
"@storybook/react": "^6.3.0-beta.1",
"auto": "^10.3.0",

@@ -53,7 +53,7 @@ "babel-loader": "^8.1.0",

"peerDependencies": {
"@storybook/addons": "^6.1.14",
"@storybook/api": "^6.1.14",
"@storybook/components": "^6.1.14",
"@storybook/core-events": "^6.1.14",
"@storybook/theming": "^6.1.14",
"@storybook/addons": "^6.3.0-beta.1",
"@storybook/api": "^6.3.0-beta.1",
"@storybook/components": "^6.3.0-beta.1",
"@storybook/core-events": "^6.3.0-beta.1",
"@storybook/theming": "^6.3.0-beta.1",
"react": "^16.8.0 || ^17.0.0",

@@ -60,0 +60,0 @@ "react-dom": "^16.8.0 || ^17.0.0"

@@ -20,4 +20,6 @@ <img src="https://user-images.githubusercontent.com/42671/119589951-dbcd9600-bda1-11eb-9227-078f3cfc1e74.png" width="200" height="200">

Install the addon:
1. This addon requires Storybook 6.3 or later. Install the latest with `npx sb upgrade --prerelease`
2. Install the addon:
```sh

@@ -27,3 +29,3 @@ npm i -D @storybook/addon-measure

Then, add `"@storybook/addon-measure"` to the addons array in your `.storybook/main.js`:
3. Add `"@storybook/addon-measure"` to the addons array in your `.storybook/main.js`:

@@ -58,12 +60,4 @@ ```js

Then open your `package.json` and edit the following fields:
Add them to the `.env` file at the root of your project:
- `name`
- `author`
- `repository`
#### Local
To use `auto` locally create a `.env` file at the root of your project and add your tokens to it:
```bash

@@ -74,16 +68,2 @@ GH_TOKEN=<value you just got from GitHub>

Lastly, **create labels on GitHub**. You’ll use these labels in the future when making changes to the package.
```bash
npx auto create-labels
```
If you check on GitHub, you’ll now see a set of labels that `auto` would like you to use. Use these to tag future pull requests.
#### GitHub Actions
This template comes with GitHub actions already set up to publish your addon anytime someone pushes to your repository.
Go to `Settings > Secrets`, click `New repository secret`, and add your `NPM_TOKEN`.
### Creating a releasing

@@ -94,3 +74,3 @@

```sh
npm run release
yarn release
```

@@ -97,0 +77,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc