Use Rspack context for gallery stories

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Author: heswell

vuu-ui/packages/vuu-table-extras/src/__tests__/__component__/csv-upload/CsvUpload.playwright.test.tsx

@@ -100,7 +100,7 @@ test.describe("Given a CsvUpload with rowDefaults", () => {
     mount,
     page,
   }) => {
-    await mount(<CsvUploadWithRowDefaults />);
+    await mount("TableExtras/CsvUpload/CsvUploadWithRowDefaults");
 
     await page.locator('input[type="file"]').setInputFiles({
       name: "id-only.csv",
@@ -126,7 +126,7 @@ test.describe("Given a CsvUpload with rowDefaults", () => {
     mount,
     page,
   }) => {
-    await mount(<CsvUploadWithRowDefaults />);
+    await mount("TableExtras/CsvUpload/CsvUploadWithRowDefaults");
 
     await page.locator('input[type="file"]').setInputFiles({
       name: "both-cols.csv",

vuu-ui/playwright/gallery/main.tsx

@@ -36,10 +36,11 @@ declare global {
   }
 }
 
-const stories = import.meta.glob<StoryModule>(
-  "../../showcase/src/examples/**/*.examples.{tsx,jsx}",
-  { eager: true },
-);
+const stories = import.meta.webpackContext("../../showcase/src/examples", {
+  mode: "eager",
+  recursive: true,
+  regExp: /\.examples\.(tsx|jsx)$/,
+});
 const rootElement = document.getElementById("root");
 
 if (!rootElement) {
@@ -48,19 +49,20 @@ if (!rootElement) {
 
 const storyPath = (file: string) =>
   file
-    .replace("../../showcase/src/examples/", "")
+    .replace(/^.*showcase\/src\/examples\//, "")
+    .replace(/^\.?\//, "")
     .replace(/\.examples\.\w+$/, "");
 
 async function resolveStory(storyId: string) {
   const separator = storyId.lastIndexOf("/");
   const path = storyId.slice(0, separator);
   const name = storyId.slice(separator + 1);
-  const file = Object.keys(stories).find(
+  const file = stories.keys().find(
     (candidate) =>
       storyPath(candidate) === path || storyPath(candidate).endsWith(`/${path}`),
   );
-  const storyModule = file ? stories[file] : undefined;
-  return storyModule?.[name];
+  const storyModule = file ? stories(file) : undefined;
+  return storyModule?.[name] ?? storyModule?.default?.[name];
 }
 
 let root: Root | undefined;