Refactor register command

.storybook/addons.js

@@ -1,3 +1 @@
-import { register } from '../dist/';
-
-register();
+import "../register";

package.json

@@ -13,7 +13,13 @@
     "type": "git",
     "url": "git+https://github.com/HichemBenChaaben/storybook-addon-linguijs.git"
   },
-  "keywords": [ "storybook", "storybook-addon", "react-lingui", "i18n", "l10n" ],
+  "keywords": [
+    "storybook",
+    "storybook-addon",
+    "react-lingui",
+    "i18n",
+    "l10n"
+  ],
   "license": "MIT",
   "author": "Hichem benchaaben",
   "dependencies": {

register.js

@@ -0,0 +1 @@
+require("./dist").register();

src/index.js

@@ -1,2 +1,2 @@
-export { withLingui, setLinguiConfig } from './preview';
-export { register } from './register';
+export { withLingui, setLinguiConfig } from "./preview";
+export { register } from "./manager";

src/manager/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import addons from "@storybook/addons";
+import { ADDON_ID, PANEL_ID } from "../shared";
+import LocalePanel from "../manager/containers/LocalePanel/index";
+
+export function register() {
+  addons.register(ADDON_ID, () => {
+    addons.addPanel(PANEL_ID, {
+      title: "Locales",
+      render: props => (
+        <LocalePanel
+          key={(props && typeof props === "object" && props.key) || undefined}
+          active={!props || props.active}
+          channel={addons.getChannel()}
+        />
+      )
+    });
+  });
+}