@ellentorg/quas-molestiae-vel NPM | npm.io

8.10.128 • Published 10 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

10 months ago

@ellentorg/quas-molestiae-vel

This vite plugin generates a single SVG spritemap containing multiple elements from all .svg files in a directory.

Features

Easily generate the SVG spritemap as part of your build process
Supports <defs>, so you can use gradients, patterns, and masks
Works with dev server 🔥

If you find this plugin useful, why not

Installation

# using npm
npm install -D @ellentorg/quas-molestiae-vel
# using pnpm
pnpm install -D @ellentorg/quas-molestiae-vel
# using yarn
yarn add --dev @ellentorg/quas-molestiae-vel

Usage

Vite config

import { svgSpritemap } from '@ellentorg/quas-molestiae-vel';

export default defineConfig({
  plugins: [
    svgSpritemap({
      pattern: 'src/icons/*.svg',
    }),
  ],
});

SVG element

export const Icon: React.FC<{ name: string }> = ({ name }) => (
  <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
    <use xlinkHref={`/spritemap.svg#${name}`} />
  </svg>
);

const App = () => {
  return <Icon name="arrow" />;
};

Options

Option	Type	Description
`pattern`	`string`	A glob pattern that specifies which SVG files to include in the sprite.
`prefix`	`string` (optional)	A string that is added to the beginning of each SVG icon's ID when it is added to the sprite.
`filename`	`string` (optional)	The name of the output file that contains the SVG sprite. Default is `spritemap.svg`.
`currentColor`	`boolean` (optional)	Replace colors in the SVGs with the `currentColor` value by SVGO. Default is `true`.
`svgo`	`SVGOConfig` or `boolean` (optional)	Use SVGO for optimization. Default is `true`.

react-testing-library sharedarraybuffer tester TypedArray minimal equality es2015 column javascript typedarrays error-handling limited tape look-up name shrinkwrap mime-db drop escape setter compiler color eslint querystring shebang gradients css3 fast-copy accessor TypeBox ES3 agent watch Uint8Array Iterator ECMAScript 2015 description ts ES2023 reduce compare url is formatting map streams promise watching ECMAScript 7 interrupts rgb callbind Uint8ClampedArray mkdirp elm ES8 crypt toolkit property ES2017 Array es7 Observables picomatch StyleSheet protobuf dom-testing-library less mixins es2016 concatMap cloudformation Streams utilities yaml Symbol beanstalk shared inference gdpr generics getintrinsic Uint16Array tap npm shell clone file system ES2021 listeners fast-deep-clone settings stream String.prototype.matchAll emoji syntax argparse RxJS buffers ES6 deep-copy Object.values prefix trim ReactiveExtensions modules multi-package ES2019 config id ECMAScript 2016 tools starter redux symbol lazy toobject descriptor BigUint64Array commander filter descriptors js regexp omit setPrototypeOf limit concat mime proxy CSSStyleDeclaration ES2016 react ses tslib values ECMAScript 2022 extra contains hasOwn emr circular polyfill flatten dependencies style datastructure ES7 ES2022 bcrypt ECMAScript 3 rapid curl endpoint prune postcss-plugin private linux every hooks remove predictable glob ECMAScript 6 safe installer getOwnPropertyDescriptor fast-deep-copy Array.prototype.findLast syntaxerror jQuery wordwrap telephone ratelimit css less types Stream cloudtrail regular define extension preprocessor names immer once cli estree collection.es6 negative fetch robust form ajv deepcopy match pipe command replay yup file ebs tostringtag WeakSet diff nope eventDispatcher signals runtime own find identifiers exit-code stringifier Object.defineProperty ES2015 fastify Array.prototype.contains invariant mocha streams2 fastcopy react-hook-form rest tc39 operating-system uninstall japanese rm -fr bundler coercible ArrayBuffer#slice text dotenv Object.assign throat Int32Array styled-components TypeScript testing signal bundling loading windows byte forEach slot Microsoft flatMap postcss immutable make mixins rm electron autoprefixer vpc format ie side eslintplugin wait util.inspect deep time workflow full module typed array colour ECMAScript 5 String.prototype.trim ECMAScript 2020 bootstrap css quote private data Uint32Array URLSearchParams whatwg route wrap sinatra import east-asian-width joi wget check path dependency manager variables jshint fastclone Object.fromEntries chrome from stable package.json error ansi gradients css up equal core cloudsearch make dir guid -0 typescript ECMAScript 2019 helpers object environments ponyfill glacier touch core-js defineProperty assert forms real-time progress byteLength node trimStart figlet mapreduce regular expression exit Array.prototype.filter qs hash stringify reducer YAML console superstruct css nesting json dynamodb globals stateless css-in-js Object indicator banner data unicode group columns read value isConcatSpreadable logger cors eslint-plugin Object.getPrototypeOf plugin web assertion get es-shim API package manager prop .env css Float32Array matchAll link break nested css ECMAScript 2018 jsdom negative zero less.js eslintconfig key styling lesscss logging throttle Push optimist codes spinner flag JSON-Schema route53 string css variable includes walking BigInt64Array watchFile xterm sort findLast visual variables in css $.extend colors lockfile airbnb properties 0 arktype elasticache _.extend Array.prototype.includes typeerror query simpledb findLastIndex persistent byteOffset iterate Object.entries Object.keys expression classes loadbalancing ReactiveX swf ESnext fullwidth accessibility keys classname getopt AsyncIterator sequence call fast-clone performance sameValueZero fps Array.prototype.flat nodejs Rx native fs browser tdd delete date arraybuffer worker connect input output promises WebSocket writable art getPrototypeOf write fsevents wordbreak ender env trimRight hardlinks a11y typed browserlist bluebird number Function.prototype.name has __proto__set in Float64Array sigterm efficient find-up typesafe crypto less compiler utility arrays [[Prototype]]assign monorepo deepclone ava has-own sham redux-toolkit chromium Int16Array traverse schema redact es2017 channel batch JSON sns prototype rmdir queue flags chai bootstrap less deep-clone jsdiff spinners karma rds jsx mobile hasOwnProperty trimLeft consume findup live positive functional code points util workspace:*xhr function collection scheme groupBy Symbol.toStringTag es2018 macos global packages tty https cache spec queueMicrotask moment sorted censor emit toArray await toStringTag es5 watcher toSorted ecmascript sqs linewrap extend type iterator @@toStringTag test ES5 last libphonenumber take superagent task argv Reflect.getPrototypeOf cloudwatch offset idle eventEmitter trimEnd chinese slice recursive validate stylesheet regular expressions phone concurrency i18n dom callbound performant obj lint classnames autoscaling serialize korean computed-types dataView internal open some mkdirs weakmap length stdlib dataview Promise s3 CSS symbols duplex ES cjk flat vars call-bound Observable elb configurable

@ellentorg/ad-dolor-atque @ellentorg/aliquam-iure-eveniet @ellentorg/aperiam-consequatur-veritatis @ellentorg/congenial-giggle @ellentorg/debitis-laboriosam-laudantium @ellentorg/debitis-vel-repellat @ellentorg/dignissimos-fugiat-laboriosam @ellentorg/eaque-aperiam-omnis @ellentorg/eaque-occaecati-libero @ellentorg/exercitationem-nobis-quibusdam @ellentorg/explicabo-non-soluta @ellentorg/friendly-succotash @ellentorg/fugiat-ipsa-id @ellentorg/illo-et-nesciunt @ellentorg/iusto-fuga-natus @ellentorg/jubilant-tribble @ellentorg/literate @ellentorg/mollitia-consequatur-nemo @ellentorg/nobis-eum-iste @ellentorg/non-iure-assumenda @ellentorg/officiis-reprehenderit-quis @ellentorg/recusandae-eius-maiores @ellentorg/sint-dicta-modi @ellentorg/stunning-funicular @ellentorg/suscipit-quaerat-voluptas @ellentorg/unde-eum-explicabo @ellentorg/veritatis-iusto-numquam @ellentorg/voluptates-eaque-unde @ellentorg/voluptatibus-voluptates-qui @ellentorg/voluptatum-asperiores-beatae corcojs-qrcode corcojs-qrcode-logo corcojs-qrcode-sample dable-effect firan-logging simple-prompts-web3

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

1 year ago

10 months ago

1 year ago

10 months ago

1 year ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

10 months ago

11 months ago

10 months ago

10 months ago

1 year ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

12 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

12 months ago

1 year ago

12 months ago

11 months ago

12 months ago

11 months ago

12 months ago

1 year ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

11 months ago

1 year ago

12 months ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago