@ornikar/jest-config-react 9.5.1 → 9.6.2

package/.eslintrc.json

@@ -1,4 +1,8 @@
 {
   "root": true,
-  "extends": ["@ornikar/eslint-config/node"]
+  "extends": ["@ornikar/eslint-config/node"],
+  "rules": {
+    "security/detect-non-literal-fs-filename": "off",
+    "security/detect-non-literal-require": "off"
+  }
 }

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.6.2](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.6.1...@ornikar/jest-config-react@9.6.2) (2022-06-20)
+
+**Note:** Version bump only for package @ornikar/jest-config-react
+
+
+
+
+
+## [9.6.1](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.6.0...@ornikar/jest-config-react@9.6.1) (2022-04-19)
+
+**Note:** Version bump only for package @ornikar/jest-config-react
+
+
+
+
+
+# [9.6.0](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.5.1...@ornikar/jest-config-react@9.6.0) (2022-04-01)
+
+
+### Features
+
+* **jest-config-react:** improve svg transformer [no issue] ([#688](https://github.com/ornikar/shared-configs/issues/688)) ([d353d0e](https://github.com/ornikar/shared-configs/commit/d353d0e5151a3e0b790fc5805bc73bf9350efd68))
+
+
+
+
+
 ## [9.5.1](https://github.com/ornikar/shared-configs/compare/@ornikar/jest-config-react@9.5.0...@ornikar/jest-config-react@9.5.1) (2022-03-29)
 
 

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@ornikar/jest-config-react",
-  "version": "9.5.1",
+  "version": "9.6.2",
   "description": "✅⚛️ jest config for react",
-  "repository": "ornikar/shared-configs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ornikar/shared-configs.git",
+    "directory": "@ornikar/jest-config-react"
+  },
   "main": "jest-preset.js",
   "license": "ISC",
   "engines": {
@@ -19,16 +23,15 @@
     "react-dom": "^16.6.3 || ^17.0.0"
   },
   "dependencies": {
-    "@ornikar/jest-config": "^7.1.4",
-    "identity-obj-proxy": "^3.0.0",
-    "jest-svg-transformer": "^1.0.0"
+    "@ornikar/jest-config": "^7.1.5",
+    "identity-obj-proxy": "^3.0.0"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.4",
+    "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "7.0.2",
     "jest": "26.6.3",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
-  "gitHead": "1b5a0d70d0312f9c1daa99b73c5b2b5c6ea1c8eb"
+  "gitHead": "ab2d4c9d4c9b8c9c610eb592330cfa99ec5c21fc"
 }

package/transformers/asset-name-transformer.js

@@ -3,8 +3,8 @@
 const path = require('path');
 
 module.exports = {
-  process(src, filename) {
-    const assetFilename = JSON.stringify(path.basename(filename));
+  process(src, filePath) {
+    const assetFilename = JSON.stringify(path.basename(filePath));
     return `module.exports = ${assetFilename};`;
   },
 };

package/transformers/svg-transformer-inline.js

@@ -1,5 +1,17 @@
 'use strict';
 
-const { process } = require('jest-svg-transformer');
+const path = require('path');
 
-exports.process = process;
+exports.process = function process(src, filePath) {
+  const assetFilename = JSON.stringify(path.basename(filePath));
+  return `
+const { jsx } = require('react/jsx-runtime');
+function JestSvgComponent(props) {
+return jsx(
+  'svg',
+  Object.assign({}, props, {'data-file-name': ${assetFilename}})
+);
+}
+module.exports = JestSvgComponent;
+          `;
+};

package/transformers/svg-transformer.js

@@ -1,9 +1,11 @@
 'use strict';
 
-const { process } = require('jest-svg-transformer');
+const path = require('path');
+const { process } = require('./svg-transformer-inline');
 
-exports.process = (src, filepath) => {
-  const content = process(src, filepath);
+exports.process = (src, filePath) => {
+  const assetFilename = JSON.stringify(path.basename(filePath));
+  const content = process(src, filePath);
   return content.replace(
     /module.exports = (.*);/,
     `module.exports = new Proxy({}, {
@@ -12,7 +14,7 @@ exports.process = (src, filepath) => {
         return true;
       }
       if (key === 'default') {
-        return $1.name;
+        return ${assetFilename};
       }
       if (key === 'ReactComponent') {
         return $1;