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
265
node_modules/svgo/plugins/removeHiddenElems.js
generated
vendored
265
node_modules/svgo/plugins/removeHiddenElems.js
generated
vendored
@@ -1,17 +1,33 @@
|
||||
'use strict';
|
||||
import { elemsGroups } from './_collections.js';
|
||||
import { detachNodeFromParent, querySelector } from '../lib/xast.js';
|
||||
import { visit, visitSkip } from '../lib/util/visit.js';
|
||||
import { collectStylesheet, computeStyle } from '../lib/style.js';
|
||||
import { parsePathData } from '../lib/path.js';
|
||||
import { findReferences, hasScripts } from '../lib/svgo/tools.js';
|
||||
|
||||
const {
|
||||
querySelector,
|
||||
closestByName,
|
||||
detachNodeFromParent,
|
||||
} = require('../lib/xast.js');
|
||||
const { collectStylesheet, computeStyle } = require('../lib/style.js');
|
||||
const { parsePathData } = require('../lib/path.js');
|
||||
/**
|
||||
* @typedef RemoveHiddenElemsParams
|
||||
* @property {boolean=} isHidden
|
||||
* @property {boolean=} displayNone
|
||||
* @property {boolean=} opacity0
|
||||
* @property {boolean=} circleR0
|
||||
* @property {boolean=} ellipseRX0
|
||||
* @property {boolean=} ellipseRY0
|
||||
* @property {boolean=} rectWidth0
|
||||
* @property {boolean=} rectHeight0
|
||||
* @property {boolean=} patternWidth0
|
||||
* @property {boolean=} patternHeight0
|
||||
* @property {boolean=} imageWidth0
|
||||
* @property {boolean=} imageHeight0
|
||||
* @property {boolean=} pathEmptyD
|
||||
* @property {boolean=} polylineEmptyPoints
|
||||
* @property {boolean=} polygonEmptyPoints
|
||||
*/
|
||||
|
||||
exports.name = 'removeHiddenElems';
|
||||
exports.type = 'visitor';
|
||||
exports.active = true;
|
||||
exports.description =
|
||||
const nonRendering = elemsGroups.nonRendering;
|
||||
|
||||
export const name = 'removeHiddenElems';
|
||||
export const description =
|
||||
'removes hidden elements (zero sized, with absent attributes)';
|
||||
|
||||
/**
|
||||
@@ -29,25 +45,9 @@ exports.description =
|
||||
*
|
||||
* @author Kir Belevich
|
||||
*
|
||||
* @type {import('../lib/types').Plugin<{
|
||||
* isHidden: boolean,
|
||||
* displayNone: boolean,
|
||||
* opacity0: boolean,
|
||||
* circleR0: boolean,
|
||||
* ellipseRX0: boolean,
|
||||
* ellipseRY0: boolean,
|
||||
* rectWidth0: boolean,
|
||||
* rectHeight0: boolean,
|
||||
* patternWidth0: boolean,
|
||||
* patternHeight0: boolean,
|
||||
* imageWidth0: boolean,
|
||||
* imageHeight0: boolean,
|
||||
* pathEmptyD: boolean,
|
||||
* polylineEmptyPoints: boolean,
|
||||
* polygonEmptyPoints: boolean,
|
||||
* }>}
|
||||
* @type {import('../lib/types.js').Plugin<RemoveHiddenElemsParams>}
|
||||
*/
|
||||
exports.fn = (root, params) => {
|
||||
export const fn = (root, params) => {
|
||||
const {
|
||||
isHidden = true,
|
||||
displayNone = true,
|
||||
@@ -67,9 +67,129 @@ exports.fn = (root, params) => {
|
||||
} = params;
|
||||
const stylesheet = collectStylesheet(root);
|
||||
|
||||
/**
|
||||
* Skip non-rendered nodes initially, and only detach if they have no ID, or
|
||||
* their ID is not referenced by another node.
|
||||
*
|
||||
* @type {Map<import('../lib/types.js').XastElement, import('../lib/types.js').XastParent>}
|
||||
*/
|
||||
const nonRenderedNodes = new Map();
|
||||
|
||||
/**
|
||||
* IDs for removed hidden definitions.
|
||||
*
|
||||
* @type {Set<string>}
|
||||
*/
|
||||
const removedDefIds = new Set();
|
||||
|
||||
/** @type {Map<import('../lib/types.js').XastElement, import('../lib/types.js').XastParent>} */
|
||||
const allDefs = new Map();
|
||||
|
||||
/** @type {Set<string>} */
|
||||
const allReferences = new Set();
|
||||
|
||||
/** @type {Map<string, Array<{ node: import('../lib/types.js').XastElement, parentNode: import('../lib/types.js').XastParent }>>} */
|
||||
const referencesById = new Map();
|
||||
|
||||
/**
|
||||
* If styles are present, we can't be sure if a definition is unused or not
|
||||
*/
|
||||
let deoptimized = false;
|
||||
|
||||
/**
|
||||
* Nodes can't be removed if they or any of their children have an id attribute that is referenced.
|
||||
* @param {import('../lib/types.js').XastElement} node
|
||||
* @returns boolean
|
||||
*/
|
||||
function canRemoveNonRenderingNode(node) {
|
||||
if (allReferences.has(node.attributes.id)) {
|
||||
return false;
|
||||
}
|
||||
for (const child of node.children) {
|
||||
if (child.type === 'element' && !canRemoveNonRenderingNode(child)) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {import('../lib/types.js').XastChild} node
|
||||
* @param {import('../lib/types.js').XastParent} parentNode
|
||||
*/
|
||||
function removeElement(node, parentNode) {
|
||||
if (
|
||||
node.type === 'element' &&
|
||||
node.attributes.id != null &&
|
||||
parentNode.type === 'element' &&
|
||||
parentNode.name === 'defs'
|
||||
) {
|
||||
removedDefIds.add(node.attributes.id);
|
||||
}
|
||||
|
||||
detachNodeFromParent(node, parentNode);
|
||||
}
|
||||
|
||||
visit(root, {
|
||||
element: {
|
||||
enter: (node, parentNode) => {
|
||||
// transparent non-rendering elements still apply where referenced
|
||||
if (nonRendering.has(node.name)) {
|
||||
nonRenderedNodes.set(node, parentNode);
|
||||
return visitSkip;
|
||||
}
|
||||
const computedStyle = computeStyle(stylesheet, node);
|
||||
// opacity="0"
|
||||
//
|
||||
// https://www.w3.org/TR/SVG11/masking.html#ObjectAndGroupOpacityProperties
|
||||
if (
|
||||
opacity0 &&
|
||||
computedStyle.opacity &&
|
||||
computedStyle.opacity.type === 'static' &&
|
||||
computedStyle.opacity.value === '0'
|
||||
) {
|
||||
if (node.name === 'path') {
|
||||
nonRenderedNodes.set(node, parentNode);
|
||||
return visitSkip;
|
||||
}
|
||||
removeElement(node, parentNode);
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
return {
|
||||
element: {
|
||||
enter: (node, parentNode) => {
|
||||
if (
|
||||
(node.name === 'style' && node.children.length !== 0) ||
|
||||
hasScripts(node)
|
||||
) {
|
||||
deoptimized = true;
|
||||
return;
|
||||
}
|
||||
|
||||
if (node.name === 'defs') {
|
||||
allDefs.set(node, parentNode);
|
||||
}
|
||||
|
||||
if (node.name === 'use') {
|
||||
for (const attr of Object.keys(node.attributes)) {
|
||||
if (attr !== 'href' && !attr.endsWith(':href')) {
|
||||
continue;
|
||||
}
|
||||
const value = node.attributes[attr];
|
||||
const id = value.slice(1);
|
||||
|
||||
let refs = referencesById.get(id);
|
||||
if (!refs) {
|
||||
refs = [];
|
||||
referencesById.set(id, refs);
|
||||
}
|
||||
refs.push({ node, parentNode });
|
||||
}
|
||||
}
|
||||
|
||||
// Removes hidden elements
|
||||
// https://www.w3schools.com/cssref/pr_class_visibility.asp
|
||||
const computedStyle = computeStyle(stylesheet, node);
|
||||
@@ -81,7 +201,7 @@ exports.fn = (root, params) => {
|
||||
// keep if any descendant enables visibility
|
||||
querySelector(node, '[visibility=visible]') == null
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -98,22 +218,7 @@ exports.fn = (root, params) => {
|
||||
// markers with display: none still rendered
|
||||
node.name !== 'marker'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
// opacity="0"
|
||||
//
|
||||
// https://www.w3.org/TR/SVG11/masking.html#ObjectAndGroupOpacityProperties
|
||||
if (
|
||||
opacity0 &&
|
||||
computedStyle.opacity &&
|
||||
computedStyle.opacity.type === 'static' &&
|
||||
computedStyle.opacity.value === '0' &&
|
||||
// transparent element inside clipPath still affect clipped elements
|
||||
closestByName(node, 'clipPath') == null
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -129,7 +234,7 @@ exports.fn = (root, params) => {
|
||||
node.children.length === 0 &&
|
||||
node.attributes.r === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -145,7 +250,7 @@ exports.fn = (root, params) => {
|
||||
node.children.length === 0 &&
|
||||
node.attributes.rx === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -161,7 +266,7 @@ exports.fn = (root, params) => {
|
||||
node.children.length === 0 &&
|
||||
node.attributes.ry === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -177,7 +282,7 @@ exports.fn = (root, params) => {
|
||||
node.children.length === 0 &&
|
||||
node.attributes.width === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -194,7 +299,7 @@ exports.fn = (root, params) => {
|
||||
node.children.length === 0 &&
|
||||
node.attributes.height === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -209,7 +314,7 @@ exports.fn = (root, params) => {
|
||||
node.name === 'pattern' &&
|
||||
node.attributes.width === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -224,7 +329,7 @@ exports.fn = (root, params) => {
|
||||
node.name === 'pattern' &&
|
||||
node.attributes.height === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -239,7 +344,7 @@ exports.fn = (root, params) => {
|
||||
node.name === 'image' &&
|
||||
node.attributes.width === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -254,7 +359,7 @@ exports.fn = (root, params) => {
|
||||
node.name === 'image' &&
|
||||
node.attributes.height === '0'
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -265,12 +370,12 @@ exports.fn = (root, params) => {
|
||||
// <path d=""/>
|
||||
if (pathEmptyD && node.name === 'path') {
|
||||
if (node.attributes.d == null) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
const pathData = parsePathData(node.attributes.d);
|
||||
if (pathData.length === 0) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
// keep single point paths for markers
|
||||
@@ -279,10 +384,9 @@ exports.fn = (root, params) => {
|
||||
computedStyle['marker-start'] == null &&
|
||||
computedStyle['marker-end'] == null
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Polyline with empty points
|
||||
@@ -295,7 +399,7 @@ exports.fn = (root, params) => {
|
||||
node.name === 'polyline' &&
|
||||
node.attributes.points == null
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -309,9 +413,46 @@ exports.fn = (root, params) => {
|
||||
node.name === 'polygon' &&
|
||||
node.attributes.points == null
|
||||
) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
removeElement(node, parentNode);
|
||||
return;
|
||||
}
|
||||
|
||||
for (const [name, value] of Object.entries(node.attributes)) {
|
||||
const ids = findReferences(name, value);
|
||||
|
||||
for (const id of ids) {
|
||||
allReferences.add(id);
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
root: {
|
||||
exit: () => {
|
||||
for (const id of removedDefIds) {
|
||||
const refs = referencesById.get(id);
|
||||
if (refs) {
|
||||
for (const { node, parentNode } of refs) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!deoptimized) {
|
||||
for (const [
|
||||
nonRenderedNode,
|
||||
nonRenderedParent,
|
||||
] of nonRenderedNodes.entries()) {
|
||||
if (canRemoveNonRenderingNode(nonRenderedNode)) {
|
||||
detachNodeFromParent(nonRenderedNode, nonRenderedParent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for (const [node, parentNode] of allDefs.entries()) {
|
||||
if (node.children.length === 0) {
|
||||
detachNodeFromParent(node, parentNode);
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user