fix: preserve stories order

core/loader/src/loader.ts

@@ -8,13 +8,12 @@ import {
   parseStories,
 } from '@component-controls/instrument';
 
-import { reserveStoriesDoc, addStoriesDoc } from './store';
+import { addStoriesDoc } from './store';
 
 module.exports.pitch = async function() {
   const options: InstrumentOptions = getOptions(this) || {};
   const context = this as loader.LoaderContext;
   const filePath = this.resource;
-  reserveStoriesDoc(filePath);
   const source = fs.readFileSync(filePath, 'utf8');
   const { transformed, ...store } = await parseStories(
     source,

core/loader/src/runtimeLoader.ts

@@ -1,7 +1,7 @@
 import { loadConfiguration, extractStories } from '@component-controls/config';
 import { stringifyRequest } from 'loader-utils';
 import { replaceSource, StoryPath } from './replaceSource';
-import { store } from './store';
+import { store, reserveStories } from './store';
 
 module.exports = function(content: string) {
   //@ts-ignore
@@ -11,14 +11,15 @@ module.exports = function(content: string) {
   store.config = config?.optionsFilePath
     ? require(config?.optionsFilePath)
     : undefined;
+
   const stories: StoryPath[] = (config ? extractStories(config) || [] : []).map(
     fileName => ({
       absPath: fileName,
       //@ts-ignore
       relPath: stringifyRequest(this, fileName),
     }),
   );
-
+  reserveStories(stories.map(story => story.absPath));
   content = replaceSource(
     stories,
     config?.optionsFilePath,

core/loader/src/store.ts

@@ -30,8 +30,8 @@ export const store: LoadingStore = {
   packages: {},
 };
 
-export const reserveStoriesDoc = (filePath: string) => {
-  store.stores.push({ filePath });
+export const reserveStories = (filePaths: string[]) => {
+  filePaths.forEach(filePath => store.stores.push({ filePath }));
 };
 export const addStoriesDoc = (filePath: string, added: LoadingDocStore) => {
   const { components, packages, stories, doc } = added;