@parcel/transformer-svg-jsx 2.14.5-canary.3441

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present Devon Govett
+
+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/lib/SvgJsxTransformer.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _plugin() {
+  const data = require("@parcel/plugin");
+  _plugin = function () {
+    return data;
+  };
+  return data;
+}
+function _path() {
+  const data = _interopRequireDefault(require("path"));
+  _path = function () {
+    return data;
+  };
+  return data;
+}
+function _utils() {
+  const data = require("@parcel/utils");
+  _utils = function () {
+    return data;
+  };
+  return data;
+}
+function _diagnostic() {
+  const data = _interopRequireWildcard(require("@parcel/diagnostic"));
+  _diagnostic = function () {
+    return data;
+  };
+  return data;
+}
+function _rust() {
+  const data = require("@parcel/rust");
+  _rust = function () {
+    return data;
+  };
+  return data;
+}
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = new (_plugin().Transformer)({
+  async loadConfig({
+    config,
+    options
+  }) {
+    var _svgrResult$contents;
+    let svgrResult = await config.getConfig(['.svgrrc', '.svgrrc.json', '.svgrrc.js', '.svgrrc.cjs', '.svgrrc.mjs', 'svgr.config.json', 'svgr.config.js', 'svgr.config.cjs', 'svgr.config.mjs']);
+    let svgoResult = await config.getConfig(['svgo.config.js', 'svgo.config.cjs', 'svgo.config.mjs', 'svgo.config.json']);
+    let contents = (svgrResult === null || svgrResult === void 0 || (_svgrResult$contents = svgrResult.contents) === null || _svgrResult$contents === void 0 ? void 0 : _svgrResult$contents.svgoConfig) ?? (svgoResult === null || svgoResult === void 0 ? void 0 : svgoResult.contents);
+    let svgoConfig = {
+      default: true
+    };
+    if (contents) {
+      var _svgrResult$contents2, _svgrResult$contents3;
+      svgoConfig = await (0, _utils().convertSVGOConfig)(contents, svgrResult !== null && svgrResult !== void 0 && (_svgrResult$contents2 = svgrResult.contents) !== null && _svgrResult$contents2 !== void 0 && _svgrResult$contents2.svgoConfig ? svgrResult.filePath : svgoResult.filePath, svgrResult !== null && svgrResult !== void 0 && (_svgrResult$contents3 = svgrResult.contents) !== null && _svgrResult$contents3 !== void 0 && _svgrResult$contents3.svgoConfig ? '/svgoConfig' : '', options.inputFS, 'Use the legacy @parcel/transformer-svg-react instead of @parcel/transformer-svg-jsx if needed.');
+    }
+    let svgr = svgrResult === null || svgrResult === void 0 ? void 0 : svgrResult.contents;
+    if (svgoResult && svgr !== null && svgr !== void 0 && svgr.jsx) {
+      throw new (_diagnostic().default)({
+        diagnostic: await createDiagnostic((0, _diagnostic().md)`
+Unsupported SVGR option "jsx".
+          `, svgrResult.filePath, '/jsx', options)
+      });
+    }
+    if (svgr !== null && svgr !== void 0 && svgr.template) {
+      throw new (_diagnostic().default)({
+        diagnostic: await createDiagnostic((0, _diagnostic().md)`
+Unsupported SVGR option "template".
+          `, svgrResult.filePath, '/template', options)
+      });
+    }
+
+    // Prefix ids by default so they don't conflict between svgs.
+    if (svgoConfig && svgoConfig.prefixIds == null) {
+      let hash = (0, _rust().hashString)((0, _utils().relativePath)(options.projectRoot, config.searchPath));
+      svgoConfig.prefixIds = {
+        prefix: hash.slice(-6),
+        prefixClassNames: false
+      };
+    }
+    return {
+      svgr,
+      svgo: svgoConfig
+    };
+  },
+  async transform({
+    asset,
+    config
+  }) {
+    let code = await asset.getBuffer();
+    let {
+      code: jsx
+    } = (0, _rust().svgReact)({
+      code,
+      config: {
+        svgoConfig: config.svgo,
+        ...config.svgr
+      }
+    });
+    asset.type = 'jsx';
+    asset.bundleBehavior = null;
+    asset.setBuffer(jsx);
+    return [asset];
+  }
+});
+async function createDiagnostic(message, filePath, jsonPath, options) {
+  return {
+    message: message,
+    codeFrames: [{
+      filePath: filePath,
+      codeHighlights: _path().default.basename(filePath) === '.svgrrc' || _path().default.extname(filePath) === '.json' ? (0, _diagnostic().generateJSONCodeHighlights)(await options.inputFS.readFile(filePath, 'utf8'), [{
+        key: jsonPath
+      }]) : []
+    }],
+    hints: ['Use the legacy @parcel/transformer-svg-react instead of @parcel/transformer-svg-jsx if needed.']
+  };
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@parcel/transformer-svg-jsx",
+  "version": "2.14.5-canary.3441+d0c8ddd99",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/parcel"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/parcel-bundler/parcel.git"
+  },
+  "main": "lib/SvgJsxTransformer.js",
+  "source": "src/SvgJsxTransformer.js",
+  "engines": {
+    "node": ">= 16.0.0",
+    "parcel": "^2.0.0-canary.1816+d0c8ddd99"
+  },
+  "dependencies": {
+    "@parcel/diagnostic": "2.0.0-canary.1818+d0c8ddd99",
+    "@parcel/plugin": "2.0.0-canary.1818+d0c8ddd99",
+    "@parcel/rust": "2.14.5-canary.3441+d0c8ddd99",
+    "@parcel/utils": "2.0.0-canary.1818+d0c8ddd99"
+  },
+  "gitHead": "d0c8ddd99d1937e8e1d13043684a8a10617187a6"
+}

package/src/SvgJsxTransformer.js

@@ -0,0 +1,128 @@
+// @flow
+
+import {Transformer} from '@parcel/plugin';
+
+import path from 'path';
+import {convertSVGOConfig, relativePath} from '@parcel/utils';
+import ThrowableDiagnostic, {
+  md,
+  generateJSONCodeHighlights,
+} from '@parcel/diagnostic';
+import {svgReact, hashString} from '@parcel/rust';
+
+export default (new Transformer({
+  async loadConfig({config, options}) {
+    let svgrResult: any = await config.getConfig([
+      '.svgrrc',
+      '.svgrrc.json',
+      '.svgrrc.js',
+      '.svgrrc.cjs',
+      '.svgrrc.mjs',
+      'svgr.config.json',
+      'svgr.config.js',
+      'svgr.config.cjs',
+      'svgr.config.mjs',
+    ]);
+    let svgoResult: any = await config.getConfig([
+      'svgo.config.js',
+      'svgo.config.cjs',
+      'svgo.config.mjs',
+      'svgo.config.json',
+    ]);
+
+    let contents = svgrResult?.contents?.svgoConfig ?? svgoResult?.contents;
+    let svgoConfig: any = {default: true};
+    if (contents) {
+      svgoConfig = await convertSVGOConfig(
+        contents,
+        svgrResult?.contents?.svgoConfig
+          ? svgrResult.filePath
+          : svgoResult.filePath,
+        svgrResult?.contents?.svgoConfig ? '/svgoConfig' : '',
+        options.inputFS,
+        'Use the legacy @parcel/transformer-svg-react instead of @parcel/transformer-svg-jsx if needed.',
+      );
+    }
+
+    let svgr = svgrResult?.contents;
+    if (svgoResult && svgr?.jsx) {
+      throw new ThrowableDiagnostic({
+        diagnostic: await createDiagnostic(
+          md`
+Unsupported SVGR option "jsx".
+          `,
+          svgrResult.filePath,
+          '/jsx',
+          options,
+        ),
+      });
+    }
+
+    if (svgr?.template) {
+      throw new ThrowableDiagnostic({
+        diagnostic: await createDiagnostic(
+          md`
+Unsupported SVGR option "template".
+          `,
+          svgrResult.filePath,
+          '/template',
+          options,
+        ),
+      });
+    }
+
+    // Prefix ids by default so they don't conflict between svgs.
+    if (svgoConfig && svgoConfig.prefixIds == null) {
+      let hash = hashString(
+        relativePath(options.projectRoot, config.searchPath),
+      );
+      svgoConfig.prefixIds = {
+        prefix: hash.slice(-6),
+        prefixClassNames: false,
+      };
+    }
+
+    return {svgr, svgo: svgoConfig};
+  },
+
+  async transform({asset, config}) {
+    let code = await asset.getBuffer();
+
+    let {code: jsx} = svgReact({
+      code,
+      config: {svgoConfig: config.svgo, ...config.svgr},
+    });
+
+    asset.type = 'jsx';
+    asset.bundleBehavior = null;
+    asset.setBuffer(jsx);
+
+    return [asset];
+  },
+}): Transformer);
+
+async function createDiagnostic(message, filePath, jsonPath, options) {
+  return {
+    message: message,
+    codeFrames: [
+      {
+        filePath: filePath,
+        codeHighlights:
+          path.basename(filePath) === '.svgrrc' ||
+          path.extname(filePath) === '.json'
+            ? generateJSONCodeHighlights(
+                await options.inputFS.readFile(filePath, 'utf8'),
+                [
+                  {
+                    key: jsonPath,
+                  },
+                ],
+              )
+            : [],
+      },
+    ],
+    hints: [
+      'Use the legacy @parcel/transformer-svg-react instead of @parcel/transformer-svg-jsx if needed.',
+    ],
+  };
+}