Fix code quality violations and exclude Manifest from checks
Document application modes (development/debug/production) Add global file drop handler, order column normalization, SPA hash fix Serve CDN assets via /_vendor/ URLs instead of merging into bundles Add production minification with license preservation Improve JSON formatting for debugging and production optimization Add CDN asset caching with CSS URL inlining for production builds Add three-mode system (development, debug, production) Update Manifest CLAUDE.md to reflect helper class architecture Refactor Manifest.php into helper classes for better organization Pre-manifest-refactor checkpoint: Add app_mode documentation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
root
157
node_modules/svgo/plugins/mergePaths.js
generated
vendored
157
node_modules/svgo/plugins/mergePaths.js
generated
vendored
@@ -1,29 +1,43 @@
|
||||
'use strict';
|
||||
import { collectStylesheet, computeStyle } from '../lib/style.js';
|
||||
import { intersects, js2path, path2js } from './_path.js';
|
||||
import { includesUrlReference } from '../lib/svgo/tools.js';
|
||||
|
||||
const { detachNodeFromParent } = require('../lib/xast.js');
|
||||
const { collectStylesheet, computeStyle } = require('../lib/style.js');
|
||||
const { path2js, js2path, intersects } = require('./_path.js');
|
||||
/**
|
||||
* @typedef MergePathsParams
|
||||
* @property {boolean=} force
|
||||
* @property {number=} floatPrecision
|
||||
* @property {boolean=} noSpaceAfterFlags
|
||||
*/
|
||||
|
||||
exports.type = 'visitor';
|
||||
exports.name = 'mergePaths';
|
||||
exports.active = true;
|
||||
exports.description = 'merges multiple paths in one if possible';
|
||||
export const name = 'mergePaths';
|
||||
export const description = 'merges multiple paths in one if possible';
|
||||
|
||||
/**
|
||||
* @param {import('../lib/types.js').ComputedStyles} computedStyle
|
||||
* @param {string} attName
|
||||
* @returns {boolean}
|
||||
*/
|
||||
function elementHasUrl(computedStyle, attName) {
|
||||
const style = computedStyle[attName];
|
||||
|
||||
if (style?.type === 'static') {
|
||||
return includesUrlReference(style.value);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Merge multiple Paths into one.
|
||||
*
|
||||
* @author Kir Belevich, Lev Solntsev
|
||||
*
|
||||
* @type {import('../lib/types').Plugin<{
|
||||
* force?: boolean,
|
||||
* floatPrecision?: number,
|
||||
* noSpaceAfterFlags?: boolean
|
||||
* }>}
|
||||
* @type {import('../lib/types.js').Plugin<MergePathsParams>}
|
||||
*/
|
||||
exports.fn = (root, params) => {
|
||||
export const fn = (root, params) => {
|
||||
const {
|
||||
force = false,
|
||||
floatPrecision,
|
||||
floatPrecision = 3,
|
||||
noSpaceAfterFlags = false, // a20 60 45 0 1 30 20 → a20 60 45 0130 20
|
||||
} = params;
|
||||
const stylesheet = collectStylesheet(root);
|
||||
@@ -31,73 +45,124 @@ exports.fn = (root, params) => {
|
||||
return {
|
||||
element: {
|
||||
enter: (node) => {
|
||||
let prevChild = null;
|
||||
if (node.children.length <= 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
/** @type {import('../lib/types.js').XastChild[]} */
|
||||
const elementsToRemove = [];
|
||||
let prevChild = node.children[0];
|
||||
let prevPathData = null;
|
||||
|
||||
/**
|
||||
* @param {import('../lib/types.js').XastElement} child
|
||||
* @param {ReadonlyArray<import("../lib/types.js").PathDataItem>} pathData
|
||||
*/
|
||||
const updatePreviousPath = (child, pathData) => {
|
||||
js2path(child, pathData, {
|
||||
floatPrecision,
|
||||
noSpaceAfterFlags,
|
||||
});
|
||||
prevPathData = null;
|
||||
};
|
||||
|
||||
for (let i = 1; i < node.children.length; i++) {
|
||||
const child = node.children[i];
|
||||
|
||||
for (const child of node.children) {
|
||||
// skip if previous element is not path or contains animation elements
|
||||
if (
|
||||
prevChild == null ||
|
||||
prevChild.type !== 'element' ||
|
||||
prevChild.name !== 'path' ||
|
||||
prevChild.children.length !== 0 ||
|
||||
prevChild.attributes.d == null
|
||||
) {
|
||||
if (prevPathData && prevChild.type === 'element') {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
prevChild = child;
|
||||
continue;
|
||||
}
|
||||
|
||||
// skip if element is not path or contains animation elements
|
||||
if (
|
||||
child.type !== 'element' ||
|
||||
child.name !== 'path' ||
|
||||
child.children.length !== 0 ||
|
||||
child.attributes.d == null
|
||||
) {
|
||||
if (prevPathData) {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
prevChild = child;
|
||||
continue;
|
||||
}
|
||||
|
||||
// preserve paths with markers
|
||||
const computedStyle = computeStyle(stylesheet, child);
|
||||
if (
|
||||
computedStyle['marker-start'] ||
|
||||
computedStyle['marker-mid'] ||
|
||||
computedStyle['marker-end']
|
||||
computedStyle['marker-end'] ||
|
||||
computedStyle['clip-path'] ||
|
||||
computedStyle['mask'] ||
|
||||
computedStyle['mask-image'] ||
|
||||
['fill', 'filter', 'stroke'].some((attName) =>
|
||||
elementHasUrl(computedStyle, attName),
|
||||
)
|
||||
) {
|
||||
if (prevPathData) {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
prevChild = child;
|
||||
continue;
|
||||
}
|
||||
const childAttrs = Object.keys(child.attributes);
|
||||
if (childAttrs.length !== Object.keys(prevChild.attributes).length) {
|
||||
if (prevPathData) {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
prevChild = child;
|
||||
continue;
|
||||
}
|
||||
|
||||
const prevChildAttrs = Object.keys(prevChild.attributes);
|
||||
const childAttrs = Object.keys(child.attributes);
|
||||
let attributesAreEqual = prevChildAttrs.length === childAttrs.length;
|
||||
for (const name of childAttrs) {
|
||||
if (name !== 'd') {
|
||||
if (
|
||||
prevChild.attributes[name] == null ||
|
||||
prevChild.attributes[name] !== child.attributes[name]
|
||||
) {
|
||||
attributesAreEqual = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
const prevPathJS = path2js(prevChild);
|
||||
const curPathJS = path2js(child);
|
||||
const areAttrsEqual = childAttrs.some((attr) => {
|
||||
return (
|
||||
attr !== 'd' &&
|
||||
prevChild.type === 'element' &&
|
||||
prevChild.attributes[attr] !== child.attributes[attr]
|
||||
);
|
||||
});
|
||||
|
||||
if (
|
||||
attributesAreEqual &&
|
||||
(force || !intersects(prevPathJS, curPathJS))
|
||||
) {
|
||||
js2path(prevChild, prevPathJS.concat(curPathJS), {
|
||||
floatPrecision,
|
||||
noSpaceAfterFlags,
|
||||
});
|
||||
detachNodeFromParent(child, node);
|
||||
if (areAttrsEqual) {
|
||||
if (prevPathData) {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
prevChild = child;
|
||||
continue;
|
||||
}
|
||||
|
||||
const hasPrevPath = prevPathData != null;
|
||||
const currentPathData = path2js(child);
|
||||
prevPathData = prevPathData ?? path2js(prevChild);
|
||||
|
||||
if (force || !intersects(prevPathData, currentPathData)) {
|
||||
prevPathData.push(...currentPathData);
|
||||
elementsToRemove.push(child);
|
||||
continue;
|
||||
}
|
||||
|
||||
if (hasPrevPath) {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
|
||||
prevChild = child;
|
||||
prevPathData = null;
|
||||
}
|
||||
|
||||
if (prevPathData && prevChild.type === 'element') {
|
||||
updatePreviousPath(prevChild, prevPathData);
|
||||
}
|
||||
|
||||
node.children = node.children.filter(
|
||||
(child) => !elementsToRemove.includes(child),
|
||||
);
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user