[Chore] bump and fix examples for v3.0.0.alpha.0 (#2030)

* bump and fix examples * add resolutions for demo-app, to fix website build
keplergl · Nov 18, 2022 · dbba7da · dbba7da
1 parent c216d09
commit dbba7da
Show file tree

Hide file tree

Showing 36 changed files with 72 additions and 56 deletions.
diff --git a/examples/custom-map-style/package.json b/examples/custom-map-style/package.json
@@ -5,7 +5,8 @@
   },
   "dependencies": {
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-palm": "^3.3.6",
@@ -27,4 +28,4 @@
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.24.3"
   }
-}
+}
diff --git a/examples/custom-map-style/src/app.tsx b/examples/custom-map-style/src/app.tsx
@@ -20,7 +20,7 @@
 
 import React from 'react';
 import {connect} from 'react-redux';
-import KeplerGl from 'kepler.gl';
+import KeplerGl from '@kepler.gl/components';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 
 const localeMessages = {

diff --git a/examples/custom-map-style/src/store.ts b/examples/custom-map-style/src/store.ts
@@ -19,8 +19,7 @@
 // THE SOFTWARE.
 
 import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
-import keplerGlReducer from '@kepler.gl/reducers';
-import {enhanceReduxMiddleware} from '@kepler.gl/middleware';
+import keplerGlReducer, {enhanceReduxMiddleware} from '@kepler.gl/reducers';
 
 const mapStyles = {
   voyager: {

diff --git a/examples/custom-reducer/package.json b/examples/custom-reducer/package.json
@@ -5,7 +5,9 @@
   },
   "dependencies": {
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/actions": "^3.0.0-alpha.0",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-palm": "^3.3.6",
@@ -27,4 +29,4 @@
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.24.3"
   }
-}
+}
diff --git a/examples/custom-reducer/src/app.js b/examples/custom-reducer/src/app.js
@@ -21,7 +21,7 @@
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
-import KeplerGl from 'kepler.gl';
+import KeplerGl from '@kepler.gl/components';
 import {createAction} from 'redux-actions';
 
 import {addDataToMap, wrapTo} from '@kepler.gl/actions';

diff --git a/examples/custom-reducer/src/store.js b/examples/custom-reducer/src/store.js
@@ -19,8 +19,7 @@
 // THE SOFTWARE.
 
 import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
-import keplerGlReducer, {uiStateUpdaters} from '@kepler.gl/reducers';
-import {enhanceReduxMiddleware} from '@kepler.gl/middleware';
+import keplerGlReducer, {uiStateUpdaters, enhanceReduxMiddleware} from '@kepler.gl/reducers';
 import appReducer from './app-reducer';
 import window from 'global/window';
 

diff --git a/examples/custom-theme/package.json b/examples/custom-theme/package.json
@@ -5,7 +5,8 @@
   },
   "dependencies": {
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-palm": "^3.3.6",
@@ -27,4 +28,4 @@
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.24.3"
   }
-}
+}
diff --git a/examples/custom-theme/src/app.js b/examples/custom-theme/src/app.js
@@ -22,7 +22,7 @@ import React, {useEffect, useState} from 'react';
 import styled from 'styled-components';
 import window from 'global/window';
 import {connect} from 'react-redux';
-import KeplerGl from 'kepler.gl';
+import KeplerGl from '@kepler.gl/components';
 
 const MAPBOX_TOKEN = process.env.MapboxAccessToken; // eslint-disable-line
 

diff --git a/examples/custom-theme/src/reducers/index.js b/examples/custom-theme/src/reducers/index.js
@@ -21,7 +21,7 @@
 import {combineReducers} from 'redux';
 import {handleActions} from 'redux-actions';
 
-import keplerGlReducer from 'kepler.gl/reducers';
+import keplerGlReducer from '@kepler.gl/reducers';
 
 import {INIT} from '../actions';
 

diff --git a/examples/custom-theme/src/store.js b/examples/custom-theme/src/store.js
@@ -20,7 +20,7 @@
 
 import window from 'global/window';
 import {combineReducers, createStore, applyMiddleware, compose} from 'redux';
-import {enhanceReduxMiddleware} from 'kepler.gl/middleware';
+import {enhanceReduxMiddleware} from '@kepler.gl/reducers';
 
 import demoReducer from './reducers/index';
 

diff --git a/examples/demo-app/package.json b/examples/demo-app/package.json
@@ -15,7 +15,12 @@
     "d3-request": "^1.0.6",
     "dropbox": "^4.0.12",
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/actions": "^3.0.0-alpha.0",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/constants": "^3.0.0-alpha.0",
+    "@kepler.gl/processors": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
+    "@kepler.gl/styles": "^3.0.0-alpha.0",
     "lodash.debounce": "^4.0.8",
     "lodash.get": "^4.4.2",
     "react": "^16.8.4",
@@ -43,5 +48,10 @@
     "webpack-dev-middleware": "^3.5.1",
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.24.3"
+  },
+  "resolutions": {
+    "@luma.gl/webgl": "8.5.16",
+    "@deck.gl/core": "8.8.9",
+    "@deck.gl/extensions": "8.8.9"
   }
-}
+}
diff --git a/examples/demo-app/src/actions.js b/examples/demo-app/src/actions.js
@@ -20,7 +20,7 @@
 
 import {push} from 'react-router-redux';
 import {request, text as requestText, json as requestJson} from 'd3-request';
-import {loadFiles, toggleModal} from 'kepler.gl/actions';
+import {loadFiles, toggleModal} from '@kepler.gl/actions';
 
 import {
   LOADING_SAMPLE_ERROR_MESSAGE,

diff --git a/examples/demo-app/src/components/load-data-modal/load-remote-map.js b/examples/demo-app/src/components/load-data-modal/load-remote-map.js
@@ -24,7 +24,7 @@ import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import {CORS_LINK} from '../../constants/default-settings';
 import {FormattedHTMLMessage, FormattedMessage} from 'react-intl';
-import {Button} from 'kepler.gl/components';
+import {Button} from '@kepler.gl/components';
 import {validateUrl} from '../../utils/url';
 
 const propTypes = {

diff --git a/examples/demo-app/src/components/load-data-modal/sample-data-viewer.js b/examples/demo-app/src/components/load-data-modal/sample-data-viewer.js
@@ -22,7 +22,7 @@ import React, {useEffect} from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import {format} from 'd3-format';
-import {LoadingDialog} from 'kepler.gl/components';
+import {LoadingDialog} from '@kepler.gl/components';
 import {FormattedMessage} from 'react-intl';
 
 const numFormat = format(',');

diff --git a/examples/demo-app/src/components/load-data-modal/sample-maps-tab.js b/examples/demo-app/src/components/load-data-modal/sample-maps-tab.js
@@ -21,7 +21,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import {Icons} from '@kepler.gl/components';
-import {media} from 'kepler.gl/styles';
+import {media} from '@kepler.gl/styles';
 import {FormattedMessage} from 'react-intl';
 
 import {ASSETS_URL} from '../../constants/default-settings';

diff --git a/examples/demo-app/src/components/map-control/map-control.js b/examples/demo-app/src/components/map-control/map-control.js
@@ -21,7 +21,7 @@
 import React, {useState} from 'react';
 import classnames from 'classnames';
 import styled from 'styled-components';
-import {Icons, IconRoundSmall, MapControlButton} from 'kepler.gl/components';
+import {Icons, IconRoundSmall, MapControlButton} from '@kepler.gl/components';
 
 import ReactMarkdown from 'react-markdown';
 

diff --git a/examples/demo-app/src/factories/map-control.js b/examples/demo-app/src/factories/map-control.js
@@ -20,7 +20,7 @@
 
 import React from 'react';
 import styled from 'styled-components';
-import {MapControlFactory, withState} from 'kepler.gl/components';
+import {MapControlFactory, withState} from '@kepler.gl/components';
 import {SampleMapPanel} from '../components/map-control/map-control';
 
 CustomMapControlFactory.deps = MapControlFactory.deps;

diff --git a/examples/demo-app/src/factories/panel-header.js b/examples/demo-app/src/factories/panel-header.js
@@ -18,8 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import {PanelHeaderFactory, Icons} from 'kepler.gl/components';
-import {BUG_REPORT_LINK, USER_GUIDE_DOC} from 'kepler.gl/constants';
+import {PanelHeaderFactory, Icons} from '@kepler.gl/components';
+import {BUG_REPORT_LINK, USER_GUIDE_DOC} from '@kepler.gl/constants';
 
 export function CustomPanelHeaderFactory(...deps) {
   const PanelHeader = PanelHeaderFactory(...deps);

diff --git a/examples/demo-app/src/reducers/index.js b/examples/demo-app/src/reducers/index.js
@@ -21,10 +21,10 @@
 import {combineReducers} from 'redux';
 import {handleActions} from 'redux-actions';
 
-import keplerGlReducer, {combinedUpdaters, uiStateUpdaters} from 'kepler.gl/reducers';
-import {processGeojson, processCsvData} from 'kepler.gl/processors';
-import KeplerGlSchema from 'kepler.gl/schemas';
-import {EXPORT_MAP_FORMATS} from 'kepler.gl/constants';
+import keplerGlReducer, {combinedUpdaters, uiStateUpdaters} from '@kepler.gl/reducers';
+import {processGeojson, processCsvData} from '@kepler.gl/processors';
+import KeplerGlSchema from '@kepler.gl/schemas';
+import {EXPORT_MAP_FORMATS} from '@kepler.gl/constants';
 
 import {
   INIT,

diff --git a/examples/demo-app/src/store.js b/examples/demo-app/src/store.js
@@ -21,7 +21,7 @@
 import {combineReducers, createStore, applyMiddleware, compose} from 'redux';
 import {routerReducer, routerMiddleware} from 'react-router-redux';
 import {browserHistory} from 'react-router';
-import {enhanceReduxMiddleware} from '@kepler.gl/middleware';
+import {enhanceReduxMiddleware} from '@kepler.gl/reducers';
 import thunk from 'redux-thunk';
 // eslint-disable-next-line no-unused-vars
 import window from 'global/window';

diff --git a/examples/node-app/package.json b/examples/node-app/package.json
@@ -6,7 +6,8 @@
   "dependencies": {
     "express": "^4.17.1",
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-palm": "^3.3.6",
@@ -28,4 +29,4 @@
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.25.0"
   }
-}
+}
diff --git a/examples/node-app/src/app.js b/examples/node-app/src/app.js
@@ -22,7 +22,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 import styled from 'styled-components';
-import KeplerGl from 'kepler.gl';
+import KeplerGl from '@kepler.gl/components';
 
 const MAPBOX_TOKEN = process.env.MapboxAccessToken; // eslint-disable-line
 

diff --git a/examples/node-app/src/store.js b/examples/node-app/src/store.js
@@ -19,8 +19,7 @@
 // THE SOFTWARE.
 
 import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
-import keplerGlReducer from 'kepler.gl/reducers';
-import {enhanceReduxMiddleware} from 'kepler.gl/middleware';
+import keplerGlReducer, {enhanceReduxMiddleware} from '@kepler.gl/reducers';
 import appReducer from './app-reducer';
 
 const reducers = combineReducers({

diff --git a/examples/open-modal/package.json b/examples/open-modal/package.json
@@ -5,7 +5,9 @@
   },
   "dependencies": {
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/actions": "^3.0.0-alpha.0",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-modal": "^3.1.10",
@@ -28,4 +30,4 @@
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.24.3"
   }
-}
+}
diff --git a/examples/open-modal/src/app.js b/examples/open-modal/src/app.js
@@ -20,7 +20,7 @@
 
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
-import {addDataToMap, wrapTo} from 'kepler.gl/actions';
+import {addDataToMap, wrapTo} from '@kepler.gl/actions';
 
 import Modal from 'react-modal';
 import {showModal} from './app-reducer';

diff --git a/examples/open-modal/src/components/fresh-map.js b/examples/open-modal/src/components/fresh-map.js
@@ -20,8 +20,8 @@
 
 import React, {Component} from 'react';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
-import {addDataToMap, wrapTo} from 'kepler.gl/actions';
-import KeplerGl from 'kepler.gl';
+import {addDataToMap, wrapTo} from '@kepler.gl/actions';
+import KeplerGl from '@kepler.gl/components';
 
 import sampleData from '../data/sample-data';
 import config from '../configurations/config';

diff --git a/examples/open-modal/src/components/saved-map.js b/examples/open-modal/src/components/saved-map.js
@@ -20,7 +20,7 @@
 
 import React, {Component} from 'react';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
-import KeplerGl from 'kepler.gl';
+import KeplerGl from '@kepler.gl/components';
 
 export default class SavedMap extends Component {
   render() {

diff --git a/examples/open-modal/src/store.js b/examples/open-modal/src/store.js
@@ -19,8 +19,7 @@
 // THE SOFTWARE.
 
 import {createStore, combineReducers, applyMiddleware, compose} from 'redux';
-import keplerGlReducer from 'kepler.gl/reducers';
-import {enhanceReduxMiddleware} from 'kepler.gl/middleware';
+import keplerGlReducer, {enhanceReduxMiddleware} from '@kepler.gl/reducers';
 
 import appReducer from './app-reducer';
 import window from 'global/window';

diff --git a/examples/replace-component/package.json b/examples/replace-component/package.json
@@ -5,7 +5,11 @@
   },
   "dependencies": {
     "global": "^4.3.0",
-    "kepler.gl": "^2.5.5",
+    "@kepler.gl/actions": "^3.0.0-alpha.0",
+    "@kepler.gl/components": "^3.0.0-alpha.0",
+    "@kepler.gl/reducers": "^3.0.0-alpha.0",
+    "@kepler.gl/schemas": "^3.0.0-alpha.0",
+    "@kepler.gl/styles": "^3.0.0-alpha.0",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-palm": "^3.3.6",
@@ -27,4 +31,4 @@
     "webpack-dev-server": "^3.1.14",
     "webpack-hot-middleware": "^2.24.3"
   }
-}
+}
diff --git a/examples/replace-component/src/app.js b/examples/replace-component/src/app.js
@@ -20,10 +20,10 @@
 
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
-import {addDataToMap, wrapTo} from 'kepler.gl/actions';
+import {addDataToMap, wrapTo} from '@kepler.gl/actions';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 import styled from 'styled-components';
-import {theme} from 'kepler.gl/styles';
+import {theme} from '@kepler.gl/styles';
 
 import sampleData, {config} from './data/sample-data';
 
@@ -36,7 +36,7 @@ import {
   CustomPanelsFactory,
   MapPopoverFactory,
   injectComponents
-} from 'kepler.gl/components';
+} from '@kepler.gl/components';
 
 import CustomPanelHeaderFactory from './components/panel-header';
 import CustomSidebarFactory from './components/side-bar';

diff --git a/examples/replace-component/src/components/custom-map-popover.js b/examples/replace-component/src/components/custom-map-popover.js
@@ -19,7 +19,7 @@
 // THE SOFTWARE.
 
 import React from 'react';
-import {MapPopoverFactory} from 'kepler.gl/components';
+import {MapPopoverFactory} from '@kepler.gl/components';
 
 const CustomMapPopoverFactory = (...deps) => {
   const MapPopover = MapPopoverFactory(...deps);

diff --git a/examples/replace-component/src/components/panel-header.js b/examples/replace-component/src/components/panel-header.js
@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import {PanelHeaderFactory} from 'kepler.gl/components';
+import {PanelHeaderFactory} from '@kepler.gl/components';
 
 // Custom Panel Header renders default panel header, changing its default props
 // to avoid rendering any action items on the top right

diff --git a/examples/replace-component/src/components/panel-toggle.js b/examples/replace-component/src/components/panel-toggle.js
@@ -21,8 +21,8 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import {PanelToggleFactory, Button, Icons, withState} from 'kepler.gl/components';
-import {visStateLens} from 'kepler.gl/reducers';
+import {PanelToggleFactory, Button, Icons, withState} from '@kepler.gl/components';
+import {visStateLens} from '@kepler.gl/reducers';
 
 import {setMapConfig} from '../app-reducer';