All files / custom-element/helpers valueConverter.ts

34.29% Statements 12/35
26.92% Branches 14/52
50% Functions 1/2
34.29% Lines 12/35

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 1126x   6x       4x   4x     4x             4x                                 4x                                                                           4x   1x     3x         3x                                                       6x
import getGlobalFunction from "./getGlobalFunction";
 
const valueConverter = {
 
    toProperty: (value: string, type: Function | Function[]) => {
 
        Eif (!Array.isArray(type)) { // Convert type to array so we can handle multiple types as well
 
            type = [type];
        }
 
        Iif (value === null &&
            type.includes(String)) { // When an attribute gets removed attributeChangedCallback gives the value of null
 
            return '';
        }
 
        // First try a function since that can create any of the objects below
        Iif (value !== null &&
            value[value.length - 2] === '(' && value[value.length - 1] === ')' // The function by convention must end in ()
            && type.includes(Function)) {
 
            const fcn = getGlobalFunction(value);
 
            if (fcn !== undefined) {
 
                return fcn;
            }
        }
 
        // if (type.includes(ElementNode)) {
 
        //     return createVirtualNode(value);
        // }
 
        Iif (type.includes(Object) ||
            type.includes(Array)
        ) {
 
            let o;
 
            try {
 
                o = JSON.parse(value);
            }
            catch (error) {
 
                if (!type.includes(String)) {
 
                    throw error; // Malformed JSON
                }
 
                // Try the other types below
            }
 
            if (o !== undefined) {
 
                if (!Array.isArray(o) &&
                    !type.includes(Object)) {
 
                    throw Error(`value: ${value} is not an array but there is no object type expected`);
                }
 
                if (Array.isArray(o) &&
                    !type.includes(Array)) {
 
                    throw Error(`value: ${value} is an array but there is no array type expected`);
                }
 
                return o;
            }
        }
 
        if (type.includes(Boolean)) {
 
            return value !== null && value !== 'false';
        }
 
        Iif (type.includes(Number)) {
 
            return value === null ? null : Number(value);
        }
 
        return value;
    },
 
    toAttribute: (value: any) => {
 
        const type = typeof value;
 
        if (type === 'boolean') {
 
            return value ? 'true' : 'false';
        }
 
        if (type === 'object' || Array.isArray(value)) {
 
            return value == null ? value : JSON.stringify(value);
        }
 
        if (value === undefined ||
            value === null) {
 
            return `${value}`; // Convert undefined and null to string
        }
 
        return value;
    }
 
};
 
export default valueConverter;