Merge pull request #36 from lumapps/fix/redux-store-import

fix(index): import store from playground

Author: gregorycat

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lumapps-extension",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "",
   "author": "lab@lumapps.com",
   "main": "index.js",

template-react-ts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "template-react-ts",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "private": true,
   "dependencies": {
     "@lumapps-extensions-playground/common": "^1.0.0",
@@ -9,7 +9,7 @@
     "@lumx/icons": "^1.0.7",
     "@lumx/react": "^1.0.7",
     "lodash": "^4.17.21",
-    "lumapps-sdk-js": "^0.0.30",
+    "lumapps-sdk-js": "^0.0.39",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
     "react": "^16.13.1",
@@ -36,7 +36,7 @@
     ]
   },
   "devDependencies": {
-    "@lumapps-extensions-playground/devenv": "^1.0.0",
+    "@lumapps-extensions-playground/devenv": "^1.0.3",
     "@lumapps-extensions-playground/playground-server": "^1.0.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
@@ -59,6 +59,7 @@
     "npm-run-all": "^4.1.5",
     "prettier": "2.2.0",
     "prettier-stylelint": "^0.4.2",
+    "react-redux": "^7.2.3",
     "react-scripts": "3.4.3",
     "stylelint": "^9.10.1",
     "stylelint-config-idiomatic-order": "^6.2.0",

template-react-ts/src/index.tsx

@@ -1,4 +1,4 @@
-import { Playground } from '@lumapps-extensions-playground/devenv';
+import { Playground, store } from '@lumapps-extensions-playground/devenv';
 
 import '@lumapps-extensions-playground/devenv/devenv.esm.css';
 
@@ -7,17 +7,20 @@ import '@lumx/core/lumx.css';
 
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { Provider } from 'react-redux';
 import config from './config.js';
 import { Widget, WidgetGlobalSettings, WidgetSettings } from './widget';
 
 ReactDOM.render(
     <React.StrictMode>
-        <Playground
-            config={config}
-            Widget={Widget}
-            WidgetSettings={WidgetSettings}
-            WidgetGlobalSettings={WidgetGlobalSettings}
-        />
+        <Provider store={store}>
+            <Playground
+                config={config}
+                Widget={Widget}
+                WidgetSettings={WidgetSettings}
+                WidgetGlobalSettings={WidgetGlobalSettings}
+            />
+        </Provider>
     </React.StrictMode>,
     document.getElementById('root'),
 );