@landmineaknpm/incidunt-vel-voluptates NPM | npm.io

1.0.0 • Published 14 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

14 days ago

@landmineaknpm/incidunt-vel-voluptates

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 @landmineaknpm/incidunt-vel-voluptates
# using pnpm
pnpm install -D @landmineaknpm/incidunt-vel-voluptates
# using yarn
yarn add --dev @landmineaknpm/incidunt-vel-voluptates

Usage

Vite config

import { svgSpritemap } from '@landmineaknpm/incidunt-vel-voluptates';

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

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

@ryniaubenpm/esse-repellat-excepturi @zibuthe7j11/deserunt-quasi-impedit @zibuthe7j11/vel-impedit-modi

14 days ago