videomail-client 9.4.2 → 9.5.3

package/.storybook/main.ts

@@ -0,0 +1,25 @@
+import type { StorybookConfig } from "storybook-html-rsbuild";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-a11y",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "storybook-html-rsbuild",
+    options: {
+      builder: {
+        rsbuildConfigPath: "etc/rsbuild/config.ts",
+      },
+    },
+  },
+  core: {
+    disableTelemetry: true,
+  },
+};
+
+export default config;

package/.storybook/manager.ts

@@ -0,0 +1,5 @@
+import { addons } from "@storybook/manager-api";
+import customTheme from "./theme";
+addons.setConfig({
+  theme: customTheme,
+});

package/.storybook/preview.ts

@@ -0,0 +1,16 @@
+import "@storybook/addon-console";
+
+import type { Preview } from "@storybook/html";
+
+const preview: Preview = {
+  parameters: {
+    options: {
+      storySort: {
+        // See https://storybook.js.org/docs/writing-stories/naming-components-and-hierarchy
+        order: ["Record", "*", "Error Handling"],
+      },
+    },
+  },
+};
+
+export default preview;

package/.storybook/theme.ts

@@ -0,0 +1,8 @@
+import { create } from "@storybook/theming";
+
+export default create({
+  base: "light",
+  brandTitle: "Videomail-Client",
+  brandUrl: "https://videomail.io",
+  brandImage: "https://videomail.io/favicon.png",
+});

package/.vscode/settings.json

@@ -13,7 +13,6 @@
   "cSpell.words": [
     "animitter",
     "autobuffer",
-    "browserstack",
     "bytediff",
     "classlist",
     "crossorigin",
@@ -32,6 +31,7 @@
     "playsinline",
     "plusplus",
     "preend",
+    "rsbuild",
     "rubberband",
     "Seeflow's",
     "styl",

package/README.md

@@ -4,15 +4,12 @@
 
 [![npm][npm-image]][npm-url]
 [![downloads][downloads-image]][downloads-url]
-[![browserstack][browserstack-image]][browserstack-url]
 [![Netlify Status](https://api.netlify.com/api/v1/badges/3c9df5b4-8b85-4081-950a-d5df2dbd9926/deploy-status)](https://app.netlify.com/sites/videomail-client/deploys)
 
 [npm-image]: https://img.shields.io/npm/v/videomail-client.svg?style=flat
 [npm-url]: https://npmjs.org/package/videomail-client
 [downloads-image]: https://img.shields.io/npm/dm/videomail-client.svg?style=flat
 [downloads-url]: https://npmjs.org/package/videomail-client
-[browserstack-url]: https://www.browserstack.com
-[browserstack-image]: https://raw.githubusercontent.com/binarykitchen/videomail-client/develop/browserstack.png
 
 Record videos in contact forms!
 
@@ -34,7 +31,7 @@ Finally you can encode any webcam recordings from modern browsers and mobiles in
 
 ## Prototype (examples)
 
-To run the prototype full of examples in your browser with Gulp, just do:
+To run the prototype full of examples in your browser, just do:
 
 1. `npm install`
 2. `npm run watch` to ignite a static server and
@@ -417,8 +414,6 @@ These guys helped and/or inspired me for this mad project:
 
 They all deserve lots of beer and love. That order is irrelevant.
 
-And yes, one more thing: because it is very crucial to make videomail-client work on all browsers, I cannot emphasize enough how important it is to have [Browserstack](https://www.browserstack.com/) - for instant, live end-to-end tests on any browser or mobile device. Thanks guys!
-
 ### Code quality
 
 I admit, code isn't top notch and needs lots of rewrites. Believe me or not, I already rewrote about three times in the last four years. Good example that software hardly can be perfect. And since I am already honest here, I think stability and bug fixes come first before perfection otherwise you'll loose users. Reality you know.

package/chromatic.config.json

@@ -0,0 +1,5 @@
+{
+  "onlyChanged": true,
+  "projectId": "Project:66fdd7378c034161818e3c8c",
+  "zip": true
+}

package/etc/rsbuild/config.ts

@@ -0,0 +1,31 @@
+import { defineConfig } from "@rsbuild/core";
+import { pluginNodePolyfill } from "@rsbuild/plugin-node-polyfill";
+import { pluginStylus } from "@rsbuild/plugin-stylus";
+
+import { tsEntry } from "./paths";
+import { NodeEnvType } from "../../src/types/env";
+import isProductionMode from "../../src/util/isProductionMode";
+
+export default defineConfig({
+  mode: isProductionMode() ? NodeEnvType.PRODUCTION : NodeEnvType.DEVELOPMENT,
+  output: {
+    target: "web",
+    filenameHash: false,
+    injectStyles: true,
+    legalComments: "none",
+  },
+  source: {
+    entry: {
+      index: tsEntry,
+    },
+  },
+  plugins: [pluginStylus(), pluginNodePolyfill()],
+  tools: {
+    htmlPlugin: false,
+  },
+  performance: {
+    chunkSplit: {
+      strategy: "all-in-one",
+    },
+  },
+});

package/etc/rsbuild/paths.ts

@@ -0,0 +1,11 @@
+import fs from "fs";
+import path from "path";
+
+const rootDir = fs.realpathSync(process.cwd());
+
+const resolvePath = (relativePath: string) => path.resolve(rootDir, relativePath);
+
+const srcDir = resolvePath("src");
+const tsEntry = resolvePath(path.join(srcDir, "index.ts"));
+
+export { tsEntry };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "9.4.2",
+  "version": "9.5.3",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",