@crabas0npm/aperiam-non-voluptatum

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

thanhl4861

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

@crabas0npm/aperiam-non-voluptatum

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 @crabas0npm/aperiam-non-voluptatum
# using pnpm
pnpm install -D @crabas0npm/aperiam-non-voluptatum
# using yarn
yarn add --dev @crabas0npm/aperiam-non-voluptatum

Usage

Vite config

import { svgSpritemap } from '@crabas0npm/aperiam-non-voluptatum';

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

@crabas0npm/aperiam-non-voluptatum

Features

Installation

Usage

Options