fix: store external module

core/webpack-compile/src/externals-config.ts

@@ -44,7 +44,7 @@ export const defaultExternals: ExternalProps[] = [
   { lib: '@theme-ui/css' },
 
   { lib: '@component-controls/core' },
-  { lib: '@component-controls/loader' },
+  { lib: '@component-controls/store' },
   { lib: '@component-controls/blocks' },
   { lib: '@component-controls/components' },
 

examples/starter/.config/buildtime.js

@@ -1,5 +1,16 @@
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
 module.exports = {
   stories: [
     '../src/docs/*.@(mdx|tsx)',
   ],
+  webpack: (config = {}, options = {}) => {
+    return {
+      ...config,
+      plugins: [
+        ...config.plugins,
+        // new BundleAnalyzerPlugin()
+      ]
+    };
+  },
 };

examples/starter/package.json

@@ -23,6 +23,7 @@
     "gatsby": "^2.23.11",
     "next": "^9.5.0",
     "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "react-dom": "^16.13.1",
+    "webpack-bundle-analyzer": "^3.8.0"
   }
 }

examples/starter/src/docs/first-story.stories.tsx

@@ -1,12 +1,14 @@
 import React from 'react';
+import { useStore } from '@component-controls/store';
 import { Button, ButtonProps } from '../components/Button';
 
 export default {
   title: 'Library/Components/Button',
 };
 
-export const overview = (props: ButtonProps) => (
-  <Button {...props}>click me</Button>
-);
+export const overview = (props: ButtonProps) => {
+  const store = useStore();
+  return <Button {...props}>{store.config.siteTitle}</Button>;
+};
 
 overview.component = Button;

yarn.lock

@@ -22325,7 +22325,7 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webpack-bundle-analyzer@^3.7.0:
+webpack-bundle-analyzer@^3.7.0, webpack-bundle-analyzer@^3.8.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.8.0.tgz#ce6b3f908daf069fd1f7266f692cbb3bded9ba16"
   integrity sha512-PODQhAYVEourCcOuU+NiYI7WdR8QyELZGgPvB1y2tjbUpbmcQOt5Q7jEK+ttd5se0KSBKD9SXHCEozS++Wllmw==