feat: hmr

core/loader/src/loader.ts

@@ -1,3 +1,5 @@
+import * as fs from 'fs';
+import * as path from 'path';
 import { getOptions } from 'loader-utils';
 import { parseCSF, parseMDX } from '@component-controls/instrument';
 import { LoaderOptions } from './types';
@@ -16,6 +18,9 @@ module.exports.default = async function(source: string) {
       break;
   }
   if (stories) {
+    const time = new Date();
+    const fileName = path.join(__dirname, 'story-store-data.js');
+    fs.utimesSync(fileName, time, time);
     addStoriesKind(stories);
   }
   return source;

core/loader/src/runtimeLoader.ts

@@ -1,9 +1,18 @@
 /* eslint-disable mdx/no-unused-expressions */
+import { createHash } from 'crypto';
+
 module.exports = function(content: string) {
   //@ts-ignore
   this.cacheable && this.cacheable();
   //@ts-ignore
   const params = JSON.parse(this.query.slice(1));
   content = content.replace(/__STORIES_HASH__/g, params.compilationHash);
-  return content;
+  const hash = createHash('md5')
+    .update(new Date().getTime().toString())
+    .digest('hex');
+
+  return `
+  module.exports.hash = "${hash}";
+  ${content}
+`;
 };

core/loader/src/story-store-data.ts

@@ -1,15 +1,11 @@
-import { StoryStore } from './types';
-
 const injectedStories = '__STORIES_HASH__INJECTED_STORIES__';
 
-type StringifyFunction = () => StoryStore | undefined;
-
-const storyStore: StringifyFunction = () => {
+const storyStore = () => {
   if (injectedStories) {
     const store = JSON.parse(injectedStories);
     return store;
   }
   return undefined;
 };
 
-export default storyStore;
+export default storyStore();

integrations/storybook/src/config-legacy.ts

@@ -43,7 +43,7 @@ addDecorator(
             storyId: string;
             controls: ComponentControls;
           }[] = [];
-          const injectedStoryStore = myStoryStore();
+          const injectedStoryStore = myStoryStore;
           Object.keys(storyStore._data).forEach((id: string) => {
             const story = storyStore._data[id];
             const parameters = story.parameters || {};