react-cosmos-plugin-rspack 0.0.1

package/dist/server/userImportsLoader.cjs

@@ -0,0 +1,32 @@
+// Webpack (and therefore probably rspack) doesn't support ESM loaders:
+// https://github.com/webpack/webpack/issues/13233
+// To circumvent this we use this CJS source file that's manually copied in the
+// dist folder as part of the build process
+module.exports = async function injectUserImports() {
+  const cosmos = await import('react-cosmos');
+  const { cosmosConfig } = this.getOptions();
+
+  // This ensures this loader is invalidated whenever a new file is added to or
+  // removed from user's project, which in turn triggers findUserModulePaths
+  // to detect fixture files and finally update fixture list inside Playground.
+  // Note that while this may not be very performant, it's not the equivalent
+  // of require.context, which not only watches for file changes but also
+  // automatically bundles new files that match the watcher's query.
+  // https://github.com/webpack/webpack/issues/222#issuecomment-40691546
+  const watchDirs = cosmosConfig.watchDirs;
+  watchDirs.forEach((watchDir) => this.addContextDependency(watchDir));
+
+  const { containerQuerySelector } = cosmosConfig.dom;
+  const modulePaths = cosmos.findUserModulePaths(cosmosConfig);
+  const rendererConfig = {
+    playgroundUrl: cosmos.getPlaygroundUrl(cosmosConfig),
+    containerQuerySelector,
+  };
+  return cosmos.generateUserImports({
+    cosmosConfig,
+    modulePaths,
+    rendererConfig,
+    relativeToDir: null,
+    typeScript: false,
+  });
+};

package/dist/ui/build.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// external-global:react
+var require_react = __commonJS({
+  "external-global:react"(exports, module) {
+    module.exports = React;
+  }
+});
+
+// external-global:react-plugin
+var require_react_plugin = __commonJS({
+  "external-global:react-plugin"(exports, module) {
+    module.exports = ReactPlugin;
+  }
+});
+
+// src/ui/WebpackRendererError.tsx
+var import_react = __toESM(require_react(), 1);
+var import_react_plugin = __toESM(require_react_plugin(), 1);
+var { register, plug } = (0, import_react_plugin.createPlugin)({
+  name: "webpackRendererError"
+});
+plug("rendererError", () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "If you use a custom webpack config,", " ", /* @__PURE__ */ import_react.default.createElement("strong", null, "make sure", /* @__PURE__ */ import_react.default.createElement("br", null), "your build is generating an index.html page."));
+});
+if (true) {
+  register();
+}
+export {
+  register
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "react-cosmos-plugin-rspack",
+  "version": "0.0.1",
+  "description": "rspack plugin for React Cosmos",
+  "repository": "https://github.com/birchill/react-cosmos-plugin-rspack/",
+  "author": "Birchill, Inc.",
+  "license": "MIT",
+  "main": "./cosmos.plugin.json",
+  "files": [
+    "dist/**",
+    "cosmos.plugin.json"
+  ],
+  "type": "module",
+  "dependencies": {
+    "webpack-dev-middleware": "7.2.1",
+    "webpack-hot-middleware": "2.26.1"
+  },
+  "devDependencies": {
+    "@release-it/conventional-changelog": "8.0.1",
+    "@rspack/core": "0.7.5",
+    "@types/node": "20.14.9",
+    "@types/webpack-hot-middleware": "2.25.9",
+    "html-webpack-plugin": "5.6.0",
+    "husky": "9.0.11",
+    "knip": "5.23.3",
+    "lint-staged": "15.2.7",
+    "prettier": "3.3.2",
+    "react-cosmos": "6.1.1",
+    "react-cosmos-core": "6.1.1",
+    "react-error-overlay": "6.0.9",
+    "react-plugin": "3.0.0-alpha.4",
+    "release-it": "17.4.1",
+    "tsup": "8.1.0",
+    "typescript": "5.5.3"
+  },
+  "prettier": {
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "peerDependencies": {
+    "@rspack/core": "^0.6.0",
+    "react-cosmos": "^6.0.0",
+    "react-cosmos-dom": "^6.0.0"
+  },
+  "lint-staged": {
+    "*.{ts,json,md}": [
+      "prettier --write"
+    ]
+  },
+  "scripts": {
+    "build": "tsup && tsup --config tsup.ui.config.ts && cp src/server/rspackConfig/userImportsLoader.cjs dist/server",
+    "release": "release-it"
+  }
+}