storybook_vitest_addon 0.0.1

package/.babelrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  presets: [
+    "@babel/preset-env",
+    "@babel/preset-typescript",
+    "@babel/preset-react",
+  ],
+  env: {
+    esm: {
+      presets: [
+        [
+          "@babel/preset-env",
+          {
+            modules: false,
+          },
+        ],
+      ],
+    },
+  },
+};

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# v0.0.1 (Sun Mar 27 2022)
+
+#### ⚠️ Pushed to `main`
+
+- remove postinstall script (krzysztof.radomski@netigate.se)
+- initial commit (krzysztof.radomski@netigate.se)
+- project setup (krzysztof.radomski@netigate.se)
+- Initial commit ([@krzysztofradomski](https://github.com/krzysztofradomski))
+
+#### Authors: 2
+
+- Krzysztof "Chris" Radomski ([@krzysztofradomski](https://github.com/krzysztofradomski))
+- Krzysztof Radomski (krzysztof.radomski@netigate.se)

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Storybook contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,21 @@
+Addon meant to display Vitest unit test results in a new Stoybook panel. Developed and tested with React.
+
+Example usage:
+
+```
+// Component.stories.tsx
+
+import vitestResults from "./unit-test-results.json";
+/.../
+export default {
+  title: "Example/Component",
+  component: Header,
+  parameters: {
+    vitest: {
+      testFile: "Header.test.tsx",
+       results: vitestResults,
+    },
+  },
+};
+/.../
+```

package/dist/cjs/Panel.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _api = require("@storybook/api");
+
+var _constants = require("./constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var VitestPanel = function VitestPanel() {
+  var _json$testResults;
+
+  var params = (0, _api.useParameter)(_constants.PARAM_KEY, null);
+  var fileName = (params === null || params === void 0 ? void 0 : params.testFile) || null;
+  var json = (params === null || params === void 0 ? void 0 : params.results) || null;
+  var data = json === null || json === void 0 ? void 0 : (_json$testResults = json.testResults) === null || _json$testResults === void 0 ? void 0 : _json$testResults.filter(function (t) {
+    return t.testFilePath.includes(fileName);
+  }).map(function (t) {
+    return {
+      status: t.status,
+      displayName: t.displayName
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement("ul", null, !data && /*#__PURE__*/_react["default"].createElement("li", null, "No test results file available"), (data === null || data === void 0 ? void 0 : data.length) == 0 && /*#__PURE__*/_react["default"].createElement("li", null, "No tests found"), data === null || data === void 0 ? void 0 : data.map(function (d) {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: d.displayName
+    }, /*#__PURE__*/_react["default"].createElement("p", null, d.displayName, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: d.status === "pass" ? "green" : "red"
+      }
+    }, d.status)));
+  }));
+};
+
+var _default = VitestPanel;
+exports["default"] = _default;

package/dist/cjs/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PARAM_KEY = exports.PANEL_ID = exports.ADDON_ID = void 0;
+var ADDON_ID = "storybook/vitest";
+exports.ADDON_ID = ADDON_ID;
+var PANEL_ID = "".concat(ADDON_ID, "/panel");
+exports.PANEL_ID = PANEL_ID;
+var PARAM_KEY = "vitest";
+exports.PARAM_KEY = PARAM_KEY;

package/dist/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline();
+} // make it work with --isolatedModules
+
+
+var _default = {};
+exports["default"] = _default;

package/dist/cjs/preset/manager.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _addons = require("@storybook/addons");
+
+var _constants = require("../constants");
+
+var _Panel = _interopRequireDefault(require("../Panel"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_addons.addons.register(_constants.ADDON_ID, function () {
+  _addons.addons.add(_constants.PANEL_ID, {
+    type: _addons.types.PANEL,
+    title: "Tests results",
+    match: function match(_ref) {
+      var viewMode = _ref.viewMode;
+      return viewMode === "story";
+    },
+    render: _Panel["default"]
+  });
+});

package/dist/cjs/preset/preview.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.decorators = void 0;
+var decorators = [];
+exports.decorators = decorators;

package/dist/cjs/typings.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/esm/Panel.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { useParameter } from "@storybook/api";
+import { PARAM_KEY } from "./constants";
+
+var VitestPanel = function VitestPanel() {
+  var _json$testResults;
+
+  var params = useParameter(PARAM_KEY, null);
+  var fileName = (params === null || params === void 0 ? void 0 : params.testFile) || null;
+  var json = (params === null || params === void 0 ? void 0 : params.results) || null;
+  var data = json === null || json === void 0 ? void 0 : (_json$testResults = json.testResults) === null || _json$testResults === void 0 ? void 0 : _json$testResults.filter(function (t) {
+    return t.testFilePath.includes(fileName);
+  }).map(function (t) {
+    return {
+      status: t.status,
+      displayName: t.displayName
+    };
+  });
+  return /*#__PURE__*/React.createElement("ul", null, !data && /*#__PURE__*/React.createElement("li", null, "No test results file available"), (data === null || data === void 0 ? void 0 : data.length) == 0 && /*#__PURE__*/React.createElement("li", null, "No tests found"), data === null || data === void 0 ? void 0 : data.map(function (d) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: d.displayName
+    }, /*#__PURE__*/React.createElement("p", null, d.displayName, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: d.status === "pass" ? "green" : "red"
+      }
+    }, d.status)));
+  }));
+};
+
+export default VitestPanel;

package/dist/esm/constants.js

@@ -0,0 +1,3 @@
+export var ADDON_ID = "storybook/vitest";
+export var PANEL_ID = "".concat(ADDON_ID, "/panel");
+export var PARAM_KEY = "vitest";

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline();
+} // make it work with --isolatedModules
+
+
+export default {};

package/dist/esm/preset/manager.js

@@ -0,0 +1,14 @@
+import { addons, types } from "@storybook/addons";
+import { ADDON_ID, PANEL_ID } from "../constants";
+import Panel from "../Panel";
+addons.register(ADDON_ID, function () {
+  addons.add(PANEL_ID, {
+    type: types.PANEL,
+    title: "Tests results",
+    match: function match(_ref) {
+      var viewMode = _ref.viewMode;
+      return viewMode === "story";
+    },
+    render: Panel
+  });
+});

package/dist/esm/preset/preview.js

@@ -0,0 +1 @@
+export var decorators = [];

package/dist/esm/typings.d.js

@@ -0,0 +1 @@
+export {};

package/dist/ts/Panel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const VitestPanel: () => JSX.Element;
+export default VitestPanel;

package/dist/ts/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ADDON_ID = "storybook/vitest";
+export declare const PANEL_ID: string;
+export declare const PARAM_KEY = "vitest";

package/dist/ts/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/ts/preset/manager.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts/preset/preview.d.ts

@@ -0,0 +1 @@
+export declare const decorators: any[];

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "storybook_vitest_addon",
+  "version": "0.0.1",
+  "description": "Adds a panel to display Vitest unit test results",
+  "keywords": [
+    "storybook-addons",
+    "vitest",
+    "storybook-addons"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/krzysztofradomski/storybook-addon-vitest"
+  },
+  "author": "Krzysztof Radomski <krzysztof@radomski.io>",
+  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/ts/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "clean": "rimraf ./dist",
+    "buildBabel": "concurrently \"yarn buildBabel:cjs\" \"yarn buildBabel:esm\"",
+    "buildBabel:cjs": "babel ./src -d ./dist/cjs --extensions \".js,.jsx,.ts,.tsx\"",
+    "buildBabel:esm": "babel ./src -d ./dist/esm --env-name esm --extensions \".js,.jsx,.ts,.tsx\"",
+    "buildTsc": "tsc --declaration --emitDeclarationOnly --outDir ./dist/ts",
+    "prebuild": "yarn clean",
+    "build": "concurrently \"yarn buildBabel\" \"yarn buildTsc\"",
+    "build:watch": "concurrently \"yarn buildBabel:esm -- --watch\" \"yarn buildTsc -- --watch\"",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "start-storybook -p 6006",
+    "start": "concurrently \"yarn build:watch\" \"yarn storybook -- --no-manager-cache --quiet\"",
+    "build-storybook": "build-storybook",
+    "prerelease": "zx scripts/prepublish-checks.mjs",
+    "release": "yarn build && auto shipit",
+    "eject-ts": "zx scripts/eject-typescript.mjs"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.12.1",
+    "@babel/core": "^7.12.3",
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.5",
+    "@babel/preset-typescript": "^7.13.0",
+    "@storybook/addon-essentials": "^6.4.0",
+    "@storybook/react": "^6.4.0",
+    "auto": "^10.3.0",
+    "babel-loader": "^8.1.0",
+    "boxen": "^5.0.1",
+    "concurrently": "^6.2.0",
+    "dedent": "^0.7.0",
+    "prettier": "^2.3.1",
+    "prop-types": "^15.7.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.2.4",
+    "zx": "^1.14.1"
+  },
+  "peerDependencies": {
+    "@storybook/addons": "^6.4.0",
+    "@storybook/api": "^6.4.0",
+    "@storybook/components": "^6.4.0",
+    "@storybook/core-events": "^6.4.0",
+    "@storybook/theming": "^6.4.0",
+    "react": "^16.8.0 || ^17.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "storybook": {
+    "displayName": "Storybook Vitest",
+    "supportedFrameworks": [
+      "react"
+    ],
+    "icon": "https://user-images.githubusercontent.com/321738/63501763-88dbf600-c4cc-11e9-96cd-94adadc2fd72.png"
+  },
+  "dependencies": {}
+}

package/preset.js

@@ -0,0 +1,12 @@
+function config(entry = []) {
+  return [...entry, require.resolve("./dist/esm/preset/preview")];
+}
+
+function managerEntries(entry = []) {
+  return [...entry, require.resolve("./dist/esm/preset/manager")];
+}
+
+module.exports = {
+  managerEntries,
+  config,
+};