add storybook

3 files changed, 115 insertions, 0 deletions

diff --git a/packages/taler-wallet-webextension/.storybook/.babelrc b/packages/taler-wallet-webextension/.storybook/.babelrc
new file mode 100644
index 000000000..d1f93f336
--- /dev/null
+++ b/packages/taler-wallet-webextension/.storybook/.babelrc
@@ -0,0 +1,22 @@
+/*
+ This file is part of GNU Taler
+ (C) 2021 Taler Systems S.A.
+
+ GNU Taler is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+ /**
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
+{
+}
\ No newline at end of file
diff --git a/packages/taler-wallet-webextension/.storybook/main.js b/packages/taler-wallet-webextension/.storybook/main.js
new file mode 100644
index 000000000..d9f87eef0
--- /dev/null
+++ b/packages/taler-wallet-webextension/.storybook/main.js
@@ -0,0 +1,39 @@
+/*
+ This file is part of GNU Taler
+ (C) 2021 Taler Systems S.A.
+
+ GNU Taler is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+/**
+*
+* @author Sebastian Javier Marchano (sebasjm)
+*/
+
+
+module.exports = {
+  "stories": [
+    "../lib/**/*.stories.js"
+  ],
+  "addons": [
+    "@storybook/addon-a11y",
+    "@storybook/addon-essentials" //docs, control, actions, viewpot, toolbar, background
+  ],
+  // webpackFinal: async (config, { configType }) => {
+  //   // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
+  //   // You can change the configuration based on that.
+  //   // 'PRODUCTION' is used when building the static version of storybook.
+  //   // Make whatever fine-grained changes you need
+  //   // Return the altered config
+  //   return config;
+  // },
+}
diff --git a/packages/taler-wallet-webextension/.storybook/preview.js b/packages/taler-wallet-webextension/.storybook/preview.js
new file mode 100644
index 000000000..2b685b366
--- /dev/null
+++ b/packages/taler-wallet-webextension/.storybook/preview.js
@@ -0,0 +1,54 @@
+/*
+ This file is part of GNU Taler
+ (C) 2021 Taler Systems S.A.
+
+ GNU Taler is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+// import "../src/scss/main.scss"
+// import { ConfigContextProvider } from '../src/context/config'
+// import { TranslationProvider } from '../src/context/translation'
+
+const mockConfig = {
+  backendURL: 'http://demo.taler.net',
+  currency: 'KUDOS'
+}
+
+// export const parameters = {
+//   controls: { expanded: true },
+//   actions: { argTypesRegex: "^on[A-Z].*" },
+// }
+
+// export const globalTypes = {
+//   locale: {
+//     name: 'Locale',
+//     description: 'Internationalization locale',
+//     defaultValue: 'en',
+//     toolbar: {
+//       icon: 'globe',
+//       items: [
+//         { value: 'en', right: '🇺🇸', title: 'English' },
+//         { value: 'es', right: '🇪🇸', title: 'Spanish' },
+//       ],
+//     },
+//   },
+// };
+
+// export const decorators = [
+//   (Story, { globals }) => {
+    
+//     return <TranslationProvider initial={globals.locale}>
+//       <Story />
+//     </TranslationProvider>
+//   },
+//   (Story) => <ConfigContextProvider value={mockConfig}> <Story /> </ConfigContextProvider>
+// ];