@rimori/playwright-testing 0.3.21-next.1 → 0.3.21-next.2

package/dist/core/RimoriTestEnvironment.d.ts

@@ -41,12 +41,24 @@ interface MockOptions {
 export declare class RimoriTestEnvironment {
     private readonly page;
     private readonly pluginId;
+    private readonly pluginUrl;
     private rimoriInfo;
     private backendRoutes;
     private supabaseRoutes;
     private messageChannelSimulator;
     private settingsManager;
     constructor(options: RimoriTestEnvironmentOptions);
+    /**
+     * Fetches the plugin's standalone `dist/index.html` over HTTP (served by the plugin
+     * dev server's middleware at `/__rimori_dist_index__.html`) and extracts its
+     * `<link rel="stylesheet">` tags. The hrefs already point at `/assets/*` which the
+     * same dev server serves from `dist/`, so the harness page picks up the plugin's
+     * Tailwind base + theme without any filesystem path resolution.
+     *
+     * Returns empty string if the plugin hasn't been built (`yarn build:scenario`)
+     * or the dev server doesn't expose `/__rimori_dist_index__.html`.
+     */
+    private collectPluginStylesheets;
     private interceptRoutes;
     setup(): Promise<void>;
     private getRimoriInfo;
@@ -466,6 +478,23 @@ export declare class RimoriTestEnvironment {
     };
     readonly navigation: {
         mockToDashboard: () => void;
+        /**
+         * Navigates to a path inside the federated plugin via the scenario harness.
+         * The harness URL (`<pluginUrl>/__rimori_harness__.html`) is the base; whatever
+         * is passed in `route` is appended verbatim. Tests are responsible for the
+         * leading `#/` (HashRouter) or `/` (future BrowserRouter) so the same helper
+         * works regardless of which router the plugin uses.
+         *
+         * @param route - Suffix appended to the harness URL (e.g. `#/`, `#/deck/1`).
+         */
+        to: (route?: string) => Promise<void>;
+        /**
+         * Returns the part of the current URL that follows the harness base
+         * (`<pluginUrl>/__rimori_harness__.html`). For HashRouter this includes the
+         * leading `#/...`; for BrowserRouter it would be the path/query.
+         * Returns an empty string if the page isn't currently on the harness URL.
+         */
+        get: () => string;
     };
 }
 export {};

package/dist/core/RimoriTestEnvironment.js

@@ -1,9 +1,50 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RimoriTestEnvironment = void 0;
 const default_user_info_1 = require("../fixtures/default-user-info");
 const MessageChannelSimulator_1 = require("./MessageChannelSimulator");
 const SettingsStateManager_1 = require("./SettingsStateManager");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+// Harness served by interceptRoutes so scenario tests can exercise the real
+// federation boundary (./MainPanel expose + singleton dedup) instead of the
+// standalone App.tsx. Built from src/harness/ via harness.vite.config.ts.
+const HARNESS_DIR = path.resolve(__dirname, '..', '..', 'dist', 'harness');
+const HARNESS_HTML_URL = '/__rimori_harness__.html';
+const HARNESS_ASSETS_PREFIX = '/__rimori_harness__/';
 class RimoriTestEnvironment {
     constructor(options) {
         this.backendRoutes = {};
@@ -556,15 +597,121 @@ class RimoriTestEnvironment {
         };
         this.navigation = {
             mockToDashboard: () => { },
+            /**
+             * Navigates to a path inside the federated plugin via the scenario harness.
+             * The harness URL (`<pluginUrl>/__rimori_harness__.html`) is the base; whatever
+             * is passed in `route` is appended verbatim. Tests are responsible for the
+             * leading `#/` (HashRouter) or `/` (future BrowserRouter) so the same helper
+             * works regardless of which router the plugin uses.
+             *
+             * @param route - Suffix appended to the harness URL (e.g. `#/`, `#/deck/1`).
+             */
+            to: async (route = '') => {
+                await this.page.goto(`${this.pluginUrl}/__rimori_harness__.html${route}`);
+            },
+            /**
+             * Returns the part of the current URL that follows the harness base
+             * (`<pluginUrl>/__rimori_harness__.html`). For HashRouter this includes the
+             * leading `#/...`; for BrowserRouter it would be the path/query.
+             * Returns an empty string if the page isn't currently on the harness URL.
+             */
+            get: () => {
+                const url = this.page.url();
+                const base = `${this.pluginUrl}/__rimori_harness__.html`;
+                return url.startsWith(base) ? url.slice(base.length) : '';
+            },
         };
         this.page = options.page;
         this.pluginId = options.pluginId;
+        this.pluginUrl = options.pluginUrl;
         this.rimoriInfo = this.getRimoriInfo(options);
         // Initialize settings state manager
         this.settingsManager = new SettingsStateManager_1.SettingsStateManager(options.settings || null, options.pluginId, this.rimoriInfo.guild.id);
         this.interceptRoutes(options.pluginUrl);
     }
+    /**
+     * Fetches the plugin's standalone `dist/index.html` over HTTP (served by the plugin
+     * dev server's middleware at `/__rimori_dist_index__.html`) and extracts its
+     * `<link rel="stylesheet">` tags. The hrefs already point at `/assets/*` which the
+     * same dev server serves from `dist/`, so the harness page picks up the plugin's
+     * Tailwind base + theme without any filesystem path resolution.
+     *
+     * Returns empty string if the plugin hasn't been built (`yarn build:scenario`)
+     * or the dev server doesn't expose `/__rimori_dist_index__.html`.
+     */
+    async collectPluginStylesheets(pluginUrl) {
+        const indexUrl = `${pluginUrl}/__rimori_dist_index__.html`;
+        try {
+            const response = await fetch(indexUrl);
+            if (!response.ok) {
+                console.warn(`[rimori-harness] Plugin index.html not served at ${indexUrl} (status ${response.status}). ` +
+                    `Ensure the plugin's vite.config.ts middleware serves it from dist/, and that ` +
+                    `\`yarn build:scenario\` has been run.`);
+                return '';
+            }
+            const html = await response.text();
+            const linkRegex = /<link[^>]*rel=["']stylesheet["'][^>]*>/gi;
+            const links = html.match(linkRegex) ?? [];
+            const rewritten = links
+                .map((tag) => tag.replace(/href=["']\.?\/?(assets\/[^"']+)["']/i, 'href="/$1"'))
+                .join('\n    ');
+            // console.log(`[rimori-harness] Injecting ${links.length} plugin stylesheet(s) from ${indexUrl}`);
+            return rewritten;
+        }
+        catch (err) {
+            console.warn(`[rimori-harness] Failed to fetch ${indexUrl}:`, err.message);
+            return '';
+        }
+    }
     interceptRoutes(pluginUrl) {
+        // HTML entry — inject the runtime config and serve the built index.html.
+        // Script references already use absolute paths (base: '/__rimori_harness__/')
+        // so the browser fetches them via the assets wildcard handler below.
+        this.page.route(`${pluginUrl}${HARNESS_HTML_URL}`, async (route) => {
+            try {
+                const htmlPath = path.join(HARNESS_DIR, 'index.html');
+                if (!fs.existsSync(htmlPath)) {
+                    throw new Error(`Harness bundle missing at ${HARNESS_DIR}. Run \`yarn --cwd plugins/playwright-testing build:harness\` first.`);
+                }
+                const configScript = `<script>window.__RIMORI_HARNESS__ = ${JSON.stringify({
+                    pluginId: this.pluginId,
+                    remoteUrl: `${pluginUrl}/remoteEntry.js`,
+                })};</script>`;
+                // Lift `<link rel="stylesheet">` tags from the plugin's standalone dist/index.html
+                // so the harness page picks up the same Tailwind base + theme variables that
+                // production rimori-main provides. The plugin's vite dev-server middleware already
+                // serves /assets/* from dist/, so the (rewritten-to-absolute) hrefs resolve same-origin.
+                const pluginStylesheets = await this.collectPluginStylesheets(pluginUrl);
+                const html = fs.readFileSync(htmlPath, 'utf-8')
+                    .replace('<!-- RIMORI_HARNESS_CONFIG_INJECTION -->', configScript)
+                    .replace('</head>', `${pluginStylesheets}\n</head>`);
+                await route.fulfill({ status: 200, headers: { 'Content-Type': 'text/html; charset=utf-8' }, body: html });
+            }
+            catch (error) {
+                await route.fulfill({ status: 500, headers: { 'Content-Type': 'text/plain' }, body: String(error?.message ?? error) });
+            }
+        });
+        // Assets wildcard — serve any JS/CSS chunk that the federation host build emitted.
+        // Vite emits files like bootstrap.js, vendor chunks, CSS, etc. all into dist/harness/.
+        this.page.route(`${pluginUrl}${HARNESS_ASSETS_PREFIX}**`, async (route) => {
+            try {
+                const url = new URL(route.request().url());
+                const fileName = url.pathname.slice(HARNESS_ASSETS_PREFIX.length);
+                const filePath = path.join(HARNESS_DIR, fileName);
+                if (!fs.existsSync(filePath)) {
+                    await route.continue();
+                    return;
+                }
+                const ext = path.extname(fileName);
+                const contentType = ext === '.js' ? 'application/javascript; charset=utf-8'
+                    : ext === '.css' ? 'text/css; charset=utf-8'
+                        : 'application/octet-stream';
+                await route.fulfill({ status: 200, headers: { 'Content-Type': contentType }, body: fs.readFileSync(filePath) });
+            }
+            catch (error) {
+                await route.fulfill({ status: 500, headers: { 'Content-Type': 'text/plain' }, body: String(error?.message ?? error) });
+            }
+        });
         // Intercept all /locales requests and fetch from the dev server
         this.page.route(`${pluginUrl}/locales/**`, async (route) => {
             const request = route.request();

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare___mf_0_rimori_mf_1_client__loadShare__.js.js

@@ -0,0 +1 @@
+const n="__mf_init____mf__virtual/__mfe_internal__rimori_mf_2_scenario_mf_2_host__mf_v__runtimeInit__mf_v__.js__";let i=globalThis[n];if(!i){let e,t;const o=new Promise((r,f)=>{e=r,t=f});i=globalThis[n]={initPromise:o,initResolve:e,initReject:t},typeof window>"u"&&e({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const s=i.initPromise,m=s.then(e=>e.loadShare("@rimori/client",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^2.5.34-next.0"}}})),_=await m.then(e=>typeof e=="function"?e():e);_.__esModule?_.default:_.default;const{setupWorker:l,AudioController:a,Translator:u,TIER_ORDER:d,ROLE_ORDER:c,StorageModule:g,EventBusHandler:v,EventBus:R,RimoriClient:h,StandaloneClient:P,MessageSender:S,getDifficultyLevel:b,getDifficultyLabel:p,getNeighborDifficultyLevel:E,compareLanguageLevels:L,RimoriCommunicationHandler:C}=_;export{P as _,h as a,v as b,R as c,a as d,S as e};

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare___mf_0_rimori_mf_1_react_mf_2_client__loadShare__.js.js

@@ -0,0 +1 @@
+const o="__mf_init____mf__virtual/__mfe_internal__rimori_mf_2_scenario_mf_2_host__mf_v__runtimeInit__mf_v__.js__";let i=globalThis[o];if(!i){let _,t;const n=new Promise((r,s)=>{_=r,t=s});i=globalThis[o]={initPromise:n,initResolve:_,initReject:t},typeof window>"u"&&_({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const m=i.initPromise,f=m.then(_=>_.loadShare("@rimori/react-client",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^0.4.21"}}})),e=await f.then(_=>typeof _=="function"?_():_);e.__esModule?e.default:e.default;const{useTranslation:a,Avatar:l,BuddyAssistant:u,VoiceRecorder:d,MarkdownEditor:c,extractImageUrls:P,injectFederationCss:h,useChat:v,useSettings:g,useExerciseTracker:p,PluginProvider:w,useRimori:R,AudioPlayOptions:S,AudioPlayer:x}=e;export{w as _};

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react__loadShare__.js.js

@@ -0,0 +1 @@
+function i(e,n){for(var f=0;f<n.length;f++){const _=n[f];if(typeof _!="string"&&!Array.isArray(_)){for(const t in _)if(t!=="default"&&!(t in e)){const r=Object.getOwnPropertyDescriptor(_,t);r&&Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>_[t]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}const a="__mf_init____mf__virtual/__mfe_internal__rimori_mf_2_scenario_mf_2_host__mf_v__runtimeInit__mf_v__.js__";let o=globalThis[a];if(!o){let e,n;const f=new Promise((_,t)=>{e=_,n=t});o=globalThis[a]={initPromise:f,initResolve:e,initReject:n},typeof window>"u"&&e({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const m=o.initPromise,u=m.then(e=>e.loadShare("react",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^19.2.5"}}})),s=await u.then(e=>typeof e=="function"?e():e),c=s,l=s.__esModule?s.default:s.default??s,{Activity:d,Children:E,Component:S,Fragment:R,Profiler:h,PureComponent:p,StrictMode:C,Suspense:g,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:P,__COMPILER_RUNTIME:T,cache:N,cacheSignal:O,cloneElement:b,createContext:v,createElement:y,createRef:I,forwardRef:A,isValidElement:M,lazy:x,memo:D,startTransition:L,unstable_useCacheRefresh:U,use:V,useActionState:j,useCallback:w,useContext:k,useDebugValue:H,useDeferredValue:z,useEffect:G,useEffectEvent:F,useId:W,useImperativeHandle:Y,useInsertionEffect:q,useLayoutEffect:K,useMemo:B,useOptimistic:J,useReducer:Q,useRef:X,useState:Z,useSyncExternalStore:$,useTransition:ee,version:_e}=s,te=i({__proto__:null,Activity:d,Children:E,Component:S,Fragment:R,Profiler:h,PureComponent:p,StrictMode:C,Suspense:g,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:P,__COMPILER_RUNTIME:T,cache:N,cacheSignal:O,cloneElement:b,createContext:v,createElement:y,createRef:I,default:l,forwardRef:A,isValidElement:M,lazy:x,memo:D,startTransition:L,unstable_useCacheRefresh:U,use:V,useActionState:j,useCallback:w,useContext:k,useDebugValue:H,useDeferredValue:z,useEffect:G,useEffectEvent:F,useId:W,useImperativeHandle:Y,useInsertionEffect:q,useLayoutEffect:K,useMemo:B,useOptimistic:J,useReducer:Q,useRef:X,useState:Z,useSyncExternalStore:$,useTransition:ee,version:_e},[c]);export{l as R,te as _,Z as a,X as b,G as c,k as d,v as e,w as f,K as g,A as h,Y as i,B as j,H as k,$ as l};

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react__loadShare__.js_commonjs-proxy.js

@@ -0,0 +1 @@
+import{_ as u}from"./__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react__loadShare__.js.js";function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function a(e){if(e.__esModule)return e;var o=e.default;if(typeof o=="function"){var t=function r(){return this instanceof r?Reflect.construct(o,arguments,this.constructor):o.apply(this,arguments)};t.prototype=o.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}),t}const f=a(u);export{c as a,a as g,f as r};

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js.js

@@ -0,0 +1 @@
+const t="__mf_init____mf__virtual/__mfe_internal__rimori_mf_2_scenario_mf_2_host__mf_v__runtimeInit__mf_v__.js__";let i=globalThis[t];if(!i){let e,n;const o=new Promise((s,r)=>{e=s,n=r});i=globalThis[t]={initPromise:o,initResolve:e,initReject:n},typeof window>"u"&&e({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const m=i.initPromise,f=m.then(e=>e.loadShare("react/jsx-runtime",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^19.2.5"}}})),_=await f.then(e=>typeof e=="function"?e():e);_.__esModule?_.default:_.default;const{Fragment:a,jsx:l,jsxs:u}=_;export{l as _,u as a,a as b};

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react_mf_2_dom__loadShare__.js.js

@@ -0,0 +1 @@
+function f(e,o){for(var n=0;n<o.length;n++){const _=o[n];if(typeof _!="string"&&!Array.isArray(_)){for(const t in _)if(t!=="default"&&!(t in e)){const i=Object.getOwnPropertyDescriptor(_,t);i&&Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>_[t]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}const a="__mf_init____mf__virtual/__mfe_internal__rimori_mf_2_scenario_mf_2_host__mf_v__runtimeInit__mf_v__.js__";let s=globalThis[a];if(!s){let e,o;const n=new Promise((_,t)=>{e=_,o=t});s=globalThis[a]={initPromise:n,initResolve:e,initReject:o},typeof window>"u"&&e({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const m=s.initPromise,l=m.then(e=>e.loadShare("react-dom",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^19.2.5"}}})),r=await l.then(e=>typeof e=="function"?e():e),u=r,c=r.__esModule?r.default:r.default??r,{__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:d,createPortal:p,flushSync:S,preconnect:h,prefetchDNS:R,preinit:O,preinitModule:N,preload:P,preloadModule:b,requestFormReset:g,unstable_batchedUpdates:E,useFormState:T,useFormStatus:v,version:y}=r,A=f({__proto__:null,__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:d,createPortal:p,default:c,flushSync:S,preconnect:h,prefetchDNS:R,preinit:O,preinitModule:N,preload:P,preloadModule:b,requestFormReset:g,unstable_batchedUpdates:E,useFormState:T,useFormStatus:v,version:y},[u]);export{c as R,A as _};

package/dist/harness/__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react_mf_2_dom__loadShare__.js_commonjs-proxy.js

@@ -0,0 +1 @@
+import{g as _}from"./__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react__loadShare__.js_commonjs-proxy.js";import{_ as r}from"./__mfe_internal__rimori_mf_2_scenario_mf_2_host__loadShare__react_mf_2_dom__loadShare__.js.js";const m=_(r);export{m as r};

package/dist/harness/hostInit.js

@@ -0,0 +1 @@
+import{_ as t}from"./preload-helper.js";const i=await t(()=>import("./remoteEntry.js"),[]);await i.init();