fix: remove integration store

integrations/base-integration/package.json

@@ -14,9 +14,7 @@
     "package.json",
     "README.md",
     "webpack-build.js",
-    "webpack-build.d.ts",
-    "store.js",
-    "store.d.ts"
+    "webpack-build.d.ts"
   ],
   "scripts": {
     "build": "yarn cross-env NODE_ENV=production rollup -c",

integrations/base-integration/rollup.config.js

@@ -1,5 +1,5 @@
 import { config } from '../../rollup-config';
 
 export default config({
-  input: ['./src/index.tsx', './src/webpack-build.ts', './src/store.ts'],
+  input: ['./src/index.tsx', './src/webpack-build.ts'],
 });

integrations/gatsby-theme-stories/src/components/GatsbyLayout.tsx

@@ -1,13 +1,15 @@
 import React, { FC, useMemo } from 'react';
 import { Helmet } from 'react-helmet';
 import { Layout, LayoutProps } from '@component-controls/base-integration';
-import { store } from '@component-controls/base-integration/store';
+import { loadStore } from '@component-controls/store';
+const bundle = require('component-controls-bundle');
+
 import { GatsbyLink } from '../components/GatsbyLink';
 
 export type GatsbyLayoutProps = Omit<LayoutProps, 'Link' | 'Helmet' | 'store'>;
 
 export const GatsbyLayout: FC<GatsbyLayoutProps> = props => {
-  const loadedStore = useMemo(() => store(true), []);
+  const loadedStore = useMemo(() => loadStore(bundle, false), []);
   return (
     <Layout
       Link={GatsbyLink}

integrations/react-router-integration/src/index.tsx

@@ -1,20 +1,22 @@
 import React, { FC, ReactElement, useMemo } from 'react';
 import { Route } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
+import { Store } from '@component-controls/core';
 import { Layout, LayoutProps } from '@component-controls/base-integration';
-import { store } from '@component-controls/base-integration/store';
-
+import { loadStore } from '@component-controls/store';
 import { getRoutes } from '@component-controls/routes';
 import { ReactRouterLink } from './components/ReactRouterLink';
+const bundle = require('component-controls-bundle');
+
+export const store: Store = loadStore(bundle, true);
 
 export const ControlsPage = (
   props: Omit<LayoutProps, 'Helmet' | 'Link' | 'store'>,
 ): FC => {
-  const loadedStore = useMemo(() => store(false), []);
   const DocHome: FC = () => (
     <Layout
       {...props}
-      store={loadedStore}
+      store={store}
       Helmet={Helmet as LayoutProps['Helmet']}
       Link={ReactRouterLink}
     />
@@ -23,9 +25,8 @@ export const ControlsPage = (
 };
 
 export const useRoutes = (): ReactElement[] => {
-  const loadedStore = useMemo(() => store(false), []);
   const routes = useMemo(() => {
-    const paths = getRoutes(loadedStore);
+    const paths = getRoutes(store);
     const routes = paths.map(props => (
       <Route
         key={props.path}
@@ -35,6 +36,6 @@ export const useRoutes = (): ReactElement[] => {
       />
     ));
     return routes;
-  }, [loadedStore]);
+  }, []);
   return routes;
 };