@storybook/react-native 6.5.5-alpha.1 → 6.5.6-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "6.5.5-alpha.1",
+  "version": "6.5.6-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -32,9 +32,8 @@
     "template/**/*"
   ],
   "scripts": {
-    "dev": "yarn tsc --watch",
-    "preprepare": "rm -rf dist/",
-    "prepare": "tsc",
+    "dev": "ts-node ./buildscripts/gentsdev.ts && tsup --watch",
+    "prepare": "tsup",
     "test": "jest"
   },
   "jest": {
@@ -52,8 +51,6 @@
     "preset": "react-native"
   },
   "dependencies": {
-    "@emotion/native": "^11.11.0",
-    "@emotion/react": "^11.11.1",
     "@storybook/addons": "^6.5.14",
     "@storybook/channel-websocket": "^6.5.14",
     "@storybook/channels": "^6.5.14",
@@ -63,7 +60,7 @@
     "@storybook/core-events": "^6.5.14",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "@storybook/preview-web": "^6.5.14",
-    "@storybook/react-native-theming": "^6.5.5-alpha.1",
+    "@storybook/react-native-theming": "^6.5.6-alpha.0",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "deepmerge": "^4.3.0",
@@ -78,7 +75,10 @@
     "@types/react": "~18.2.14",
     "babel-jest": "^29.4.3",
     "jest": "^29.4.3",
-    "react-test-renderer": "18.2.0"
+    "react-test-renderer": "18.2.0",
+    "ts-node": "^10.9.1",
+    "tsup": "^7.2.0",
+    "typescript": "^5.1.3"
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=1",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3a03b09c728691717dee406e91439227d3483a7b"
+  "gitHead": "f2ff9ddebf4e2a8a008cc484bf054c4a5cd641c5"
 }

package/scripts/__snapshots__/loader.test.js.snap

@@ -41,11 +41,14 @@ import "@storybook/addon-ondevice-actions/register";
       } catch{}
     
 
+         
       const getStories=() => {
-        return {"./scripts/mocks/file-extensions/FakeStory.stories.tsx": require("./FakeStory.stories.tsx")};
+          return {"./scripts/mocks/file-extensions/FakeStory.stories.tsx": require("./FakeStory.stories.tsx")};
       }
 
       configure(getStories, module, false)
+    
+      
   "
 `;
 
@@ -90,11 +93,14 @@ import "@storybook/addon-ondevice-actions/register";
       } catch{}
     
 
+         
       const getStories=() => {
-        return {"./scripts/mocks/configuration-objects/components/FakeStory.stories.tsx": require("./components/FakeStory.stories.tsx")};
+          return {"./scripts/mocks/configuration-objects/components/FakeStory.stories.tsx": require("./components/FakeStory.stories.tsx")};
       }
 
       configure(getStories, module, false)
+    
+      
   "
 `;
 
@@ -139,11 +145,14 @@ import "@storybook/addon-ondevice-actions/register";
       } catch{}
     
 
+         
       const getStories=() => {
-        return {"./scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx": require("./include-components/FakeStory.stories.tsx")};
+          return {"./scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx": require("./include-components/FakeStory.stories.tsx")};
       }
 
       configure(getStories, module, false)
+    
+      
   "
 `;
 
@@ -188,11 +197,14 @@ import "@storybook/addon-ondevice-actions/register";
       } catch{}
     
 
+         
       const getStories=() => {
-        return {"./scripts/mocks/all-config-files/FakeStory.stories.tsx": require("./FakeStory.stories.tsx")};
+          return {"./scripts/mocks/all-config-files/FakeStory.stories.tsx": require("./FakeStory.stories.tsx")};
       }
 
       configure(getStories, module, false)
+    
+      
   "
 `;
 
@@ -219,11 +231,14 @@ import "@storybook/addon-ondevice-actions/register";
       } catch{}
     
 
+         
       const getStories=() => {
-        return {"./scripts/mocks/no-preview/FakeStory.stories.tsx": require("./FakeStory.stories.tsx")};
+          return {"./scripts/mocks/no-preview/FakeStory.stories.tsx": require("./FakeStory.stories.tsx")};
       }
 
       configure(getStories, module, false)
+    
+      
   "
 `;
 
@@ -243,10 +258,13 @@ exports[`loader writeRequires when there is no story glob or addons writes no st
 
       
 
+         
       const getStories=() => {
-        return {};
+          return {};
       }
 
       configure(getStories, module, false)
+    
+      
   "
 `;

package/scripts/handle-args.js

@@ -8,7 +8,11 @@ function getArguments() {
       'The path to your config folder relative to your project-dir',
       './.storybook'
     )
-    .option('-a, --absolute', 'Use absolute paths for story imports');
+    .option('-a, --absolute', 'Use absolute paths for story imports')
+    .option(
+      '-unstable_useRequireContext, --unstable_useRequireContext',
+      'Use experimental require.context to load stories'
+    );
 
   program.parse();
 

package/scripts/loader.js

@@ -2,7 +2,7 @@ const path = require('path');
 const fs = require('fs');
 const glob = require('glob');
 const prettier = require('prettier');
-const normalizeStories = require('@storybook/core-common').normalizeStories;
+const { normalizeStories, toRequireContext } = require('@storybook/core-common');
 
 const cwd = process.cwd();
 const supportedExtensions = ['js', 'jsx', 'ts', 'tsx', 'cjs', 'mjs'];
@@ -45,14 +45,17 @@ function normalizeExcludePaths(paths) {
 
 function requireUncached(module) {
   delete require.cache[require.resolve(module)];
+
   return require(module);
 }
 
 function getMain({ configPath }) {
   const fileExtension = getFilePathExtension({ configPath }, 'main');
+
   if (fileExtension === null) {
     throw new Error('main config file not found');
   }
+
   const mainPath = path.resolve(cwd, configPath, `main.${fileExtension}`);
 
   return requireUncached(mainPath);
@@ -61,10 +64,12 @@ function getMain({ configPath }) {
 function getFilePathExtension({ configPath }, fileName) {
   for (const ext of supportedExtensions) {
     const filePath = path.resolve(cwd, configPath, `${fileName}.${ext}`);
+
     if (fs.existsSync(filePath)) {
       return ext;
     }
   }
+
   return null;
 }
 
@@ -76,13 +81,17 @@ function ensureRelativePathHasDot(relativePath) {
   return relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
 }
 
-function writeRequires({ configPath, absolute = false }) {
+function writeRequires({ configPath, absolute = false, unstable_useRequireContext = false }) {
   const storybookRequiresLocation = path.resolve(cwd, configPath, 'storybook.requires.js');
 
   const mainImport = getMain({ configPath });
+
   const main = mainImport.default ?? mainImport;
+
   const reactNativeOptions = main.reactNativeOptions;
+
   const excludePaths = reactNativeOptions && reactNativeOptions.excludePaths;
+
   const normalizedExcludePaths = normalizeExcludePaths(excludePaths);
 
   const storiesSpecifiers = normalizeStories(main.stories, {
@@ -90,32 +99,61 @@ function writeRequires({ configPath, absolute = false }) {
     workingDir: cwd,
   });
 
-  const storyRequires = storiesSpecifiers.reduce((acc, specifier) => {
-    const paths = glob
-      .sync(specifier.files, {
-        cwd: path.resolve(cwd, specifier.directory),
-        absolute,
-        // default to always ignore (exclude) anything in node_modules
-        ignore: normalizedExcludePaths !== undefined ? normalizedExcludePaths : ['**/node_modules'],
-      })
-      .map((storyPath) => {
-        const pathWithDirectory = path.join(specifier.directory, storyPath);
-        const requirePath = absolute
-          ? storyPath
-          : ensureRelativePathHasDot(path.relative(configPath, pathWithDirectory));
-
-        const absolutePath = absolute ? requirePath : path.resolve(configPath, requirePath);
-        const pathRelativeToCwd = path.relative(cwd, absolutePath);
-
-        const normalizePathForWindows = (str) =>
-          path.sep === '\\' ? str.replace(/\\/g, '/') : str;
-
-        return `"./${normalizePathForWindows(
-          pathRelativeToCwd
-        )}": require("${normalizePathForWindows(requirePath)}")`;
-      });
-    return [...acc, ...paths];
-  }, []);
+  let configure = '';
+
+  if (unstable_useRequireContext) {
+    const contexts = storiesSpecifiers.map((specifier) => {
+      const { path: p, recursive: r, match: m } = toRequireContext(specifier);
+      // TODO remove this dot 👇 and find actual solution
+      return `require.context('.${p}', ${r}, ${m})`;
+    });
+
+    configure = `
+      const stories = [${contexts.join(',')}];
+      
+      configure(stories, module, false)
+    `;
+  } else {
+    const storyRequires = storiesSpecifiers.reduce((acc, specifier) => {
+      const paths = glob
+        .sync(specifier.files, {
+          cwd: path.resolve(cwd, specifier.directory),
+          absolute,
+          // default to always ignore (exclude) anything in node_modules
+          ignore:
+            normalizedExcludePaths !== undefined ? normalizedExcludePaths : ['**/node_modules'],
+        })
+        .map((storyPath) => {
+          const pathWithDirectory = path.join(specifier.directory, storyPath);
+
+          const requirePath = absolute
+            ? storyPath
+            : ensureRelativePathHasDot(path.relative(configPath, pathWithDirectory));
+
+          const absolutePath = absolute ? requirePath : path.resolve(configPath, requirePath);
+
+          const pathRelativeToCwd = path.relative(cwd, absolutePath);
+
+          const normalizePathForWindows = (str) =>
+            path.sep === '\\' ? str.replace(/\\/g, '/') : str;
+
+          return `"./${normalizePathForWindows(
+            pathRelativeToCwd
+          )}": require("${normalizePathForWindows(requirePath)}")`;
+        });
+      return [...acc, ...paths];
+    }, []);
+
+    const path_obj_str = `{${storyRequires.join(',')}}`;
+
+    configure = `   
+      const getStories=() => {
+          return ${path_obj_str};
+      }
+
+      configure(getStories, module, false)
+    `;
+  }
 
   fs.writeFileSync(storybookRequiresLocation, '');
 
@@ -123,14 +161,14 @@ function writeRequires({ configPath, absolute = false }) {
 
   let previewJs = previewExists ? previewImports : '';
 
-  const path_obj_str = `{${storyRequires.join(',')}}`;
-
   const registerAddons = main.addons?.map((addon) => `import "${addon}/register";`).join('\n');
+
   let enhancersImport = '';
+
   let enhancers = '';
 
   // TODO: implement presets or something similar
-  if (main.addons.includes('@storybook/addon-ondevice-actions')) {
+  if (main.addons?.includes('@storybook/addon-ondevice-actions')) {
     enhancersImport =
       'import { argsEnhancers } from "@storybook/addon-actions/dist/modern/preset/addArgs"';
 
@@ -167,11 +205,8 @@ function writeRequires({ configPath, absolute = false }) {
 
       ${enhancers}
 
-      const getStories=() => {
-        return ${path_obj_str};
-      }
-
-      configure(getStories, module, false)
+      ${configure}
+      
   `;
 
   const formattedFileContent = prettier.format(fileContent, { parser: 'babel' });

package/template/cli/storybook.requires.js

@@ -0,0 +1,54 @@
+/* do not change this file, it is auto generated by storybook. */
+
+import {
+  configure,
+  addDecorator,
+  addParameters,
+  addArgsEnhancer,
+  clearDecorators,
+} from '@storybook/react-native';
+
+global.STORIES = [
+  {
+    titlePrefix: '',
+    directory: './.storybook/stories',
+    files: '**/*.stories.?(ts|tsx|js|jsx)',
+    importPathMatcher:
+      '^\\.[\\\\/](?:\\.storybook\\/stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(?:ts|tsx|js|jsx)?)$',
+  },
+];
+
+import '@storybook/addon-ondevice-controls/register';
+import '@storybook/addon-ondevice-actions/register';
+
+import { argsEnhancers } from '@storybook/addon-actions/dist/modern/preset/addArgs';
+
+import { decorators, parameters } from './preview';
+
+if (decorators) {
+  if (__DEV__) {
+    // stops the warning from showing on every HMR
+    require('react-native').LogBox.ignoreLogs([
+      '`clearDecorators` is deprecated and will be removed in Storybook 7.0',
+    ]);
+  }
+  // workaround for global decorators getting infinitely applied on HMR, see https://github.com/storybookjs/react-native/issues/185
+  clearDecorators();
+  decorators.forEach((decorator) => addDecorator(decorator));
+}
+
+if (parameters) {
+  addParameters(parameters);
+}
+
+try {
+  argsEnhancers.forEach((enhancer) => addArgsEnhancer(enhancer));
+} catch {}
+
+const getStories = () => {
+  return {
+    './.storybook/stories/Button/Button.stories.js': require('./stories/Button/Button.stories.js'),
+  };
+};
+
+configure(getStories, module, false);

package/dist/constants.d.ts

@@ -1,5 +0,0 @@
-/**
- * Duration for a typical transition animation, such as rescaling the canvas
- * UI.
- */
-export declare const ANIMATION_DURATION_TRANSITION = 400;

package/dist/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ANIMATION_DURATION_TRANSITION = void 0;
-/**
- * Duration for a typical transition animation, such as rescaling the canvas
- * UI.
- */
-exports.ANIMATION_DURATION_TRANSITION = 400;

package/dist/hooks.d.ts

@@ -1,67 +0,0 @@
-import type { StoryContext } from '@storybook/csf';
-import type { ReactNativeFramework } from './types/types-6.0';
-import { StoryIndexEntry } from '@storybook/client-api';
-/**
- * Hook that returns a function to set the current story context.
- */
-export declare function useSetStoryContext(): (args_0: StoryContext<ReactNativeFramework> | ((prev: StoryContext<ReactNativeFramework>) => StoryContext<ReactNativeFramework>)) => void;
-/**
- * Hook to read the current story context.
- */
-export declare function useStoryContext(): StoryContext<ReactNativeFramework>;
-/**
- * Hook that reads the value of a specific story context parameter.
- */
-export declare function useStoryContextParam<T = any>(name: string, defaultValue?: T): T;
-/**
- * Hook that indicates if `storyId` is the currently selected story.
- */
-export declare function useIsStorySelected(storyId: string): boolean;
-/**
- * Hook that indicates if story kind (title) is the currently selected story section.
- */
-export declare function useIsStorySectionSelected(title: string): boolean;
-export declare function useIsChildSelected(entries: StoryIndexEntry[]): boolean;
-/**
- * Hook that causes a re-render when the currently selected story is changed.
- */
-export declare function useUpdateOnStoryChanged(): void;
-/**
- * Hook that gets the current theme values.
- */
-export declare function useTheme(): import("@emotion/react").Theme;
-/**
- * A boolean atom creator for an atom that can only be toggled between
- * true/false.
- *
- * @see {@link https://jotai.org/docs/recipes/atom-creators#atomwithtoggle}
- */
-export declare function atomWithToggle(initialValue?: boolean): import("jotai").WritableAtom<boolean, [nextValue?: boolean], void> & {
-    init: boolean;
-};
-/**
- * Hook that retrieves the current state, and a setter, for the `isUIVisible`
- * atom.
- */
-export declare function useIsUIVisible(): [boolean, (nextValue?: boolean) => void];
-/**
- * Hook that retrieves the current state, and a setter, for the
- * `isSplitPanelVisibleAtom` atom.
- */
-export declare function useIsSplitPanelVisible(): [boolean, (nextValue?: boolean) => void];
-interface SyncExternalUIParams {
-    isUIVisible?: boolean;
-    isSplitPanelVisible?: boolean;
-}
-/**
- * Sync the UI atom states with external values, such as from Story parameters.
- */
-export declare function syncExternalUI({ isUIVisible, isSplitPanelVisible }: SyncExternalUIParams): void;
-/**
- * Hook that manages the state for the currently selected addon.
- *
- * This value persists across stories, so that the same addon will be selected
- * when switching stories.
- */
-export declare function useSelectedAddon(initialValue?: string): [string, (args_0: string | ((prev: string) => string)) => void];
-export {};

package/dist/hooks.js

@@ -1,168 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectedAddon = exports.syncExternalUI = exports.useIsSplitPanelVisible = exports.useIsUIVisible = exports.atomWithToggle = exports.useTheme = exports.useUpdateOnStoryChanged = exports.useIsChildSelected = exports.useIsStorySectionSelected = exports.useIsStorySelected = exports.useStoryContextParam = exports.useStoryContext = exports.useSetStoryContext = void 0;
-var react_1 = __importStar(require("react"));
-var jotai_1 = require("jotai");
-var react_2 = require("@emotion/react");
-var storyContextAtom = (0, jotai_1.atom)(null);
-/**
- * Hook that returns a function to set the current story context.
- */
-function useSetStoryContext() {
-    return (0, jotai_1.useSetAtom)(storyContextAtom);
-}
-exports.useSetStoryContext = useSetStoryContext;
-/**
- * Hook to read the current story context.
- */
-function useStoryContext() {
-    return (0, jotai_1.useAtomValue)(storyContextAtom);
-}
-exports.useStoryContext = useStoryContext;
-/**
- * Hook that reads the value of a specific story context parameter.
- */
-function useStoryContextParam(name, defaultValue) {
-    var _a;
-    var paramAtom = (0, react_1.useMemo)(function () { return (0, jotai_1.atom)(function (get) { var _a, _b; return (_b = (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b[name]; }); }, [name]);
-    return (_a = (0, jotai_1.useAtomValue)(paramAtom)) !== null && _a !== void 0 ? _a : defaultValue;
-}
-exports.useStoryContextParam = useStoryContextParam;
-/**
- * Hook that indicates if `storyId` is the currently selected story.
- */
-function useIsStorySelected(storyId) {
-    return (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () { return (0, jotai_1.atom)(function (get) { var _a; return ((_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.id) === storyId; }); }, [storyId]));
-}
-exports.useIsStorySelected = useIsStorySelected;
-/**
- * Hook that indicates if story kind (title) is the currently selected story section.
- */
-function useIsStorySectionSelected(title) {
-    return (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () {
-        return (0, jotai_1.atom)(function (get) {
-            var _a;
-            var contextTitle = (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.title;
-            return contextTitle === title || (contextTitle === null || contextTitle === void 0 ? void 0 : contextTitle.startsWith("".concat(title, "/")));
-        });
-    }, [title]));
-}
-exports.useIsStorySectionSelected = useIsStorySectionSelected;
-function useIsChildSelected(entries) {
-    return (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () {
-        return (0, jotai_1.atom)(function (get) {
-            var _a;
-            var contextId = (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.id;
-            return !!entries.find(function (_a) {
-                var id = _a.id;
-                return id === contextId;
-            });
-        });
-    }, [entries]));
-}
-exports.useIsChildSelected = useIsChildSelected;
-/**
- * Hook that causes a re-render when the currently selected story is changed.
- */
-function useUpdateOnStoryChanged() {
-    (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () { return (0, jotai_1.atom)(function (get) { var _a; return (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.id; }); }, []));
-}
-exports.useUpdateOnStoryChanged = useUpdateOnStoryChanged;
-/**
- * Hook that gets the current theme values.
- */
-function useTheme() {
-    return (0, react_2.useTheme)();
-}
-exports.useTheme = useTheme;
-/**
- * A boolean atom creator for an atom that can only be toggled between
- * true/false.
- *
- * @see {@link https://jotai.org/docs/recipes/atom-creators#atomwithtoggle}
- */
-function atomWithToggle(initialValue) {
-    var anAtom = (0, jotai_1.atom)(initialValue, function (get, set, nextValue) {
-        var update = nextValue !== null && nextValue !== void 0 ? nextValue : !get(anAtom);
-        set(anAtom, update);
-    });
-    return anAtom;
-}
-exports.atomWithToggle = atomWithToggle;
-var isUIVisibleAtom = atomWithToggle(true);
-/**
- * Hook that retrieves the current state, and a setter, for the `isUIVisible`
- * atom.
- */
-function useIsUIVisible() {
-    return (0, jotai_1.useAtom)(isUIVisibleAtom);
-}
-exports.useIsUIVisible = useIsUIVisible;
-var isSplitPanelVisibleAtom = atomWithToggle(false);
-/**
- * Hook that retrieves the current state, and a setter, for the
- * `isSplitPanelVisibleAtom` atom.
- */
-function useIsSplitPanelVisible() {
-    return (0, jotai_1.useAtom)(isSplitPanelVisibleAtom);
-}
-exports.useIsSplitPanelVisible = useIsSplitPanelVisible;
-/**
- * Sync the UI atom states with external values, such as from Story parameters.
- */
-function syncExternalUI(_a) {
-    var isUIVisible = _a.isUIVisible, isSplitPanelVisible = _a.isSplitPanelVisible;
-    var jotaiStore = (0, jotai_1.getDefaultStore)();
-    if (isUIVisible !== undefined) {
-        jotaiStore.set(isUIVisibleAtom, isUIVisible);
-    }
-    if (isSplitPanelVisible !== undefined) {
-        jotaiStore.set(isSplitPanelVisibleAtom, isSplitPanelVisible);
-    }
-}
-exports.syncExternalUI = syncExternalUI;
-var selectedAddonAtom = (0, jotai_1.atom)(undefined);
-/**
- * Hook that manages the state for the currently selected addon.
- *
- * This value persists across stories, so that the same addon will be selected
- * when switching stories.
- */
-function useSelectedAddon(initialValue) {
-    var result = (0, jotai_1.useAtom)(selectedAddonAtom);
-    var set = result[1];
-    react_1.default.useEffect(function () {
-        var jotaiStore = (0, jotai_1.getDefaultStore)();
-        // Only apply the initial value once, and only if the atom doesn't have a
-        // value yet.
-        if (jotaiStore.get(selectedAddonAtom) === undefined) {
-            set(initialValue);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return result;
-}
-exports.useSelectedAddon = useSelectedAddon;