svg-path-simplify 0.3.5 → 0.4.0

package/src/svgii/stringify.js

@@ -1,103 +0,0 @@
-/**
- * Serialize pathData array to a minified "d" attribute string.
- */
-export function pathDataToD(pathData, optimize = 1) {
-
-    let beautify = optimize>1;
-    let minify = beautify ? false : true;
-
-    // Convert first "M" to "m" if followed by "l" (when minified)
-    if (pathData[1].type === "l" && minify) {
-        pathData[0].type = "m";
-    }
-
-    let d = '';
-    if(beautify) {
-        d = `${pathData[0].type} ${pathData[0].values.join(" ")}\n`;
-    }else{
-        d = `${pathData[0].type}${pathData[0].values.join(" ")}`;
-    }
-
-
-    for (let i = 1, len = pathData.length; i < len; i++) {
-        let com0 = pathData[i - 1];
-        let com = pathData[i];
-        let { type, values } = com;
-
-        // Minify Arc commands (A/a) – actually sucks!
-        if (minify && (type === 'A' || type === 'a')) {
-            values = [
-                values[0], values[1], values[2],
-                `${values[3]}${values[4]}${values[5]}`,
-                values[6]
-            ];
-        }
-
-        // Omit type for repeated commands
-        type = (com0.type === com.type && com.type.toLowerCase() !== 'm' && minify)
-                ? " "
-                : (
-                    (com0.type === "m" && com.type === "l") ||
-                    (com0.type === "M" && com.type === "l") ||
-                    (com0.type === "M" && com.type === "L")
-                ) && minify
-                    ? " "
-                    : com.type;
-
-
-        // concatenate subsequent floating point values
-        if (minify) {
-
-            //console.log(optimize, beautify, minify);
-
-            let valsString = '';
-            let prevWasFloat = false;
-
-            for (let v = 0, l = values.length; v < l; v++) {
-                let val = values[v];
-                let valStr = val.toString();
-                let isFloat = valStr.includes('.');
-                let isSmallFloat = isFloat && Math.abs(val) < 1;
-
-
-                // Remove leading zero from small floats *only* if the previous was also a float
-                if (isSmallFloat && prevWasFloat) {
-                    valStr = valStr.replace(/^0\./, '.');
-                }
-
-                // Add space unless this is the first value OR previous was a small float
-                if (v > 0 && !(prevWasFloat && isSmallFloat)) {
-                    valsString += ' ';
-                }
-                //console.log(isSmallFloat, prevWasFloat, valStr);
-
-                valsString += valStr
-                //.replace(/-0./g, '-.').replace(/ -./g, '-.')
-                prevWasFloat = isSmallFloat;
-            }
-
-            //console.log('minify', valsString);
-            d += `${type}${valsString}`;
-
-        }
-        // regular non-minified output
-        else{
-            if(beautify) {
-                d += `${type} ${values.join(' ')}\n`;
-            }else{
-                d += `${type}${values.join(' ')}`;
-            }
-        }
-    }
-
-    if (minify) {
-        d = d
-            .replace(/ 0\./g, " .") // Space before small decimals
-            .replace(/ -/g, "-")     // Remove space before negatives
-            .replace(/-0\./g, "-.")  // Remove leading zero from negative decimals
-            .replace(/Z/g, "z");     // Convert uppercase 'Z' to lowercase
-    }
-
-
-    return d;
-}

package/src/svgii/svg-styles-to-attributes.js

@@ -1,217 +0,0 @@
-import { getMatrix, parseCSSTransform } from './svg-styles-getTransforms';
-import { attLookup } from './svg-styles-to-attributes-const';
-
-
-
-export function getElementProps(el, {
-    removeNameSpaced = true,
-    decimals = -1
-} = {}) {
-
-    let nodeName = el.nodeName.toLowerCase();
-    let attProps = getElAttributes(el)
-    let cssProps = getElStyleProps(el)
-
-
-    // normalize transform attributes
-    if (attProps['transform']) {
-
-        let transAtt = attProps['transform']
-        let transArr = transAtt.match(/[a-z]+\([^)]*\)/gi);
-
-
-        //console.log(`attProps['transform']`, transAtt);
-
-
-        let transforms = [];
-        transArr.forEach(trans => {
-            let [prop, vals] = trans.split(/\(|\)/).filter(Boolean)
-            //let prop = vals[0];
-            vals = vals.split(/,| /).filter(Boolean).map(Number)
-            console.log('trans', prop, vals);
-
-            let cssTrans = '';
-
-            // rotate has origin
-            if (prop === 'rotate' && vals.length === 3) {
-
-                cssTrans = `
-                translate(${vals[1]}px, ${vals[2]}px)
-                rotate(${vals[0]}deg)
-                translate(${-vals[1]}px, ${-vals[2]}px)
-                `
-                /*
-                transforms.push({ prop: 'translate', values: [vals[1], vals[2]] })
-                transforms.push({ prop: 'rotate', values: [vals[0]] })
-                transforms.push({ prop: 'translate', values: [-vals[1], -vals[2]] })
-                */
-            } else {
-                cssTrans = `
-                ${prop}(${vals[1]}px, ${vals[2]}px)
-                rotate(${vals[0]}deg)
-                translate(${-vals[1]}px, ${-vals[2]}px)
-                `
-
-
-                //transforms.push({ prop, values: [vals[0]] })
-            }
-        })
-
-        console.log('transforms', transforms);
-
-
-
-
-    }
-
-    // merge properties
-    let props = {
-        ...attProps,
-        ...cssProps
-    }
-
-
-}
-
-
-export function svgStylesToAttributes(el, {
-    removeNameSpaced = true,
-    decimals = -1
-} = {}) {
-
-    let nodeName = el.nodeName.toLowerCase();
-    let attProps = getElAttributes(el)
-    let cssProps = getElStyleProps(el)
-
-    // normalize transform attributes
-    if (attProps['transform']) {
-        console.log(`attProps['transform']`, attProps['transform']);
-    }
-
-    // merge properties
-    let props = {
-        ...attProps,
-        ...cssProps
-    }
-
-    // filter out obsolete properties
-    let propsFiltered = {}
-
-    // parse CSS transforms
-    let cssTrans = cssProps['transform']
-
-    if (cssTrans) {
-        let transStr = `${cssTrans}`
-        let transformObj = parseCSSTransform(transStr)
-        let matrix = getMatrix(transformObj)
-
-        // apply as SVG matrix transform
-        props['transform'] = `matrix(${Object.values(matrix).join(',')})`
-    }
-
-
-    // can't be replaced with attributes
-    let cssOnlyProps = ['inline-size']
-    let styleProps = [];
-
-    for (let prop in props) {
-
-        let value = props[prop];
-
-        // CSS variable
-        if (value && prop.startsWith('--') || cssOnlyProps.includes(prop) ||
-            (!removeNameSpaced && prop.startsWith('-'))) {
-            styleProps.push(`${prop}:${value}`)
-            continue
-        }
-
-        // check if property is valid
-        if (value && attLookup.atts[prop] &&
-            (attLookup.atts[prop] === '*' ||
-                attLookup.atts[prop].includes(nodeName) ||
-                !removeNameSpaced && (prop.includes(':'))
-            )
-        ) {
-            propsFiltered[prop] = value
-        }
-
-        // remove property
-        el.removeAttribute(prop)
-
-    }
-
-    // apply filtered attributes
-    for (let prop in propsFiltered) {
-        let value = propsFiltered[prop]
-        el.setAttribute(prop, value)
-    }
-
-    if (styleProps.length) {
-        el.setAttribute('style', styleProps.join(';'));
-    }
-
-    //console.log('propsFiltered', propsFiltered);
-
-    return propsFiltered;
-
-}
-
-
-function parseInlineStyle(styleAtt = '') {
-
-    let props = {}
-    if (!styleAtt) return props;
-
-    let styleArr = styleAtt.split(';').filter(Boolean).map(prop => prop.trim());
-    let l = styleArr.length
-    if (!l) return props;
-
-    for (let i = 0; l && i < l; i++) {
-        let style = styleArr[i]
-        let [prop, value] = style.split(':').filter(Boolean)
-        props[prop] = value;
-        //props.push(`${prop}:${value}`)
-    }
-
-    return props
-}
-
-export function getElStyleProps(el) {
-    let styleAtt = el.getAttribute('style')
-    let props = styleAtt ? parseInlineStyle(styleAtt) : {}
-    return props
-}
-
-export function getElAttributes(el) {
-    let props = {}
-    let atts = [...el.attributes].map((att) => att.name);
-    let l = atts.length;
-    if (!l) return props;
-
-    for (let i = 0; i < l; i++) {
-        let att = atts[i];
-        let value = el.getAttribute(att);
-        props[att] = value
-    }
-
-    return props;
-}
-
-
-function getUnit(val) {
-    return val && isNaN(val) ? val.match(/[^\d|.]+/g)[0] : '';
-}
-
-
-function roundValue(value = '', decimals = -1) {
-    if (decimals < 0) return value;
-    value = value.replace(/["]/g, '').trim()
-    let valueNum = parseFloat(value);
-    let valueHasNumber = !isNaN(valueNum);
-    if (!valueHasNumber) return value;
-
-    let unit = valueHasNumber ? getUnit(value) : '';
-    if (valueHasNumber) value = `${valueNum.toFixed(decimals)}${unit}`;
-    //console.log('rounded', value)
-    return value;
-}