@storybook/addon-ondevice-notes 6.5.3 → 6.5.4

package/dist/components/Markdown/Markdown.js

@@ -1,29 +1,35 @@
+"use strict";
 /**
  * mostly based on code from https://github.com/CharlesMangwa/react-native-simple-markdown
  */
-import React from 'react';
-import { View } from 'react-native';
-import SimpleMarkdown from 'simple-markdown';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var simple_markdown_1 = __importDefault(require("simple-markdown"));
 // @ts-ignore
-import initialRules from './rules';
-import { useThemedStyles } from './styles';
-const Markdown = ({ children = '', errorHandler }) => {
-    const styles = useThemedStyles();
-    const _renderContent = () => {
+var rules_1 = __importDefault(require("./rules"));
+var styles_1 = require("./styles");
+var Markdown = function (_a) {
+    var _b = _a.children, children = _b === void 0 ? '' : _b, errorHandler = _a.errorHandler;
+    var styles = (0, styles_1.useThemedStyles)();
+    var _renderContent = function () {
         try {
-            const rules = initialRules(styles);
+            var rules = (0, rules_1.default)(styles);
             // @TODO: Add another \n?
-            const blockSource = `${children}\n\n`;
-            const tree = SimpleMarkdown.parserFor(rules)(blockSource, {
+            var blockSource = "".concat(children, "\n\n");
+            var tree = simple_markdown_1.default.parserFor(rules)(blockSource, {
                 inline: false,
             });
-            return SimpleMarkdown.outputFor(rules, 'react')(tree);
+            return simple_markdown_1.default.outputFor(rules, 'react')(tree);
         }
         catch (errors) {
             errorHandler ? errorHandler(errors, children) : console.error(errors);
         }
         return null;
     };
-    return React.createElement(View, null, _renderContent());
+    return react_1.default.createElement(react_native_1.View, null, _renderContent());
 };
-export default React.memo(Markdown);
+exports.default = react_1.default.memo(Markdown);

package/dist/components/Markdown/rules.js

@@ -1,155 +1,183 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * mostly based on code from https://github.com/CharlesMangwa/react-native-simple-markdown
  */
-import { createElement } from 'react';
-import { Image, Text, View, Linking, } from 'react-native';
-import SimpleMarkdown from 'simple-markdown';
-export default (styles) => (Object.assign(Object.assign({}, SimpleMarkdown.defaultRules), { autolink: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.autolink), { react: (node, output, state) => {
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var simple_markdown_1 = __importDefault(require("simple-markdown"));
+exports.default = (function (styles) { return (__assign(__assign({}, simple_markdown_1.default.defaultRules), { autolink: __assign(__assign({}, simple_markdown_1.default.defaultRules.autolink), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.link,
-                onPress: () => null,
+                onPress: function () { return null; },
             }, output(node.content, state));
-        } }), blockQuote: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.blockQuote), { react: (node, output, state) => {
+        } }), blockQuote: __assign(__assign({}, simple_markdown_1.default.defaultRules.blockQuote), { react: function (node, output, state) {
             state.withinText = true;
-            const blockBar = createElement(View, {
+            var blockBar = (0, react_1.createElement)(react_native_1.View, {
                 key: state.key,
                 style: [styles.blockQuoteSectionBar, styles.blockQuoteBar],
             });
-            const blockText = createElement(Text, {
+            var blockText = (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.blockQuoteText,
             }, output(node.content, state));
-            return createElement(View, {
+            return (0, react_1.createElement)(react_native_1.View, {
                 key: state.key,
                 style: [styles.blockQuoteSection, styles.blockQuote],
             }, [blockBar, blockText]);
-        } }), br: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.br), { react: (node, output, state) => {
-            return createElement(Text, {
+        } }), br: __assign(__assign({}, simple_markdown_1.default.defaultRules.br), { react: function (node, output, state) {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.br,
             }, '\n\n');
-        } }), codeBlock: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.codeBlock), { react: (node, output, state) => {
+        } }), codeBlock: __assign(__assign({}, simple_markdown_1.default.defaultRules.codeBlock), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.codeBlock,
             }, null);
-        } }), del: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.del), { react: (node, output, state) => {
+        } }), del: __assign(__assign({}, simple_markdown_1.default.defaultRules.del), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.del,
             }, output(node.content, state));
-        } }), em: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.em), { react: (node, output, state) => {
+        } }), em: __assign(__assign({}, simple_markdown_1.default.defaultRules.em), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.em,
             }, output(node.content, state));
-        } }), heading: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.heading), { react: (node, output, parentState) => {
-            const state = Object.assign({}, parentState);
+        } }), heading: __assign(__assign({}, simple_markdown_1.default.defaultRules.heading), { react: function (node, output, parentState) {
+            var state = __assign({}, parentState);
             state.withinText = true;
-            const stylesToApply = [styles.heading, styles[`heading${node.level}`]];
+            var stylesToApply = [styles.heading, styles["heading".concat(node.level)]];
             state.stylesToApply = stylesToApply;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: stylesToApply,
             }, output(node.content, state));
-        } }), hr: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.hr), { react: (node, output, state) => createElement(View, { key: state.key, style: styles.hr }) }), image: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.image), { react: (node, output, state) => createElement(Image, {
-            key: state.key,
-            resizeMode: 'contain',
-            source: { uri: node.target },
-            style: (node.target.match(/youtu|vimeo/) ? styles.video : styles.image),
-            //styles.resizeMode ? styles.resizeMode :
-        }) }), inlineCode: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.inlineCode), { react: (node, output, state) => {
+        } }), hr: __assign(__assign({}, simple_markdown_1.default.defaultRules.hr), { react: function (node, output, state) {
+            return (0, react_1.createElement)(react_native_1.View, { key: state.key, style: styles.hr });
+        } }), image: __assign(__assign({}, simple_markdown_1.default.defaultRules.image), { react: function (node, output, state) {
+            return (0, react_1.createElement)(react_native_1.Image, {
+                key: state.key,
+                resizeMode: 'contain',
+                source: { uri: node.target },
+                style: (node.target.match(/youtu|vimeo/) ? styles.video : styles.image),
+                //styles.resizeMode ? styles.resizeMode :
+            });
+        } }), inlineCode: __assign(__assign({}, simple_markdown_1.default.defaultRules.inlineCode), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.inlineCode,
             }, node.content);
-        } }), link: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.link), { react: (node, output, state) => {
+        } }), link: __assign(__assign({}, simple_markdown_1.default.defaultRules.link), { react: function (node, output, state) {
             state.withinText = true;
-            const openUrl = (url) => {
-                Linking.openURL(url).catch((error) => console.warn('An error occurred: ', error));
+            var openUrl = function (url) {
+                react_native_1.Linking.openURL(url).catch(function (error) { return console.warn('An error occurred: ', error); });
             };
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 style: node.target.match(/@/) ? styles.mailTo : styles.link,
                 key: state.key,
-                onPress: () => openUrl(node.target),
+                onPress: function () { return openUrl(node.target); },
             }, output(node.content, state));
-        } }), list: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.list), { react: (node, output, state) => {
-            const items = node.items.map((item, i) => {
-                let bullet;
+        } }), list: __assign(__assign({}, simple_markdown_1.default.defaultRules.list), { react: function (node, output, state) {
+            var items = node.items.map(function (item, i) {
+                var bullet;
                 if (node.ordered) {
-                    bullet = createElement(Text, { key: state.key, style: styles.listItemNumber }, `${i + 1} . `);
+                    bullet = (0, react_1.createElement)(react_native_1.Text, { key: state.key, style: styles.listItemNumber }, "".concat(i + 1, " . "));
                 }
                 else {
-                    bullet = createElement(Text, { key: state.key, style: styles.listItemBullet }, '\u2022 ');
+                    bullet = (0, react_1.createElement)(react_native_1.Text, { key: state.key, style: styles.listItemBullet }, '\u2022 ');
                 }
-                const listItemText = createElement(Text, { key: state.key + 1, style: styles.listItemText }, output(item, state));
-                return createElement(View, {
+                var listItemText = (0, react_1.createElement)(react_native_1.Text, { key: state.key + 1, style: styles.listItemText }, output(item, state));
+                return (0, react_1.createElement)(react_native_1.View, {
                     key: i,
                     style: styles.listItem,
                 }, [bullet, listItemText]);
             });
-            return createElement(View, { key: state.key, style: styles.list }, items);
-        } }), newline: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.newline), { react: (node, output, state) => createElement(Text, {
-            key: state.key,
-            style: styles.newline,
-        }, '\n') }), paragraph: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.paragraph), { react: (node, output, state) => createElement(View, {
-            key: state.key,
-            style: styles.paragraph,
-        }, output(node.content, state)) }), strong: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.strong), { react: (node, output, state) => {
+            return (0, react_1.createElement)(react_native_1.View, { key: state.key, style: styles.list }, items);
+        } }), newline: __assign(__assign({}, simple_markdown_1.default.defaultRules.newline), { react: function (node, output, state) {
+            return (0, react_1.createElement)(react_native_1.Text, {
+                key: state.key,
+                style: styles.newline,
+            }, '\n');
+        } }), paragraph: __assign(__assign({}, simple_markdown_1.default.defaultRules.paragraph), { react: function (node, output, state) {
+            return (0, react_1.createElement)(react_native_1.View, {
+                key: state.key,
+                style: styles.paragraph,
+            }, output(node.content, state));
+        } }), strong: __assign(__assign({}, simple_markdown_1.default.defaultRules.strong), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.strong,
             }, output(node.content, state));
-        } }), table: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.table), { react: (node, output, state) => {
-            const headers = node.header.map((content, i) => createElement(Text, {
-                style: styles.tableHeaderCell,
-                key: i,
-            }, output(content, state)));
-            const header = createElement(View, { style: styles.tableHeader }, headers);
-            const rows = node.cells.map((row, r) => {
-                const cells = row.map((content, c) => createElement(View, {
-                    key: c,
-                    style: styles.tableRowCell,
-                }, output(content, state)));
-                const rowStyles = [styles.tableRow];
+        } }), table: __assign(__assign({}, simple_markdown_1.default.defaultRules.table), { react: function (node, output, state) {
+            var headers = node.header.map(function (content, i) {
+                return (0, react_1.createElement)(react_native_1.Text, {
+                    style: styles.tableHeaderCell,
+                    key: i,
+                }, output(content, state));
+            });
+            var header = (0, react_1.createElement)(react_native_1.View, { style: styles.tableHeader }, headers);
+            var rows = node.cells.map(function (row, r) {
+                var cells = row.map(function (content, c) {
+                    return (0, react_1.createElement)(react_native_1.View, {
+                        key: c,
+                        style: styles.tableRowCell,
+                    }, output(content, state));
+                });
+                var rowStyles = [styles.tableRow];
                 node.cells.length - 1 === r ? rowStyles.push(styles.tableRowLast) : null;
-                return createElement(View, { key: r, style: rowStyles }, cells);
+                return (0, react_1.createElement)(react_native_1.View, { key: r, style: rowStyles }, cells);
             });
-            return createElement(View, { key: state.key, style: styles.table }, [header, rows]);
-        } }), text: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.text), { react: (node, output, parentState) => {
-            const state = Object.assign({}, parentState);
+            return (0, react_1.createElement)(react_native_1.View, { key: state.key, style: styles.table }, [header, rows]);
+        } }), text: __assign(__assign({}, simple_markdown_1.default.defaultRules.text), { react: function (node, output, parentState) {
+            var state = __assign({}, parentState);
             // Breaking words up in order to allow for text reflowing in flexbox
             // let words = node.content.split(' ');
             // words = words.map((word: string, i: number) => {
             //   i !== words.length - 1 ? (word = `${word} `) : null;
-            const textStyles = [styles.text];
+            var textStyles = [styles.text];
             //   !state.withinText ? textStyles.push(styles.plainText) : null;
             //   state.stylesToApply ? textStyles.push(state.stylesToApply) : null;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: textStyles,
             }, node.content);
-        } }), u: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.u), { react: (node, output, state) => {
+        } }), u: __assign(__assign({}, simple_markdown_1.default.defaultRules.u), { react: function (node, output, state) {
             state.withinText = true;
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.u,
             }, output(node.content, state));
-        } }), url: Object.assign(Object.assign({}, SimpleMarkdown.defaultRules.url), { react: (node, output, state) => {
+        } }), url: __assign(__assign({}, simple_markdown_1.default.defaultRules.url), { react: function (node, output, state) {
             state.withinText = true;
-            const openURL = (url) => {
-                Linking.openURL(url).catch((error) => console.warn('An error occurred: ', error));
+            var openURL = function (url) {
+                react_native_1.Linking.openURL(url).catch(function (error) { return console.warn('An error occurred: ', error); });
             };
-            return createElement(Text, {
+            return (0, react_1.createElement)(react_native_1.Text, {
                 key: state.key,
                 style: styles.url,
-                onPress: () => openURL(node.target),
+                onPress: function () { return openURL(node.target); },
             }, output(node.content, state));
-        } }) }));
+        } }) })); });

package/dist/components/Markdown/styles.js

@@ -1,11 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemedStyles = void 0;
 /**
  * mostly based on code from https://github.com/CharlesMangwa/react-native-simple-markdown
  */
-import { useTheme } from 'emotion-theming';
-import { useMemo } from 'react';
-export const useThemedStyles = () => {
-    const theme = useTheme();
-    const styles = useMemo(() => ({
+var emotion_theming_1 = require("emotion-theming");
+var react_1 = require("react");
+var useThemedStyles = function () {
+    var theme = (0, emotion_theming_1.useTheme)();
+    var styles = (0, react_1.useMemo)(function () { return ({
         blockQuoteSection: {
             flexDirection: 'row',
         },
@@ -129,6 +132,7 @@ export const useThemedStyles = () => {
             width: 300,
             height: 300,
         },
-    }), [theme.backgroundColor, theme.text.primaryColor]);
+    }); }, [theme.backgroundColor, theme.text.primaryColor]);
     return styles;
 };
+exports.useThemedStyles = useThemedStyles;

package/dist/components/Notes.js

@@ -1,29 +1,60 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, View } from 'react-native';
-import Markdown from './Markdown/Markdown';
-import { addons } from '@storybook/addons';
-import { SET_CURRENT_STORY } from '@storybook/core-events';
-export const PARAM_KEY = 'notes';
-export const Notes = ({ active, api }) => {
-    const [story, setStory] = useState();
-    useEffect(() => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notes = exports.PARAM_KEY = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Markdown_1 = __importDefault(require("./Markdown/Markdown"));
+var addons_1 = require("@storybook/addons");
+var core_events_1 = require("@storybook/core-events");
+exports.PARAM_KEY = 'notes';
+var Notes = function (_a) {
+    var active = _a.active, api = _a.api;
+    var _b = (0, react_1.useState)(), story = _b[0], setStory = _b[1];
+    (0, react_1.useEffect)(function () {
         if (active) {
-            const selection = api.store().getSelection();
+            var selection = api.store().getSelection();
             setStory(api.store().fromId(selection.storyId));
         }
-        addons.getChannel().on(SET_CURRENT_STORY, () => {
-            const selection = api.store().getSelection();
+        addons_1.addons.getChannel().on(core_events_1.SET_CURRENT_STORY, function () {
+            var selection = api.store().getSelection();
             setStory(api.store().fromId(selection.storyId));
         });
     }, [api, active]);
     if (!active || !story) {
         return null;
     }
-    const text = story.parameters[PARAM_KEY];
-    const textAfterFormatted = text ? text.trim() : '';
-    return (React.createElement(View, { style: styles.container },
-        React.createElement(Markdown, null, textAfterFormatted)));
+    var text = story.parameters[exports.PARAM_KEY];
+    var textAfterFormatted = text ? text.trim() : '';
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(Markdown_1.default, null, textAfterFormatted)));
 };
-const styles = StyleSheet.create({
+exports.Notes = Notes;
+var styles = react_native_1.StyleSheet.create({
     container: { flex: 1 },
 });

package/dist/index.js

@@ -1,4 +1,6 @@
-import { logger } from '@storybook/client-logger';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var client_logger_1 = require("@storybook/client-logger");
 if (__DEV__) {
-    logger.log("import '@storybook/addon-ondevice-notes/register' to register the notes addon");
+    client_logger_1.logger.log("import '@storybook/addon-ondevice-notes/register' to register the notes addon");
 }

package/dist/register.js

@@ -1,12 +1,44 @@
-import * as React from 'react';
-import addons from '@storybook/addons';
-import { Notes } from './components/Notes';
-export const PARAM_KEY = 'notes';
-addons.register('storybook/notes', (api) => {
-    const channel = addons.getChannel();
-    addons.addPanel('storybook/notes/panel', {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PARAM_KEY = void 0;
+var React = __importStar(require("react"));
+var addons_1 = __importDefault(require("@storybook/addons"));
+var Notes_1 = require("./components/Notes");
+exports.PARAM_KEY = 'notes';
+addons_1.default.register('storybook/notes', function (api) {
+    var channel = addons_1.default.getChannel();
+    addons_1.default.addPanel('storybook/notes/panel', {
         title: 'Notes',
-        render: ({ active, key }) => React.createElement(Notes, { key: key, channel: channel, api: api, active: active }),
-        paramKey: PARAM_KEY,
+        render: function (_a) {
+            var active = _a.active, key = _a.key;
+            return React.createElement(Notes_1.Notes, { key: key, channel: channel, api: api, active: active });
+        },
+        paramKey: exports.PARAM_KEY,
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "6.5.3",
+  "version": "6.5.4",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -11,7 +11,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/react-native.git",
-    "directory": "addons/ondevice-notes"
+    "directory": "packages/ondevice-notes"
   },
   "license": "MIT",
   "main": "dist/index.js",
@@ -25,7 +25,8 @@
   ],
   "scripts": {
     "preprepare": "rm -rf dist/",
-    "prepare": "tsc"
+    "prepare": "tsc",
+    "dev": "tsc --watch"
   },
   "dependencies": {
     "@emotion/core": "^10.0.20",
@@ -46,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "464967fd130b46df44f91395d08e6a25afa36679"
+  "gitHead": "e0c6fd72976b228d0f97aceb69967cd707fad8ff"
 }