@skylernpm/voluptates-impedit-architecto

v1.0.0

Published

7 months ago

This [vite](https://vitejs.dev/) plugin generates a single SVG spritemap containing multiple <symbol> elements from all `.svg` files in a directory.

Downloads

0High
0Medium
0Low

skylerlabsventure

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

@skylernpm/voluptates-impedit-architecto

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 @skylernpm/voluptates-impedit-architecto
# using pnpm
pnpm install -D @skylernpm/voluptates-impedit-architecto
# using yarn
yarn add --dev @skylernpm/voluptates-impedit-architecto

Usage

Vite config

import { svgSpritemap } from '@skylernpm/voluptates-impedit-architecto';

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

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

@skylernpm/voluptates-impedit-architecto

Features

Installation

Usage

Options