@devtea2025/laudantium-animi-nulla-pariatur NPM | npm.io

1.0.0 • Published 1 year ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 year ago

@devtea2025/laudantium-animi-nulla-pariatur

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 @devtea2025/laudantium-animi-nulla-pariatur
# using pnpm
pnpm install -D @devtea2025/laudantium-animi-nulla-pariatur
# using yarn
yarn add --dev @devtea2025/laudantium-animi-nulla-pariatur

Usage

Vite config

import { svgSpritemap } from '@devtea2025/laudantium-animi-nulla-pariatur';

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`.

is key ES2015 exec wordwrap cloudformation phone promise Object.fromEntries bcrypt getopt byteLength classes parser macos function stateless runtime encryption iteration shrinkwrap fetch immer listeners ES2018 xhr symbol CSSStyleDeclaration compare column format validate querystring commander term ascii readablestream less css regex command-line prototype schema package.json type keys batch react-hook-form patch touch browser cloudtrail process form-validation redux-toolkit Uint8Array data jsx entries make dir utilities StyleSheet async identifiers bind postcss-plugin mixins stdlib byteOffset nested css directory callbind xterm typeof TypeScript css variable bdd width merge ES6 fsevents argument persistent flux getintrinsic -0 endpoint YAML swf rmdir setImmediate push io-ts airbnb drop deterministic name Int16Array Array.prototype.findLast argparse Object.assign toStringTag windows get Array.prototype.flat eslintplugin ECMAScript 2022 pnpm9 spinners deepcopy character lru ECMAScript 6 kinesis lockfile middleware Observable dataview exit-code WebSocket metadata figlet state rm -rf limited inspect JSON json collection.es6 ponyfill joi lesscss callback accessibility protocol-buffers postcss proxy moment concurrency HyBi api TypeBox glacier performance sigterm descriptors immutable arguments Rx form symlink logging ES2020 callbound environment intrinsic a11y es-shims symbols eslint util assertion bluebird cloudwatch sqs offset extension ECMAScript 2015 mocha jsdiff real-time gdpr RFC-6455 ECMAScript 3 tap jsdom start es5 storagegateway less forEach debugger text dom rds assert zod predictable hasOwn karma console which findLast codes Object.keys 0 sort arrays Array.prototype.contains tc39 mapreduce web logger error CSS URL traverse ajv robust internal arktype wrap configurable elm live validation throttle http matches urls mkdir es-abstract bootstrap css file system east-asian-width redux es2018 amazon sequence executable styles Int32Array array slice look-up .env rapid serializer jwt css less emoji javascript picomatch trimStart prefix banner code points concatMap mobile stable typedarray pyyaml scheme-validation loadbalancing prop trimLeft bundling settings trimEnd extend chai core-js file es6 bound ECMAScript 2023 getter trimRight Reflect.getPrototypeOf typed array random Int8Array uuid Array.prototype.includes isConcatSpreadable browserlist authentication busy _.extend functional define speed estree typesafe stylesheet cache importexport node fastify typanion streams2 assign fast-clone bootstrap less css-in-js watch serialization fullwidth ES2021 awesomesauce tdd rest pipe deep-clone style valid replay toolkit testing Streams polyfill flag elasticache Object.entries cloudfront require import computed-types nope limit names vars date react-hooks i18n Uint8ClampedArray ReactiveExtensions es2017 once Float32Array Array BigUint64Array __proto__has-own flags Object.getPrototypeOf compiler buffers mimetypes minimal error-handling value reducer groupBy regular expressions stream hardlinks make globals installer protobuf getOwnPropertyDescriptor spec hookform efficient launch match in fast-deep-clone lazy telephone Function.prototype.name ebs filter full coercible String.prototype.trim ec2 zero weakmap eslint-plugin reuse read safe set ArrayBuffer#slice ansi findup lint descriptor sharedarraybuffer ast cmd es2015 call look option react-testing-library TypedArray signals deep-copy Stream eslintconfig ES7 fast rfc4122 watching loading columns internal slot Object.values gradients css3 iterate default ReactiveX sns defineProperty ECMAScript 2016 glob restful ajax search jshint config gradients css ES2019 Object preprocessor starter slot ECMAScript 2020 create nodejs npm query WeakMap path preserve-symlinks dayjs regular wait superagent URLSearchParams hash request spinner inference route53 throat wordbreak language break Push es7 modules map readable eventEmitter ecmascript shared number toobject parent dom-testing-library side equality has await Array.prototype.flatMap getPrototypeOf positive string delete folder styleguide find beanstalk util.inspect id sham ECMAScript 2017 $.extend setter equal [[Prototype]]dependency manager Symbol.toStringTag ses es2016 Map tools linewrap fast-copy flatMap jasmine fixed-width ES8 time aws asserts promises args tslib regular expression parsing output check length unicode description RxJS interrupts enumerable debug ES5 arraybuffer agent walk exe autoprefixer streams log extra walking view events router buffer WebSockets concat open AsyncIterator formatting autoscaling jest classnames whatwg stringifier vest core libphonenumber website ESnext ArrayBuffer JSON-Schema tty warning wget input connect worker full-width matchAll Object.defineProperty s3 @@toStringTag shebang vpc progress Array.prototype.filter editor toArray shim ender chromium less compiler ArrayBuffer.prototype.slice own variables in css status variables yaml css sorted clone values class-validator fps cli group characters Object.is sameValueZero rgb guid less.js multi-package find-up reduce es8 tape workflow Uint32Array dataView exit up higher-order contains compile less proto crypt Symbol optimizer opens Uint16Array cloudsearch browserslist BigInt64Array 256 rm -fr pretty negative zero styling dotenv child opener chrome express styled-components symlinks rangeerror classname monorepo jsonpath fast-deep-copy install includes ES2017 queue parse xdg-open Iterator syntax fs command elb trim fastcopy module Promise properties css nesting dir qs plugin yup private data watcher package manager es-shim API byte less mixins channel collection emr ES2023 types sinatra mru weakset accessor native performant Array.prototype.findLastIndex hot typescript superstruct korean tester from colors cors take quote queueMicrotask setPrototypeOf RegExp.prototype.flags mkdirs recursive parents deepclone syntaxerror toSorted irq Array.prototype.flatten consume Underscore ECMAScript 5 ECMAScript 2021 some hasOwnProperty handlers mime crypto ava jQuery link ES2016 omit terminal WeakSet scheme chinese forms operating-system ts cjk optimist mkdirp functions shell dynamodb prune emit indicator object flatten global deep test watchFile call-bind simpledb generics ES3 password package xdg hooks private remove datastructure electron url findLastIndex typeerror react ES visual last task environments Float64Array duplex eventDispatcher helpers signal rate ie bundler auth negative censor property diff invariant ECMAScript 7 uninstall iam rm curl ratelimit RegExp#flags ECMAScript 2019 dependencies circular utility typedarrays ECMAScript 2018 resolve sigint fastclone move art structuredClone write es env https l10n workspace:*spawn Set linux idle js call-bound regexp packages stringify copy Observables serialize iterator Microsoft argv japanese escape writable flat tostringtag expression mime-db color every typed framework redact obj waf colour String.prototype.matchAll

@devtea2025/adipisci-eum-illum-fugit @devtea2025/architecto-omnis-vitae-eum @devtea2025/atque-praesentium-modi-placeat @devtea2025/blanditiis-numquam-expedita-neque @devtea2025/commodi-soluta-quod-ad @devtea2025/delectus-optio-modi-pariatur @devtea2025/deleniti-aut-officiis-quae @devtea2025/deleniti-occaecati-et-tempora @devtea2025/dolor-porro-vitae-sunt @devtea2025/doloremque-voluptas-facere-nemo @devtea2025/dolores-voluptatem-consectetur-ut @devtea2025/eius-aliquam-esse-perferendis @devtea2025/eius-quasi-autem-optio @devtea2025/expedita-saepe-dicta-sapiente @devtea2025/ipsam-perferendis-repellat-incidunt @devtea2025/laboriosam-commodi-voluptas-nobis @devtea2025/laborum-illo-ad-itaque @devtea2025/magnam-eveniet-excepturi-dolorum @devtea2025/nulla-eaque-dolores-veniam @devtea2025/odio-totam-laboriosam-explicabo @devtea2025/officiis-ad-porro-non @devtea2025/porro-cum-magni-similique @devtea2025/quisquam-quod-ab-aut @devtea2025/quo-consectetur-necessitatibus-sint @devtea2025/suscipit-assumenda-a-assumenda @devtea2025/tempora-laborum-animi-et @devtea2025/turbo-rotary-phone @devtea2025/vitae-sequi-voluptas-a @devtea2025/voluptas-quisquam-cum-reiciendis @devtea2025/voluptatibus-vero-magni-rerum @libphamton/chatfanpage @libphamton/fb-group @npmtuanmap/ex-vel-expedita-impedit @npmtuanmap/psychic-guide @npmtuanmap/recusandae-recusandae-nam-et @npmtuanmap/sed-quo-nemo-rerum @npmtuanmap/velit-esse-velit-magnam

1 year ago