robinscholz / svelte-inline-svg Goto Github PK

[vite-plugin-svelte] WARNING: The following packages use a svelte resolve configuration in package.json that has conflicting results and is going to cause problems future.

[email protected]

Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#conflicts-in-svelte-resolve for details.

漏洞标题：Mikaelbr Node-notifier 操作系统命令注入漏洞
缺陷组件：[email protected]
漏洞编号：CVE-2020-7789
漏洞描述：Mikaelbr Node-notifier是Mikaelbr个人开发者的一个基于Javascript的用于为Mac、Windows、Linux发送**的代码库。
node-notifier 9.0.0之前版本存在安全漏洞，该漏洞允许攻击者可利用该漏洞在Linux机器上运行任意命令，因为在传递数组时，选项参数没有被清除。
影响范围：[8.0.0, 8.0.2)
最小修复版本：8.0.2
缺陷组件引入路径：[email protected]>[email protected]>[email protected]>@jest/[email protected]>@jest/[email protected]>[email protected]
[email protected]>[email protected]>@jest/[email protected]>@jest/[email protected]>[email protected]

Error: <InlineSVG> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
    at validate_component (/home/ixxie/repos/coflow/node_modules/svelte/internal/index.mjs:1343:18)
    at /home/ixxie/repos/coflow/__sapper__/dev/server/server.js:343:50
    at Object.$$render (/home/ixxie/repos/coflow/node_modules/svelte/internal/index.mjs:1366:23)
    at /home/ixxie/repos/coflow/__sapper__/dev/server/server.js:362:157
    at Object.$$render (/home/ixxie/repos/coflow/node_modules/svelte/internal/index.mjs:1366:23)
    at Object.default (/home/ixxie/repos/coflow/__sapper__/dev/server/server.js:373:64)
    at /home/ixxie/repos/coflow/__sapper__/dev/server/server.js:312:83
    at Object.$$render (/home/ixxie/repos/coflow/node_modules/svelte/internal/index.mjs:1366:23)
    at /home/ixxie/repos/coflow/__sapper__/dev/server/server.js:372:36
    at Object.$$render (/home/ixxie/repos/coflow/node_modules/svelte/internal/index.mjs:1366:23)

[rollup-plugin-svelte] The following packages did not export their `package.json` file so we could not check the "svelte" field. If you had difficulties importing svelte components from a package, then please contact the author and ask them to export the package.json file.

- svelte-inline-svg

TypeError: InlineSVG is not a constructor

      at Array.create_if_block (src/Components/PaymentIcon/PaymentIcon.svelte:237:14)
      at create_fragment (src/Components/PaymentIcon/PaymentIcon.svelte:305:94)
      at init (node_modules/svelte/internal/index.js:1809:37)
      at new PaymentIcon (src/Components/PaymentIcon/PaymentIcon.svelte:411:3)
      at create_fragment (src/Components/PaymentType/PaymentType.svelte:38:16)
      at init (node_modules/svelte/internal/index.js:1809:37)
      at new PaymentType (src/Components/PaymentType/PaymentType.svelte:193:3)
      at render (node_modules/@testing-library/svelte/dist/pure.js:81:21)
      at Object.<anonymous> (src/Components/PaymentType/PaymentType.spec.ts:19:33)

  -- PaymentIcon.svelte --

<script lang="ts">

  import "../../SharedStyles/paymentIcon.scss";

  import Amex from "../../Icons/Amex.svg";
  import Discover from "../../Icons/Discover.svg";
  import Mastercard from "../../Icons/Mastercard.svg";
  import PayPal from "../../Icons/PayPal.svg";
  import Visa from "../../Icons/Visa.svg";
  import InlineSVG from "svelte-inline-svg";

  export let iconName: string;
</script>

{#if iconName === "visa"}
  <div class="payment-icon">
    <InlineSVG src={Visa} />
  </div>
{:else if iconName === "mastercard"}
  <div class="payment-icon">
    <InlineSVG src={Mastercard} />
  </div>
{:else if iconName === "discover"}
  <div class="payment-icon">
    <InlineSVG src={Discover} />
  </div>
{:else if iconName === "amex"}
  <div class="payment-icon">
    <InlineSVG src={Amex} />
  </div>
{:else if iconName === "paypal"}
    <InlineSVG id="paypalIcon" src={PayPal} />
{:else}
  {iconName}
{/if}

import { render } from "@testing-library/svelte";
import PaymentIcon from "./PaymentIcon.svelte";

describe("tests payment icon snapshots", () => {
  test("should match visa snapshot", () => {
    const props = { iconName: "visa" };
    const { container } = render(PaymentIcon, { ...props });
    expect(container).toMatchSnapshot();
  });
  test("should match mastercard snapshot", () => {
    const props = { iconName: "mastercard" };
    const { container } = render(PaymentIcon, { ...props });
    expect(container).toMatchSnapshot();
  });
  test("should match discover snapshot", () => {
    const props = { iconName: "discover" };
    const { container } = render(PaymentIcon, { ...props });
    expect(container).toMatchSnapshot();
  });
  test("should match amex snapshot", () => {
    const props = { iconName: "amex" };
    const { container } = render(PaymentIcon, { ...props });
    expect(container).toMatchSnapshot();
  });
  test("should match paypal snapshot", () => {
    const props = { iconName: "paypal" };
    const { container } = render(PaymentIcon, { ...props });
    expect(container).toMatchSnapshot();
  });
  test("should match error snapshot", () => {
    const { container } = render(PaymentIcon, { iconName: "" });
    expect(container).toMatchSnapshot();
  });
});
      

Could not resolve './utils/forwardEvents' from node_modules\svelte-inline-svg\src\inline-svg.svelte
node:internal/modules/cjs/loader:944
  throw err;
  ^