PostCSS plugin to rebase or inline on url(). 

swernerx

postcss-smart-asset

/*! postcss-smart-asset v2.0.0 by Sebastian Software <s.werner@sebastian-software.de> */

/*! postcss-smart-asset v2.0.1 by Sebastian Software <s.werner@sebastian-software.de> */

Object.defineProperty(exports, '__esModule', { value: true });

require('core-js/modules/es.array.for-each');

require('core-js/modules/es.array.is-array');

require('core-js/modules/es.array.iterator');

require('core-js/modules/es.array.slice');

require('core-js/modules/es.object.to-string');

require('core-js/modules/es.regexp.exec');

require('core-js/modules/es.string.iterator');

require('core-js/modules/es.string.match');

require('core-js/modules/es.string.replace');

require('core-js/modules/web.dom-collections.for-each');

require('core-js/modules/web.dom-collections.iterator');

require('core-js/modules/es.array.join');

require('core-js/modules/es.function.name');

require('core-js/modules/es.string.search');

require('core-js/modules/es.array.find');

require('core-js/modules/es.array.index-of');

require('core-js/modules/es.date.to-string');

require('core-js/modules/es.regexp.to-string');

require('core-js/modules/es.array.concat');

require('core-js/modules/es.array.filter');

require('core-js/modules/es.array.find-index');

require('core-js/modules/es.regexp.constructor');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }

var path__default = /*#__PURE__*/_interopDefaultLegacy(path);

var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);

var mime__default = /*#__PURE__*/_interopDefaultLegacy(mime);

var url__default = /*#__PURE__*/_interopDefaultLegacy(url);

var minimatch__default = /*#__PURE__*/_interopDefaultLegacy(minimatch);

var normalize = function normalize(assetUrl) {

  assetUrl = path__default.normalize(assetUrl);

    assetUrl = assetUrl.replace(/\\/g, "/");

  if (assetUrl.charAt(0) !== "." && assetUrl.charAt(0) !== "/") {

var isUrlWithoutPathname = function isUrlWithoutPathname(assetUrl) {

  return assetUrl[0] === "#" || assetUrl.indexOf("%23") === 0 || assetUrl.indexOf("data:") === 0 || /^[a-z]+:\/\//.test(assetUrl);

var isUrlShouldBeIgnored = function isUrlShouldBeIgnored(assetUrl, options) {

  return isUrlWithoutPathname(assetUrl) || assetUrl[0] === "/" && !options.basePath;

var getAssetsPath = function getAssetsPath(baseDir, assetsPath, relative) {

  return path__default.resolve(baseDir, assetsPath || "", relative || "");

var getTargetDir = function getTargetDir(dir) {

  return dir.from !== dir.to ? dir.to : process.cwd();

var getPathDeclFile = function getPathDeclFile(decl) {

  return decl.source && decl.source.input && decl.source.input.file;

var getDirDeclFile = function getDirDeclFile(decl) {

  return filename ? path__default.dirname(filename) : process.cwd();

var getPathByBasePath = function getPathByBasePath(basePath, dirFrom, relPath) {

  basePath = !Array.isArray(basePath) ? [basePath] : basePath;

  return basePath.map(function (pathItem) {

    return getAssetsPath(dirFrom, pathItem, relPath);

var prepareAsset = function prepareAsset(assetUrl, dir, decl) {

  var parsedUrl = url__default.parse(assetUrl),

      pathname = !isUrlWithoutPathname(assetUrl) ? parsedUrl.pathname : null,

      absolutePath = pathname ? path__default.resolve(path__default.join(dir.file, pathname)) : getPathDeclFile(decl);

    absolutePath: absolutePath || dir.from,

    relativePath: absolutePath ? path__default.relative(dir.from, absolutePath) : ".",

import 'core-js/modules/es.array.for-each';

import 'core-js/modules/es.array.is-array';

import 'core-js/modules/es.array.iterator';

import 'core-js/modules/es.object.to-string';

import 'core-js/modules/es.string.iterator';

import 'core-js/modules/es.string.match';

import 'core-js/modules/es.string.replace';

import 'core-js/modules/web.dom-collections.for-each';

import 'core-js/modules/web.dom-collections.iterator';

import 'core-js/modules/es.function.name';

import 'core-js/modules/es.string.search';

import { mkdir, copyFile, readFile } from 'fs/promises';

import { getHashedName } from 'asset-hash';

import 'core-js/modules/es.array.index-of';

import 'core-js/modules/es.date.to-string';

import 'core-js/modules/es.regexp.to-string';

import 'core-js/modules/es.array.concat';

import 'core-js/modules/es.array.filter';

import 'core-js/modules/es.array.find-index';

import 'core-js/modules/es.regexp.constructor';

  return path.resolve(baseDir, assetsPath || "", relative || "");

  return filename ? path.dirname(filename) : process.cwd();

      absolutePath = pathname ? path.resolve(path.join(dir.file, pathname)) : getPathDeclFile(decl);

    relativePath: absolutePath ? path.relative(dir.from, absolutePath) : ".",

var getFile = function getFile(asset, options, dir, warn) {

  var paths = options.basePath ? getPathByBasePath(options.basePath, dir.from, asset.pathname) : [asset.absolutePath],

      filePath = paths.find(fs.existsSync);

    warn("Can't read file '" + paths.join() + "', ignoring");

  "description": "PostCSS plugin to rebase or inline on url().",

  "repository": "https://github.com/sebastian-software/postcss-smart-asset.git",

    "email": "s.werner@sebastian-software.de",

    "url": "https://www.sebastian-software.de"

    "@effective/eslint-config": "^3.8.0",

    "format": "effective-prettier '**/*.{js,ts,json,md}'",

    "release:minor": "release-it --ci minor",

    "release:major": "release-it --ci major",

# PostCSS Smart Asset<br/>[![Sponsored by][sponsor-img]][sponsor] [![Version][npm-version-img]][npm] [![Downloads][npm-downloads-img]][npm] [![Build Status Unix][travis-img]][travis] [![Build Status Windows][appveyor-img]][appveyor] [![Dependencies][deps-img]][deps]

# PostCSS Smart Asset<br/>[![Sponsored by][sponsor-img]][sponsor] [![Version][npm-version-img]][npm] [![Downloads][npm-downloads-img]][npm] [![Build Status Unix][travis-img]][travis] [![Build Status Windows][appveyor-img]][appveyor]

[sponsor]: https://www.sebastian-software.de

[deps]: https://david-dm.org/sebastian-software/postcss-smart-asset

[npm]: https://www.npmjs.com/package/postcss-smart-asset

[travis]: https://travis-ci.org/sebastian-software/postcss-smart-asset

[appveyor]: https://ci.appveyor.com/project/swernerx/postcss-smart-asset/branch/master

[sponsor-img]: https://badgen.net/badge/Sponsored%20by/Sebastian%20Software/692446

[deps-img]: https://badgen.net/david/dep/sebastian-software/postcss-smart-asset

[npm-downloads-img]: https://badgen.net/npm/dm/postcss-smart-asset

[npm-version-img]: https://badgen.net/npm/v/postcss-smart-asset

[travis-img]: https://badgen.net/travis/sebastian-software/postcss-smart-asset?label=unix%20build

[appveyor-img]: https://badgen.net/appveyor/ci/swernerx/postcss-smart-asset?label=windows%20build

[PostCSS](https://github.com/postcss/postcss) plugin to rebase, inline or copy on url().

$ npm install postcss postcss-smart-asset

## Changes over [PostCSS-URL](https://github.com/postcss/postcss-url)

- Changed output of relative URLs so that the harmonize with Webpack. This mainly means that in Webpack world it is pretty common to use relative URLs even inside CSS e.g. use `url(./myfile.gif)` instead of `url(myfile.gif)`. The last syntax actually lead to some issue during Webpack processing as Webpack would assume that you are referencing an _npm_ package called `myfile.gif` which is probably not what you thought to do.

- Converted whole test suite from Mocha + Chai to Jest. Made whole test suite asynchronous.

- Migrated source code to EcmaScript modules (ESM). Refactored internal structure.

- Replaced custom eslint definitions with [effective](https://github.com/sebastian-software/effective-eslint-config) linting rules.

- Restructured tests to be side-by-side with implementation code.

- Use of [Preppy](https://github.com/sebastian-software/preppy) instead of custom release logic. Offering a ESM bundle now as well.

const smartAsset = require("postcss-smart-asset")

const css = fs.readFileSync("input.css", "utf8")

  background: url("../src/stylesheet/images/sprite.png");

postcss().use(smartAsset(options)).process(css, {

  background: url("data:image/png;base64,R0lGODlhAQABAJH/AP///wAAAP///wAAACH/C0FET0JFOklSMS4");

  /* inlined svg as encodeURIComponent */

  filter: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2F%3E");

		@@ -1,2 +0,2 @@
		/! postcss-smart-asset v2.0.0 by Sebastian Software <s.werner@sebastian-software.de> /
		/! postcss-smart-asset v2.0.1 by Sebastian Software <s.werner@sebastian-software.de> /
		'use strict';
		@@ -3,0 +3,0 @@

		@@ -1,2 +0,2 @@
		/! postcss-smart-asset v2.0.0 by Sebastian Software <s.werner@sebastian-software.de> /
		/! postcss-smart-asset v2.0.1 by Sebastian Software <s.werner@sebastian-software.de> /
		import path from 'path';
		@@ -3,0 +3,0 @@ import 'core-js/modules/es.array.for-each';

		{
		"name": "postcss-smart-asset",
		"version": "2.0.0",
		"version": "2.0.1",
		"description": "PostCSS plugin to rebase or inline on url().",
		@@ -54,2 +54,3 @@ "keywords": [
		"lint-staged": "^10.5.1",
		"postcss": "^8.1.7",
		"postcss-import": "^13.0.0",
		@@ -56,0 +57,0 @@ "preppy": "^10.8.0",

		@@ -1,5 +0,4 @@
		# PostCSS Smart Asset<br/>[![Sponsored by][sponsor-img]][sponsor] [![Version][npm-version-img]][npm] [![Downloads][npm-downloads-img]][npm] [![Build Status Unix][travis-img]][travis] [![Build Status Windows][appveyor-img]][appveyor] [![Dependencies][deps-img]][deps]
		# PostCSS Smart Asset<br/>[![Sponsored by][sponsor-img]][sponsor] [![Version][npm-version-img]][npm] [![Downloads][npm-downloads-img]][npm] [![Build Status Unix][travis-img]][travis] [![Build Status Windows][appveyor-img]][appveyor]

		[sponsor]: https://www.sebastian-software.de
		[deps]: https://david-dm.org/sebastian-software/postcss-smart-asset
		[npm]: https://www.npmjs.com/package/postcss-smart-asset
		@@ -9,3 +8,2 @@ [travis]: https://travis-ci.org/sebastian-software/postcss-smart-asset
		[sponsor-img]: https://badgen.net/badge/Sponsored%20by/Sebastian%20Software/692446
		[deps-img]: https://badgen.net/david/dep/sebastian-software/postcss-smart-asset
		[npm-downloads-img]: https://badgen.net/npm/dm/postcss-smart-asset
		@@ -12,0 +10,0 @@ [npm-version-img]: https://badgen.net/npm/v/postcss-smart-asset

Worsened metrics