{"_id":"@builder.io/storybook","_rev":"50-2fd579eac4bc827410d7f723bd02358a","name":"@builder.io/storybook","dist-tags":{"dev":"0.0.3-alpha.0","latest":"0.0.3"},"versions":{"0.0.1":{"name":"@builder.io/storybook","version":"0.0.1","license":"MIT","_id":"@builder.io/storybook@0.0.1","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"e2368472fe5e5d75dcf467939faf2d89e62fca32","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.1.tgz","fileCount":17,"integrity":"sha512-sEoCVwER7nhRO5BWYh5nS/CFXyDGXGaQR0MDZ0CsR29hyX2WEnZgjszfbEayJfGlt5a1wOaPSOIGQEu+ac/+hA==","signatures":[{"sig":"MEUCIQD9X9CYqoLU+xfof9zoXFnM4SY/DOqpG6IisCY75yU7EgIgfgVZtYKovaC7+gCqgXqyyBl73IFCUSXiOvOXtq2jRko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJea8B4CRA9TVsSAnZWagAAty0P/RY/E4ETS3QuGYQ4YABt\nAssDLBFCYCqF6AA2b/UyNqwWfJfYMZRptzv8Lp0/6+9k3yaaqHu7a++xMv7a\niJCcOZmr59qo4yfxTQhsJKYxMiDqlGNEX7EuvM5AIT6neQXfJO0DlI28oKOn\ndFwWJXi+OzEV6o4sU69/dkK+V9X/R77qplZZAkQtdAqWi8FdkhP6AdbEvPTW\nQ0Fi7s5Qqu5ESrpwCwaWyMWpm58ewwFWOzuXQ47o3ESu88V2yQx4VSN4XeWY\nPbxq9aAN3mrW2YQj4L5OMchVQJlTwHMUAC4T1m6Q/AdeixqpJmHRf69Y9oHc\nMGd6GmM9iqfQ++W6TOJ1N70vIemqEDozA6ekSHYH6yR9HQ5KDWZu3GZx5uFq\nXDxddYGzGQRIxW7gmtYrCgD8nATueBDD5zGs1uDIMZF/+2C8wO7WoI8Bv13M\n6WY1TD5TtCtLgFPoKxguBbECa0dA44FaHnOE9qBIT0a+wzd63NGj4U2/rzMz\n9VGJvNXQwtj5I6B56irF+EzjN/p1rX69E+mm16fvldUbnWstiC+yw+MF4mor\nzNUv/0qFLniwr9ZNnbOZS7KdrInelSH0iDeTGF86M9zcwxp7ZdVUQaCMKnoz\nGRTGQo2h/qq2DeTb4aUx/cEvjQcY8qaEPCTtDvWO9vodt8DDCGDBGR3MZE7P\nAd6j\r\n=Yn7h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","scripts":{"test":"test:all","build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","test:all":"jest src","test:dev":"jest src --watch","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"6.13.4","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.1.0","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.1_1584119927643_0.8955944527014941","host":"s3://npm-registry-packages"}},"0.0.2-alpha.0":{"name":"@builder.io/storybook","version":"0.0.2-alpha.0","license":"MIT","_id":"@builder.io/storybook@0.0.2-alpha.0","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"1446046f4e955253eaea3df0236e8c4c30e82314","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.2-alpha.0.tgz","fileCount":18,"integrity":"sha512-fc7Ujv+Akup3rt+iBjEyKqO76STBnUKSKxvGl3HSoxCuooHucUNWsQN30RNVJfNPPMqm0YkeeAX0ZttrTdndjA==","signatures":[{"sig":"MEYCIQDSUtUNFlgteY1+4jVwArW8dWnVWqnbCYzZ6Z0xeUXZqAIhAIhZ+t7nIEuEcFUT+9gndBJV3Rxur4K069x9lgd/vhIl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecSpOCRA9TVsSAnZWagAAKAUP/2wH0SHxJ9isximNdbJG\nqSQtA9FKf96v5YL7XzK9rTSTK9+xmfzpfezZkOBMQe+MM8q2Nezc9g564msH\nLHSWYz3XOV7eBsFrcoTfQLzGHD6ZD8hUm1A33RICCHDvZQNGYPSp/FIixhWX\nvQWC+jA6Yyw5ZcdkdJQvT42SuAB5O4b+nIDd3KVj+1rkknm1cAKU8XZJJTu0\n2azNiBWtPdUoTJrjYij9Zo8OlXFj+YFfOAXhsa3AEeHFXC0aZbgqnX8qkifY\nqf8kfTOR5cyXSxvMgbl6Bqcr68rkkOrjlp2DUnG3LLnQQxBHTqurAq9H4mkn\nRpIJTyv7+1cYe3TGoywhPESCjxs76DdRJiYi+dDthDJ1OwxiYy7kngt5pirF\nDxO00zU1hiHgBMQT0wKiJfTtqdyoWBnPkZ2PgykkCp1fgKrpSPH8T5kSj60s\n+L/fbI3wZzwyO+Wvuvd+olI/A4ub1IVDX0AxhSaM2Yde5wCjxgI5+FXbbZgI\n2cC2WKTSdJ8nabwYYlIA2jBiiypfsXfUD3YDKE0fsIG8mkrsE2jOo/4JNwJZ\n30I6X/7iCsO+hIqPNWQ1O6P+6PB9E/47pdjigJXpO4V+uDX6s875V/zHdAUk\nn9wvHN/ZQlYXxlCLSdKW6ONm3TFM7W9hLhtZZqnWM8WzDiZy86SFm+OMbEND\nyh2R\r\n=QyvI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @builder.io/storybook\n\n[Demo](https://builder-storybook.firebaseapp.com/)\nAddon for integrating [Builder.io](https://www.builder.io) to allow drag and drop page building inside storybook. \n\n![\"example\"](\"https://user-images.githubusercontent.com/5093430/76154244-ebbe6480-608d-11ea-9dc9-08a59eda220e.gif\")
\n\n\n## Install\n\n`npm install @builder.io/storybook`\n\n## How to use\n\nMake a free account over at [Builder.io](https://www.builder.io/) and grab your public API key from your [organization page](https://builder.io/account/organization)\n\n## Using your components in the editor\n\nSee this [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook\n\nš**Tip: want to limit page building to only your components? Try [components only mode](https://builder.io/c/docs/guides/components-only-mode)**\n\nRegister a component\n\n```tsx\nimport { Builder } from '@builder.io/react';\n\nclass SimpleText extends React.Component {\n render() {\n return {this.props.text}
;\n }\n}\n\nBuilder.registerComponent(SimpleText, {\n name: 'Simple Text',\n inputs: [{ name: 'text', type: 'string' }],\n})\n\n```\n\nin `.storybook/preview.js`\nAdd `builderDecorator` as a global decorator for your storybook and pass `BuilderComponent` as a parameter \n```tsx\nimport { addParameters, addDecorator } from '@storybook/react';\nimport { BuilderComponent } from '@builder.io/react';\nimport { builderDecorator } from '@builder.io/storybook'\n// builder-settings is where you configure your builder instance: init with api key, add custom menus ..\nimport '../src/builder-settings';\n\n// add global decorator\naddDecorator(builderDecorator)\n\n// pass preview component\naddParameters({\n builder: {\n component: BuilderComponent\n },\n});\n\n```\n\n### Mixed Content errors when hosting on insecure http\nOur embedded editor is on https and it'll try to load your current setup from your localhost, which when served on `http` will be blocked by the browser, you can fix this by serving storybook on https (ie. `start-storybook -p 9009 -s public --https --ssl-cert [path-to.crt] -ssl-key [path-to.key]`)\n\nOr As a workaround, on Chrome you can allow insecure content on localhost, by toggling the `insecure content` option here [chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009](chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009)\n\n\n## Learn more\n\n- [Design system example](/examples/react-design-system)\n- [Official docs](https://www.builder.io/c/docs/getting-started)\n\n","gitHead":"e133132ff4210c51e47707076fa0b3c1096bba52","scripts":{"test":"test:all","build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","test:all":"jest src","test:dev":"jest src --watch","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (darwin)","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.1.0","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.2-alpha.0_1584474701633_0.46765134253274043","host":"s3://npm-registry-packages"}},"0.0.2-alpha.1":{"name":"@builder.io/storybook","version":"0.0.2-alpha.1","license":"MIT","_id":"@builder.io/storybook@0.0.2-alpha.1","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"8d6cdb55662bab66e8e5ef860b5e327877527a45","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.2-alpha.1.tgz","fileCount":18,"integrity":"sha512-STNjd9M4k1pt12TQBf64TUYvO75T6kKdr+7pRCBrTWel4jVrZWEyOE8Fjh4CsNmBpBqM6C/XVWpnoCeLzzqMlQ==","signatures":[{"sig":"MEUCIQCzA0SSZ8HV4di2EdzPVAIk3+OavU0PKeOG41qFSALbtAIgVAOyK79f/QiXfnO1h6E0gO5GnPr6Mj4/7SbYtPNq3o8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeePmsCRA9TVsSAnZWagAA3NkP/2JrMqVkdJnpWLGnr0C+\nmBGxbDmf+ML602b0byWbT4GmtcW9PyvynvRBDI9Xg6TG1wvtyERnjCe6bZei\nsRZLmW0eNxHRZhVYnMFBHwrIlmsdMmN2u8gGLKYY77dm/RQ9NKSfaRy0jC5O\ncPBiT0/Jd2jdCDmRqjdVqHOFY5E2CPHxMxzSLMDUZJuNyo37rhZ/ZYf7iZhy\nembuguNIFTaY/DJzWWrL1fLvFcvWxhhQTQYtgDLn7soRgQRut+YhubRKR/ke\nY1cxoCQf4Qw/v0dAl0tM3CzB8DkghkBZ650n89E6mfY+9l3OlLWsjdl+qa0f\nvTRM+65TzAtmliEd7T8UoJdqmivgBZIqQW03X3nn6zUItOFPHdtQhGyrxpMz\nxjKZThz5P7prQNBLjD5bZaF9RdkalhTxj4PujLuuBPrHV4EM8Vof60na2XZq\nzxS23OAfwkh25KMJxup/4r7trBoulcAOw9igJ6l920pDTqaEjr3tIdXN8GB9\nOxNC1MhFILqJi56AinAaMmBPHP9zRBdaLkRYLjzfauAKxkcSnAcB4gj2ozNP\n/sUQJmXOh9IKDaH/8GC+W9Y8KY4n6Af1vEbiBtxoNI3LjJNOUtMadLJo7hhX\n31+cqXD2ERub5M3T5ZG+v1Z6uApKDpZomcwlYGz26fz1Cw6UrAU34XMTfhAJ\nS33I\r\n=vtni\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @builder.io/storybook\n\n[Demo](https://builder-storybook.firebaseapp.com/)\nAddon for integrating [Builder.io](https://www.builder.io) to allow drag and drop page building inside storybook. \n\n\n\n\n## Install\n\n`npm install @builder.io/storybook`\n\n## How to use\n\nMake a free account over at [Builder.io](https://www.builder.io/) and grab your public API key from your [organization page](https://builder.io/account/organization)\n\n## Using your components in the editor\n\nSee this [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook\n\nš**Tip: want to limit page building to only your components? Try [components only mode](https://builder.io/c/docs/guides/components-only-mode)**\n\nRegister a component\n\n```tsx\nimport { Builder } from '@builder.io/react';\n\nclass SimpleText extends React.Component {\n render() {\n return {this.props.text}
;\n }\n}\n\nBuilder.registerComponent(SimpleText, {\n name: 'Simple Text',\n inputs: [{ name: 'text', type: 'string' }],\n})\n\n```\n\nin `.storybook/preview.js`\nAdd `builderDecorator` as a global decorator for your storybook and pass `BuilderComponent` as a parameter \n```tsx\nimport { addParameters, addDecorator } from '@storybook/react';\nimport { BuilderComponent } from '@builder.io/react';\nimport { builderDecorator } from '@builder.io/storybook'\n// builder-settings is where you configure your builder instance: init with api key, add custom menus ..\nimport '../src/builder-settings';\n\n// add global decorator\naddDecorator(builderDecorator)\n\n// pass preview component\naddParameters({\n builder: {\n component: BuilderComponent\n },\n});\n\n```\n\n### Mixed Content errors when hosting on insecure http\nOur embedded editor is on https and it'll try to load your current setup from your localhost, which when served on `http` will be blocked by the browser, you can fix this by serving storybook on https (ie. `start-storybook -p 9009 -s public --https --ssl-cert [path-to.crt] -ssl-key [path-to.key]`)\n\nOr As a workaround, on Chrome you can allow insecure content on localhost, by toggling the `insecure content` option here [chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009](chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009)\n\n\n## Learn more\n\n- [Design system example](/examples/react-design-system)\n- [Official docs](https://www.builder.io/c/docs/getting-started)\n\n","gitHead":"56466c77d20330fd8e95193fc93756f08703e460","scripts":{"test":"test:all","build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","test:all":"jest src","test:dev":"jest src --watch","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (darwin)","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.1.0","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.2-alpha.1_1584986539797_0.4990183975241089","host":"s3://npm-registry-packages"}},"0.0.2-alpha.2":{"name":"@builder.io/storybook","version":"0.0.2-alpha.2","license":"MIT","_id":"@builder.io/storybook@0.0.2-alpha.2","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"c3360c35464c0a497c8066433822da5b974e7375","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.2-alpha.2.tgz","fileCount":18,"integrity":"sha512-NMuWGD7r8WCCso6PbtBrkl/Zvvb1Vf87025jsw8agHg+1VcwES2i7OdjNA4rj/E+c3fGEDJfyVuwnkGZURinTg==","signatures":[{"sig":"MEYCIQDSZBxBx7nFsCb20zFSbrx5nk6vqup8/ztIWj/IA//M3gIhAIGxQrcjtlVogUNPdWIoMex4+ou5JzpwWzOh0jsyBrrW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeghD9CRA9TVsSAnZWagAAejgP/j8V1NLfN/rNFdTOoDjH\nsppbXXoX6lue9bKeRKIWtNbxjk1b/HbmMcAnN1Ce+tZRE+NcqWO+5lN50cnL\nwkcga22nMtr2DacXJkq7w8K9bmhH2AHn1GvAufXeeNS7iq66Wyj8oOQEcPhe\nUEjG7tvSlnIN7czljyvcs6btn99Dj4m5x7y6xQpsrI4xAvSknJfU092TPldG\ndxd+MFG+qJrLJT2t+PD1OmUbA6U6CWwXX1aFAwZuI8Jsa8Yry0WnuL6JwtBO\nCNemxQ4zeopQZozxaFO94qQVKVMAbHYgvbVaOz7n29+ESFA+VcORrIEvu4n7\nwfkQamrAE0ie3nzoceSxsiffyEZG10LmAAYdRZD2L8jMshjOfQ3XokVutVIg\n3jY1cSchElU9b3BJopoPoZDKCYAnsnkJqTtwsVpuWRPD9df54yl6lpKh4AGo\nlC7c3y3vBhcfVgM4oqA6B0hXOWI76AW6h4F5gG7NRW1qAXLuPvKk1Gb/c06O\nAwawHy/r12NeRwIykhIsunWZQrzh+WKGWL3bOeXY1qzfcrii3dxREwErtURf\nc+PVkYSsj5GcRBT3wAlpgChRpFy6fPfo/RACET3SxIo7AGIBoYLYV9WwB8D8\nF8MOU9bCELgV4bZw86GT4bbwfHUZMbPec5VwUWh4JANi/OmgfYgeycxL7Znm\nD04m\r\n=ChIo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @builder.io/storybook\nAddon for integrating [Builder.io](https://www.builder.io) to allow drag and drop page building inside storybook. \n\n## Try it live\n\n[Play around with our Storybook embedded editor example](https://builder-storybook.firebaseapp.com/) refer to our [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook.\n\n\n\n\n\n\n## Install\n\n`npm install @builder.io/storybook`\n\n## How to use\n\nMake a free account over at [Builder.io](https://www.builder.io/) and grab your public API key from your [organization page](https://builder.io/account/organization)\n\n## Using your components in the editor\n\nSee this [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook\n\nš**Tip: want to limit page building to only your components? Try [components only mode](https://builder.io/c/docs/guides/components-only-mode)**\n\nRegister a component\n\n```tsx\nimport { Builder } from '@builder.io/react';\n\nclass SimpleText extends React.Component {\n render() {\n return {this.props.text}
;\n }\n}\n\nBuilder.registerComponent(SimpleText, {\n name: 'Simple Text',\n inputs: [{ name: 'text', type: 'string' }],\n})\n\n```\n\nin `.storybook/preview.js`\nAdd `builderDecorator` as a global decorator for your storybook and pass `BuilderComponent` as a parameter \n```tsx\nimport { addParameters, addDecorator } from '@storybook/react';\nimport { BuilderComponent } from '@builder.io/react';\nimport { builderDecorator } from '@builder.io/storybook'\n// builder-settings is where you configure your builder instance: init with api key, add custom menus ..\nimport '../src/builder-settings';\n\n// add global decorator\naddDecorator(builderDecorator)\n\n// pass preview component\naddParameters({\n builder: {\n component: BuilderComponent\n },\n});\n\n```\n\n### Mixed Content errors when hosting on insecure http\nOur embedded editor is on https and it'll try to load your current setup from your localhost, which when served on `http` will be blocked by the browser, you can fix this by serving storybook on https (ie. `start-storybook -p 9009 -s public --https --ssl-cert [path-to.crt] -ssl-key [path-to.key]`)\n\nOr As a workaround, on Chrome you can allow insecure content on localhost, by toggling the `insecure content` option here [chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009](chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009)\n\n\n## Learn more\n\n- [Design system example](/examples/react-design-system)\n- [Official docs](https://www.builder.io/c/docs/getting-started)\n\n","gitHead":"ca5e291f2c6c7dd77b9019ef89288c18b8fa58cf","scripts":{"test":"test:all","build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","test:all":"jest src","test:dev":"jest src --watch","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (darwin)","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.1.0","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.2-alpha.2_1585582333291_0.9286376613346075","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@builder.io/storybook","version":"0.0.2","license":"MIT","_id":"@builder.io/storybook@0.0.2","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"613abee467ec4b75ee01e0c225ba7eafb7808d76","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.2.tgz","fileCount":18,"integrity":"sha512-dOIuvPNRV5yJZG1fntoZ+3wcPuGmqw9omeojb+u9x3eiVB/6uwnu7sm8YfKYDvHHzxQShzipipmBc7cROdLGYA==","signatures":[{"sig":"MEUCIBTCtbIyOQwXds7mAfxH52RSXzP7534s6s+HsfOboNP8AiEAmSLzD7jTXftjtkZP0W3FTbW6KqM46BlTD58wm/ARQqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelzbnCRA9TVsSAnZWagAAi4QP/iJiPFDeNglh7Jb4/cu3\nN7yKuIHWI/H6GntgZb4rkSgXZRCOcc0JK6lgBUbYKSs5mAwdM0gdGnDJrv/w\ntcVGKEy1LMLxaO78hTpniN6Hhag3NjtGEhQ1KdevI1cTNdpghH6jXVwut/lf\nFlu/TQGWqR1FkoJW2kwnN1BlZO7hmbvCgGJvVRcoyLxPm6RSyCYVWCSs23AK\n2pJwwGmkOy5vdIUrQjWfqWadM3xpFqKaiPFuQ7BSpXBR30o8kBF2bNcGYqqo\nDsOXlBxQhsEBQER3wk6yAlW0nW3DvtNn9HVc9p8j3An4ph59z/17Ss098CjP\nG9lkR3s0cbixZ9Kr5+fGMlNa0Dt9HIbsU7hxZESpcuhnEpMWf6DJBTW7UvaP\njuXiHuKR7rIIzyJTa+BV6q1UOJ2BzA4t7ozVFiFh3ZNPO/VbB36FkkoTvCp3\njF1bYDFlWJZdfkeEiyiKLZ4f7z7YSKNx7nt2pFz0q8TPqEe+ESzfpcil8xnE\nkVZiRrZrjgyHYjXhzFW4l1BG5KWNBgV/yzELIj3+Pu/v5G6r+XTkh3fHulJr\nH4wx3TGoryafhjCFm31w8N2aA8MZPwrub7HXO8yu67ofQuj1Ew0Zlmfvh+74\nvDgz8NJiSPruvNJEWiv88xG3a77b9l44fYriHdQHgRg5lVdAxgNXUZ79gPVE\n1t1f\r\n=BmID\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"ad00a679489cc98b1b991c2b6ea26eadf782301e","scripts":{"test":"test:all","build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","test:all":"jest src","test:dev":"jest src --watch","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (darwin)","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.1.0","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.2_1586968294547_0.11153517401079416","host":"s3://npm-registry-packages"}},"0.0.3-alpha.0":{"name":"@builder.io/storybook","version":"0.0.3-alpha.0","license":"MIT","_id":"@builder.io/storybook@0.0.3-alpha.0","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"6f217cf2fdc48de4c444a1cdb985600f08de8a34","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.3-alpha.0.tgz","fileCount":18,"integrity":"sha512-kGDtnDeT77mIh/4zBB0AIl4AgBB5ZYceKcDaHQeAhyF8009VRSuJmgwKy1XOPydDlW+4qCYDsJGfQcZ3pOiz6g==","signatures":[{"sig":"MEYCIQDIPDipWIPafGq1A9BpX5U8SWTNM4UTfRTR3XYvLCYzowIhALuwdyfOaQEVicq81yyvtK2LTMIL+agXqONn276DSXza","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFvrtCRA9TVsSAnZWagAA3BMQAJd/at+HGHjiOsjJI3/4\nt9iL2g5oOCXoPvCdAXCXtjxhW5g0Jks9m+yJZDPrN7UiT621IDp0wPHKIjJy\npQQs+C5XEkHOZUs+u5d36TJSMJdTDHJUq+jyUEysximMVZ8D+MeXSoGHZCX4\nbi9tJl0rXteYzGXel7cNQNDEfoTnILLUR0v1ye3Iv5+pSSlhCk8jkl+MqKmO\n+Tuubxz+khz/y9xDOTdJURZIP9jafu2YYdyMdXlq007MJjYE+LYbI7SDmm79\n98uhcfvjkD7n2teRUOH8zYvPB3Y2n/lhKlisUCkfXuhVjjzugtIZoa9csYO4\ndHeViMC4LVOcmFsTaYh8QXsFmeOBa4BhROsbQSoQ0NBC+34UnqibZz1ggBbP\njxVMxn8LnDbaZcgOzAsLFLfeU/cJIihMrAL0+bI/Aa2DzeEMnu+Kyvc+y4Ix\n4sbUw59BaH6+1b1LvIJnJZWNFAchF7vyNJMu75r04rO7jDUvBWPVh1fhGkuk\nN9+j1LzsRaAPOx9qG6lKg5ZTOs7DxA8gecQvpLNyRQfJmc8xFghlsGmpgE5N\nPPHvqCj5DvI1Uyb7w7UFM004a/yOY2Ssuf7xH2XnGq7pLtfCZY5ZFfo7OlWx\nrP+ZaepgXB7eOC+k17MDlTH2FXlS8TEmxPUkJ1T1Hu6eedjqBUcyubbmyDV7\nx045\r\n=1ujt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","readme":"# @builder.io/storybook\n\nAddon for integrating [Builder.io](https://www.builder.io) to allow drag and drop page building inside storybook.\n\n## Try it live\n\n[Play around with our Storybook embedded editor example](https://builder-storybook.firebaseapp.com/) refer to our [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook.\n\n\n\n\n\n## Install\n\n`npm install @builder.io/storybook`\n\n## How to use\n\nMake a free account over at [Builder.io](https://www.builder.io/) and grab your public API key from your [organization page](https://builder.io/account/organization)\n\n## Using your components in the editor\n\nSee this [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook\n\nš**Tip: want to limit page building to only your components? Try [components only mode](https://builder.io/c/docs/guides/components-only-mode)**\n\nRegister a component\n\n```tsx\nimport { Builder } from '@builder.io/react';\n\nclass SimpleText extends React.Component {\n render() {\n return {this.props.text}
;\n }\n}\n\nBuilder.registerComponent(SimpleText, {\n name: 'Simple Text',\n inputs: [{ name: 'text', type: 'string' }],\n});\n```\n\nin `.storybook/preview.js`\nAdd `builderDecorator` as a global decorator for your storybook and pass `BuilderComponent` as a parameter\n\n```tsx\nimport { addParameters, addDecorator } from '@storybook/react';\nimport { BuilderComponent } from '@builder.io/react';\nimport { builderDecorator } from '@builder.io/storybook';\n// builder-settings is where you configure your builder instance: init with api key, add custom menus ..\nimport '../src/builder-settings';\n\n// add global decorator\naddDecorator(builderDecorator);\n\n// pass preview component\naddParameters({\n builder: {\n component: BuilderComponent,\n },\n});\n```\n\n### Mixed Content errors when hosting on insecure http\n\nOur embedded editor is on https and it'll try to load your current setup from your localhost, which when served on `http` will be blocked by the browser, you can fix this by serving storybook on https (ie. `start-storybook -p 9009 -s public --https --ssl-cert [path-to.crt] -ssl-key [path-to.key]`)\n\nOr As a workaround, on Chrome you can allow insecure content on localhost, by toggling the `insecure content` option here [chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009](chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009)\n\n## Learn more\n\n- [Design system example](/examples/react-design-system)\n- [Official docs](https://www.builder.io/c/docs/getting-started)\n","gitHead":"acdbfc21b8dae4d3e74b0ef01a94218bee45026b","scripts":{"build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (darwin)","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.10.4","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.3-alpha.0_1595341549311_0.07886424732468811","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@builder.io/storybook","version":"0.0.3","license":"MIT","_id":"@builder.io/storybook@0.0.3","maintainers":[{"name":"caleb.amsden","email":"caleb@builder.io"},{"name":"steve8708","email":"sewell.steve@gmail.com"}],"homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"dist":{"shasum":"60ad62f87362dca330cf709372598c6db2bfdd0d","tarball":"https://registry.npmjs.org/@builder.io/storybook/-/storybook-0.0.3.tgz","fileCount":18,"integrity":"sha512-USsPJoJiUv4yXBOn0hG8sdizrZW8z8hdmCTqgVsaz2MPQy0c642wEICXvt1EGY3dGCOmWMBJ1/cDo5vOs+563w==","signatures":[{"sig":"MEUCIBJdH7DXc1Lzto+uQcNh572JmDb03GbXeb+moLGbHWTUAiEA8GpdkUIp102KIQROJamGzF3NbM2ufwN4DvBC6ci15c8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2B6BCRA9TVsSAnZWagAAP60P/jYuwO0IUCLD+pKSqjMM\n84NPhh8zJR2YF0x6G5ZEc9x8HxUEeG/TG+hvqgPtGbXOOIpkCpjg98tjIDKz\no9bY7l/+G+pwFGW2Xe+wAMVV8usFRr0qL4TY7OvgFTdqfWnuRZWrEQG06k80\n4K5wkLHs/YyoVLGHloAonGkbumJF87yDtGjwEsKLzJBg76QZEFVFdIdIdUcf\nDCpFAlllmsGvaUpseFCDNmrsa9nNjl/NXKCWtj5h0b+D0IERFenYoypA5/A4\nmZOTKf8Ze7/bcM9HRRCCvLlGyZyPyF4VlV2g9O/pRqn+qmOC3fTymVF/0lIf\nF6RH9TSiymkFHQuMN2NmkW+NAw4gI/T9NrgjjGB9sAtRsx7VFHM9V9YmDJp0\nJMyAJgewn5H9c6MFzfBJjYXonV9EetDizold+yJwr++8qwf1ZfoDHLc2cF7x\n9I6TDAbXDOvC2KLPhfyInXCyvSw7YplTwzy1wO377qR7CQJyYKi6sG+hcKJP\nyuOGU1TZd7smjEMg1hC9kAngjjrYLFhak1EsqqrCjxJo/h34hc++9sSr0Ey9\ntXPhDDaBMuKGA8YGwTePhvKFIJjcWBpnOiae0hmk1JAlEPcSnZaeCgNhHWzR\nUF5t+wmATwkZtlqzzaojz1/vKF6bqp0GE3sfQrVByXtb7/WJMydHXUiBFQNV\n3svE\r\n=7wTG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"494ac231b485ef196c64baf1f28af8ad91ab31e6","scripts":{"build":"babel src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx && npm run build:types","prepare":"npm run build","prebuild":"rimraf dist","build:dev":"babel -w src --out-dir dist --ignore spec.js,test.js --extensions .ts --extensions .js --extensions .tsx","build:types":"tsc -p tsconfig.json"},"_npmUser":{"name":"steve8708","email":"sewell.steve@gmail.com"},"prettier":{"printWidth":100,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (darwin)","description":"embed builder.io in storybook","directories":{},"lint-staged":{"*.{js,json,css,md}":["prettier --write","git add"]},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","react":"^16.11.0","rimraf":"^3.0.0","prettier":"^1.15.2","react-dom":"^16.11.0","@babel/cli":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","typescript":"^3.3.3333","@babel/core":"^7.1.6","lint-staged":"^9.4.2","@types/react":"^16.8.8","babel-loader":"^8.0.6","@storybook/api":"^5.3.14","@storybook/react":"^5.0.3","@babel/preset-env":"^7.10.4","@storybook/addons":"^5.0.3","@types/js-beautify":"^1.8.0","@babel/preset-react":"^7.0.0","@types/storybook__react":"^4.0.1","@babel/preset-typescript":"^7.3.3"},"peerDependencies":{"react":"^16.2.0","react-dom":"^16.2.0","@babel/core":"^7.1.2","@storybook/api":"^5.3.14","@storybook/addons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook_0.0.3_1595342999401_0.6707983470200314","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-03-13T17:18:46.490Z","modified":"2026-09-09T09:17:26.681Z","0.0.1":"2020-03-13T17:18:47.742Z","0.0.2-alpha.0":"2020-03-17T19:51:41.756Z","0.0.2-alpha.1":"2020-03-23T18:02:19.939Z","0.0.2-alpha.2":"2020-03-30T15:32:13.467Z","0.0.2":"2020-04-15T16:31:34.750Z","0.0.3-alpha.0":"2020-07-21T14:25:49.447Z","0.0.3":"2020-07-21T14:49:59.546Z"},"bugs":{"url":"https://github.com/BuilderIO/builder/issues"},"license":"MIT","homepage":"https://github.com/BuilderIO/builder/tree/master/packages/storybook#readme","repository":{"url":"git+https://github.com/BuilderIO/builder.git","type":"git","directory":"packages/storybook"},"description":"embed builder.io in storybook","maintainers":[{"email":"sewell.steve@gmail.com","name":"steve8708"},{"email":"jabersami@gmail.com","name":"samijaber"},{"email":"aziz@builder.io","name":"teleaziz123"},{"email":"korey@builder.io","name":"mrkoreye"},{"email":"misko@hevery.com","name":"mhevery"},{"email":"gustavo@builder.io","name":"gustavohgs"},{"email":"manu.mtza@gmail.com","name":"manucorporat"},{"email":"sanyamkamat@gmail.com","name":"sanyamkamat"},{"email":"benjamingirone@gmail.com","name":"bengirone"},{"email":"kyle.e.fowler@gmail.com","name":"kylefowler"},{"email":"builder-bot@builder.io","name":"builderio-bot"},{"email":"armela@builder.io","name":"armela"},{"email":"aishwaryaparab1@gmail.com","name":"aishwarya_parab"},{"email":"emma@builder.io","name":"emmaac"},{"email":"sidmohanty11@gmail.com","name":"sidmohanty11"},{"email":"jcortese@builder.io","name":"jcortesebuilder"},{"email":"vishwas@builder.io","name":"vishwasgopinath"},{"email":"nicholas@builder.io","name":"nicholaskipchumba"},{"email":"shridharmaskeri@gmail.com","name":"floating_dynamo"},{"email":"lautarogalarza@gmail.com","name":"lihuelg"},{"email":"felfelahmeed@gmail.com","name":"paprikaf"},{"email":"pabloelisseo@gmail.com","name":"pabloelisseo"},{"email":"ldebeasi@gmail.com","name":"liamdebeasi"}],"readme":"# @builder.io/storybook\n\nAddon for integrating [Builder.io](https://www.builder.io) to allow drag and drop page building inside storybook.\n\n## Try it live\n\n[Play around with our Storybook embedded editor example](https://builder-storybook.firebaseapp.com/) refer to our [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook.\n\n\n\n\n\n## Install\n\n`npm install @builder.io/storybook`\n\n## How to use\n\nMake a free account over at [Builder.io](https://www.builder.io/) and grab your public API key from your [organization page](https://builder.io/account/organization)\n\n## Using your components in the editor\n\nSee this [design systems example](/examples/react-design-system) for lots of examples using your deisgn system + custom components + storybook\n\nš**Tip: want to limit page building to only your components? Try [components only mode](https://builder.io/c/docs/guides/components-only-mode)**\n\nRegister a component\n\n```tsx\nimport { Builder } from '@builder.io/react';\n\nclass SimpleText extends React.Component {\n render() {\n return {this.props.text}
;\n }\n}\n\nBuilder.registerComponent(SimpleText, {\n name: 'Simple Text',\n inputs: [{ name: 'text', type: 'string' }],\n});\n```\n\nin `.storybook/preview.js`\nAdd `builderDecorator` as a global decorator for your storybook and pass `BuilderComponent` as a parameter\n\n```tsx\nimport { addParameters, addDecorator } from '@storybook/react';\nimport { BuilderComponent } from '@builder.io/react';\nimport { builderDecorator } from '@builder.io/storybook';\n// builder-settings is where you configure your builder instance: init with api key, add custom menus ..\nimport '../src/builder-settings';\n\n// add global decorator\naddDecorator(builderDecorator);\n\n// pass preview component\naddParameters({\n builder: {\n component: BuilderComponent,\n },\n});\n```\n\n### Mixed Content errors when hosting on insecure http\n\nOur embedded editor is on https and it'll try to load your current setup from your localhost, which when served on `http` will be blocked by the browser, you can fix this by serving storybook on https (ie. `start-storybook -p 9009 -s public --https --ssl-cert [path-to.crt] -ssl-key [path-to.key]`)\n\nOr As a workaround, on Chrome you can allow insecure content on localhost, by toggling the `insecure content` option here [chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009](chrome://settings/content/siteDetails?site=http%3A%2F%2Flocalhost%3A9009)\n\n## Learn more\n\n- [Design system example](/examples/react-design-system)\n- [Official docs](https://www.builder.io/c/docs/getting-started)\n","readmeFilename":"README.md"}