@utrecht/web-component-library-stencil 1.0.0-alpha.124 → 1.0.0-alpha.128

package/dist/collection/node_modules/svgo/lib/stringifier.js

@@ -0,0 +1,326 @@
+'use strict';
+
+/**
+ * @typedef {import('./types').XastParent} XastParent
+ * @typedef {import('./types').XastRoot} XastRoot
+ * @typedef {import('./types').XastElement} XastElement
+ * @typedef {import('./types').XastInstruction} XastInstruction
+ * @typedef {import('./types').XastDoctype} XastDoctype
+ * @typedef {import('./types').XastText} XastText
+ * @typedef {import('./types').XastCdata} XastCdata
+ * @typedef {import('./types').XastComment} XastComment
+ * @typedef {import('./types').StringifyOptions} StringifyOptions
+ */
+
+const { textElems } = require('../plugins/_collections.js');
+
+/**
+ * @typedef {{
+ *   width: void | string,
+ *   height: void | string,
+ *   indent: string,
+ *   textContext: null | XastElement,
+ *   indentLevel: number,
+ * }} State
+ */
+
+/**
+ * @typedef {Required<StringifyOptions>} Options
+ */
+
+/**
+ * @type {(char: string) => string}
+ */
+const encodeEntity = (char) => {
+  return entities[char];
+};
+
+/**
+ * @type {Options}
+ */
+const defaults = {
+  doctypeStart: '<!DOCTYPE',
+  doctypeEnd: '>',
+  procInstStart: '<?',
+  procInstEnd: '?>',
+  tagOpenStart: '<',
+  tagOpenEnd: '>',
+  tagCloseStart: '</',
+  tagCloseEnd: '>',
+  tagShortStart: '<',
+  tagShortEnd: '/>',
+  attrStart: '="',
+  attrEnd: '"',
+  commentStart: '<!--',
+  commentEnd: '-->',
+  cdataStart: '<![CDATA[',
+  cdataEnd: ']]>',
+  textStart: '',
+  textEnd: '',
+  indent: 4,
+  regEntities: /[&'"<>]/g,
+  regValEntities: /[&"<>]/g,
+  encodeEntity: encodeEntity,
+  pretty: false,
+  useShortTags: true,
+  eol: 'lf',
+  finalNewline: false,
+};
+
+/**
+ * @type {Record<string, string>}
+ */
+const entities = {
+  '&': '&amp;',
+  "'": '&apos;',
+  '"': '&quot;',
+  '>': '&gt;',
+  '<': '&lt;',
+};
+
+/**
+ * convert XAST to SVG string
+ *
+ * @type {(data: XastRoot, config: StringifyOptions) => {
+ *   data: string,
+ *   info: {
+ *     width: void | string,
+ *     height: void | string
+ *   }
+ * }}
+ */
+const stringifySvg = (data, userOptions = {}) => {
+  /**
+   * @type {Options}
+   */
+  const config = { ...defaults, ...userOptions };
+  const indent = config.indent;
+  let newIndent = '    ';
+  if (typeof indent === 'number' && Number.isNaN(indent) === false) {
+    newIndent = indent < 0 ? '\t' : ' '.repeat(indent);
+  } else if (typeof indent === 'string') {
+    newIndent = indent;
+  }
+  /**
+   * @type {State}
+   */
+  const state = {
+    // TODO remove width and height in v3
+    width: undefined,
+    height: undefined,
+    indent: newIndent,
+    textContext: null,
+    indentLevel: 0,
+  };
+  const eol = config.eol === 'crlf' ? '\r\n' : '\n';
+  if (config.pretty) {
+    config.doctypeEnd += eol;
+    config.procInstEnd += eol;
+    config.commentEnd += eol;
+    config.cdataEnd += eol;
+    config.tagShortEnd += eol;
+    config.tagOpenEnd += eol;
+    config.tagCloseEnd += eol;
+    config.textEnd += eol;
+  }
+  let svg = stringifyNode(data, config, state);
+  if (config.finalNewline && svg.length > 0 && svg[svg.length - 1] !== '\n') {
+    svg += eol;
+  }
+  return {
+    data: svg,
+    info: {
+      width: state.width,
+      height: state.height,
+    },
+  };
+};
+exports.stringifySvg = stringifySvg;
+
+/**
+ * @type {(node: XastParent, config: Options, state: State) => string}
+ */
+const stringifyNode = (data, config, state) => {
+  let svg = '';
+  state.indentLevel += 1;
+  for (const item of data.children) {
+    if (item.type === 'element') {
+      svg += stringifyElement(item, config, state);
+    }
+    if (item.type === 'text') {
+      svg += stringifyText(item, config, state);
+    }
+    if (item.type === 'doctype') {
+      svg += stringifyDoctype(item, config);
+    }
+    if (item.type === 'instruction') {
+      svg += stringifyInstruction(item, config);
+    }
+    if (item.type === 'comment') {
+      svg += stringifyComment(item, config);
+    }
+    if (item.type === 'cdata') {
+      svg += stringifyCdata(item, config, state);
+    }
+  }
+  state.indentLevel -= 1;
+  return svg;
+};
+
+/**
+ * create indent string in accordance with the current node level.
+ *
+ * @type {(config: Options, state: State) => string}
+ */
+const createIndent = (config, state) => {
+  let indent = '';
+  if (config.pretty && state.textContext == null) {
+    indent = state.indent.repeat(state.indentLevel - 1);
+  }
+  return indent;
+};
+
+/**
+ * @type {(node: XastDoctype, config: Options) => string}
+ */
+const stringifyDoctype = (node, config) => {
+  return config.doctypeStart + node.data.doctype + config.doctypeEnd;
+};
+
+/**
+ * @type {(node: XastInstruction, config: Options) => string}
+ */
+const stringifyInstruction = (node, config) => {
+  return (
+    config.procInstStart + node.name + ' ' + node.value + config.procInstEnd
+  );
+};
+
+/**
+ * @type {(node: XastComment, config: Options) => string}
+ */
+const stringifyComment = (node, config) => {
+  return config.commentStart + node.value + config.commentEnd;
+};
+
+/**
+ * @type {(node: XastCdata, config: Options, state: State) => string}
+ */
+const stringifyCdata = (node, config, state) => {
+  return (
+    createIndent(config, state) +
+    config.cdataStart +
+    node.value +
+    config.cdataEnd
+  );
+};
+
+/**
+ * @type {(node: XastElement, config: Options, state: State) => string}
+ */
+const stringifyElement = (node, config, state) => {
+  // beautiful injection for obtaining SVG information :)
+  if (
+    node.name === 'svg' &&
+    node.attributes.width != null &&
+    node.attributes.height != null
+  ) {
+    state.width = node.attributes.width;
+    state.height = node.attributes.height;
+  }
+
+  // empty element and short tag
+  if (node.children.length === 0) {
+    if (config.useShortTags) {
+      return (
+        createIndent(config, state) +
+        config.tagShortStart +
+        node.name +
+        stringifyAttributes(node, config) +
+        config.tagShortEnd
+      );
+    } else {
+      return (
+        createIndent(config, state) +
+        config.tagShortStart +
+        node.name +
+        stringifyAttributes(node, config) +
+        config.tagOpenEnd +
+        config.tagCloseStart +
+        node.name +
+        config.tagCloseEnd
+      );
+    }
+    // non-empty element
+  } else {
+    let tagOpenStart = config.tagOpenStart;
+    let tagOpenEnd = config.tagOpenEnd;
+    let tagCloseStart = config.tagCloseStart;
+    let tagCloseEnd = config.tagCloseEnd;
+    let openIndent = createIndent(config, state);
+    let closeIndent = createIndent(config, state);
+
+    if (state.textContext) {
+      tagOpenStart = defaults.tagOpenStart;
+      tagOpenEnd = defaults.tagOpenEnd;
+      tagCloseStart = defaults.tagCloseStart;
+      tagCloseEnd = defaults.tagCloseEnd;
+      openIndent = '';
+    } else if (textElems.includes(node.name)) {
+      tagOpenEnd = defaults.tagOpenEnd;
+      tagCloseStart = defaults.tagCloseStart;
+      closeIndent = '';
+      state.textContext = node;
+    }
+
+    const children = stringifyNode(node, config, state);
+
+    if (state.textContext === node) {
+      state.textContext = null;
+    }
+
+    return (
+      openIndent +
+      tagOpenStart +
+      node.name +
+      stringifyAttributes(node, config) +
+      tagOpenEnd +
+      children +
+      closeIndent +
+      tagCloseStart +
+      node.name +
+      tagCloseEnd
+    );
+  }
+};
+
+/**
+ * @type {(node: XastElement, config: Options) => string}
+ */
+const stringifyAttributes = (node, config) => {
+  let attrs = '';
+  for (const [name, value] of Object.entries(node.attributes)) {
+    // TODO remove attributes without values support in v3
+    if (value !== undefined) {
+      const encodedValue = value
+        .toString()
+        .replace(config.regValEntities, config.encodeEntity);
+      attrs += ' ' + name + config.attrStart + encodedValue + config.attrEnd;
+    } else {
+      attrs += ' ' + name;
+    }
+  }
+  return attrs;
+};
+
+/**
+ * @type {(node: XastText, config: Options, state: State) => string}
+ */
+const stringifyText = (node, config, state) => {
+  return (
+    createIndent(config, state) +
+    config.textStart +
+    node.value.replace(config.regEntities, config.encodeEntity) +
+    (state.textContext ? '' : config.textEnd)
+  );
+};

package/dist/collection/node_modules/svgo/lib/svgo/coa.js

@@ -1,8 +1,8 @@
 'use strict';
 
-const FS = require('fs');
-const PATH = require('path');
-const { green, red } = require('nanocolors');
+const fs = require('fs');
+const path = require('path');
+const colors = require('picocolors');
 const { loadConfig, optimize } = require('../svgo-node.js');
 const pluginsMap = require('../../plugins/plugins.js');
 const PKG = require('../../package.json');
@@ -16,7 +16,7 @@ const regSVGFile = /\.svg$/i;
  */
 function checkIsDir(path) {
   try {
-    return FS.lstatSync(path).isDirectory();
+    return fs.lstatSync(path).isDirectory();
   } catch (e) {
     return false;
   }
@@ -73,6 +73,8 @@ module.exports = function makeProgram(program) {
       'Only output error messages, not regular status messages'
     )
     .option('--show-plugins', 'Show available plugins and exit')
+    // used by picocolors internally
+    .option('--no-color', 'Output plain text without color')
     .action(action);
 };
 
@@ -218,7 +220,7 @@ async function action(args, opts, command) {
         for (var i = 0; i < input.length; i++) {
           output[i] = checkIsDir(input[i])
             ? input[i]
-            : PATH.resolve(dir, PATH.basename(input[i]));
+            : path.resolve(dir, path.basename(input[i]));
         }
       } else if (output.length < input.length) {
         output = output.concat(input.slice(output.length));
@@ -283,7 +285,7 @@ function optimizeFolder(config, dir, output) {
   if (!config.quiet) {
     console.log(`Processing directory '${dir}':\n`);
   }
-  return FS.promises
+  return fs.promises
     .readdir(dir)
     .then((files) => processDirectory(config, dir, files, output));
 }
@@ -331,19 +333,19 @@ function getFilesDescriptions(config, dir, files, output) {
         !config.exclude.some((regExclude) => regExclude.test(name))
     )
     .map((name) => ({
-      inputPath: PATH.resolve(dir, name),
-      outputPath: PATH.resolve(output, name),
+      inputPath: path.resolve(dir, name),
+      outputPath: path.resolve(output, name),
     }));
 
   return config.recursive
     ? [].concat(
         filesInThisFolder,
         files
-          .filter((name) => checkIsDir(PATH.resolve(dir, name)))
+          .filter((name) => checkIsDir(path.resolve(dir, name)))
           .map((subFolderName) => {
-            const subFolderPath = PATH.resolve(dir, subFolderName);
-            const subFolderFiles = FS.readdirSync(subFolderPath);
-            const subFolderOutput = PATH.resolve(output, subFolderName);
+            const subFolderPath = path.resolve(dir, subFolderName);
+            const subFolderFiles = fs.readdirSync(subFolderPath);
+            const subFolderOutput = path.resolve(output, subFolderName);
             return getFilesDescriptions(
               config,
               subFolderPath,
@@ -364,7 +366,7 @@ function getFilesDescriptions(config, dir, files, output) {
  * @return {Promise}
  */
 function optimizeFile(config, file, output) {
-  return FS.promises.readFile(file, 'utf8').then(
+  return fs.promises.readFile(file, 'utf8').then(
     (data) =>
       processSVGData(config, { input: 'file', path: file }, data, output, file),
     (error) => checkOptimizeFileError(config, file, output, error)
@@ -385,7 +387,7 @@ function processSVGData(config, info, data, output, input) {
 
   const result = optimize(data, { ...config, ...info });
   if (result.modernError) {
-    console.error(red(result.modernError.toString()));
+    console.error(colors.red(result.modernError.toString()));
     process.exit(1);
   }
   if (config.datauri) {
@@ -398,7 +400,7 @@ function processSVGData(config, info, data, output, input) {
     function () {
       if (!config.quiet && output != '-') {
         if (input) {
-          console.log(`\n${PATH.basename(input)}:`);
+          console.log(`\n${path.basename(input)}:`);
         }
         printTimeInfo(processingTime);
         printProfitInfo(prevFileSize, resultFileSize);
@@ -428,9 +430,9 @@ function writeOutput(input, output, data) {
     return Promise.resolve();
   }
 
-  FS.mkdirSync(PATH.dirname(output), { recursive: true });
+  fs.mkdirSync(path.dirname(output), { recursive: true });
 
-  return FS.promises
+  return fs.promises
     .writeFile(output, data, 'utf8')
     .catch((error) => checkWriteFileError(input, output, data, error));
 }
@@ -455,7 +457,7 @@ function printProfitInfo(inBytes, outBytes) {
     Math.round((inBytes / 1024) * 1000) / 1000 +
       ' KiB' +
       (profitPercents < 0 ? ' + ' : ' - ') +
-      green(Math.abs(Math.round(profitPercents * 10) / 10) + '%') +
+      colors.green(Math.abs(Math.round(profitPercents * 10) / 10) + '%') +
       ' = ' +
       Math.round((outBytes / 1024) * 1000) / 1000 +
       ' KiB'
@@ -491,8 +493,8 @@ function checkOptimizeFileError(config, input, output, error) {
  */
 function checkWriteFileError(input, output, data, error) {
   if (error.code == 'EISDIR' && input) {
-    return FS.promises.writeFile(
-      PATH.resolve(output, PATH.basename(input)),
+    return fs.promises.writeFile(
+      path.resolve(output, path.basename(input)),
       data,
       'utf8'
     );
@@ -507,7 +509,7 @@ function checkWriteFileError(input, output, data, error) {
 function showAvailablePlugins() {
   const list = Object.entries(pluginsMap)
     .sort(([a], [b]) => a.localeCompare(b))
-    .map(([name, plugin]) => ` [ ${green(name)} ] ${plugin.description}`)
+    .map(([name, plugin]) => ` [ ${colors.green(name)} ] ${plugin.description}`)
     .join('\n');
   console.log('Currently available plugins:\n' + list);
 }

package/dist/collection/node_modules/svgo/lib/svgo/plugins.js

@@ -86,6 +86,22 @@ const createPreset = ({ name, plugins }) => {
       if (floatPrecision != null) {
         globalOverrides.floatPrecision = floatPrecision;
       }
+      if (overrides) {
+        for (const [pluginName, override] of Object.entries(overrides)) {
+          if (override === true) {
+            console.warn(
+              `You are trying to enable ${pluginName} which is not part of preset.\n` +
+                `Try to put it before or after preset, for example\n\n` +
+                `plugins: [\n` +
+                `  {\n` +
+                `    name: 'preset-default',\n` +
+                `  },\n` +
+                `  'cleanupListOfValues'\n` +
+                `]\n`
+            );
+          }
+        }
+      }
       return invokePlugins(ast, info, plugins, overrides, globalOverrides);
     },
   };

package/dist/collection/node_modules/svgo/lib/svgo-node.js

@@ -15,21 +15,28 @@ exports.createContentItem = createContentItem;
 
 const importConfig = async (configFile) => {
   let config;
-  try {
-    // dynamic import expects file url instead of path and may fail
-    // when windows path is provided
-    const { default: imported } = await import(pathToFileURL(configFile));
-    config = imported;
-  } catch (importError) {
-    // TODO remove require in v3
+  // at the moment dynamic import may randomly fail with segfault
+  // to workaround this for some users .cjs extension is loaded
+  // exclusively with require
+  if (configFile.endsWith('.cjs')) {
+    config = require(configFile);
+  } else {
     try {
-      config = require(configFile);
-    } catch (requireError) {
-      // throw original error if es module is detected
-      if (requireError.code === 'ERR_REQUIRE_ESM') {
-        throw importError;
-      } else {
-        throw requireError;
+      // dynamic import expects file url instead of path and may fail
+      // when windows path is provided
+      const { default: imported } = await import(pathToFileURL(configFile));
+      config = imported;
+    } catch (importError) {
+      // TODO remove require in v3
+      try {
+        config = require(configFile);
+      } catch (requireError) {
+        // throw original error if es module is detected
+        if (requireError.code === 'ERR_REQUIRE_ESM') {
+          throw importError;
+        } else {
+          throw requireError;
+        }
       }
     }
   }

package/dist/collection/node_modules/svgo/lib/svgo.js

@@ -6,7 +6,7 @@ const {
   extendDefaultPlugins,
 } = require('./svgo/config.js');
 const { parseSvg } = require('./parser.js');
-const js2svg = require('./svgo/js2svg.js');
+const { stringifySvg } = require('./stringifier.js');
 const { invokePlugins } = require('./svgo/plugins.js');
 const JSAPI = require('./svgo/jsAPI.js');
 const { encodeSVGDatauri } = require('./svgo/tools.js');
@@ -53,10 +53,7 @@ const optimize = (input, config) => {
       globalOverrides.floatPrecision = config.floatPrecision;
     }
     svgjs = invokePlugins(svgjs, info, resolvedPlugins, null, globalOverrides);
-    svgjs = js2svg(svgjs, config.js2svg);
-    if (svgjs.error) {
-      throw Error(svgjs.error);
-    }
+    svgjs = stringifySvg(svgjs, config.js2svg);
     if (svgjs.data.length < prevResultSize) {
       input = svgjs.data;
       prevResultSize = svgjs.data.length;