Get spot colors from selected object / group objects

Hi @AntonioPacheco, I had a look at this for you. It was hard to work out what you were doing, and I changed quite a few things so that it made sense to me. For example, now I gather all the colors of the selection first, then I make the color chips. I have made a function that helps to gather the colors from a pageItem so I used that.

Did I understand your needs correctly?

- Mark

(function () {

    // example usage:
    WriteColours3('Truck');

    // initial code courtesy @femkeblanco
    // modified by @Antonio Pacheco HN
    // modified by @m1b
    function WriteColours3(myVariable) {
        
        var font = "Arial-BoldItalicMT";
        var size = 20.02; //size font

        if (myVariable == "Truck"
            || myVariable == "Mini Van"
            || myVariable == "Bus"
        ) {
            var w = size * 2.3,
                h = size,
                x = 440,
                y = -73; // width, height, left and top x = 385, y = -203
        }

        if (
            myVariable == "Civic"
            || myVariable == "Corolla"
        ) {
            var w = size * 2.3,
                h = size,
                x = 64,
                y = -628; // width, height, left and top x = 385, y = -203
        }

        var doc = app.activeDocument;
        var miColor = "";

        if (doc.selection.length == 0) {
            alert('Please make a selection and try again.');
            return;
        }


        // get colors from the selection

        var selectedSpotColors = [];

        for (var i = 0; i < doc.selection.length; i++) {

            var item = app.activeDocument.selection[i];
            var colorsOfSelectedItem = getBasicColorsFromItem(item);

            for (var c = 0; c < colorsOfSelectedItem.fillColors.length; c++) {

                var miColor = colorsOfSelectedItem.fillColors[c];

                if (miColor.typename == 'SpotColor')
                    selectedSpotColors.push(miColor);

            }

        }

        // now make color chips for each spot color found
        var group = doc.groupItems.add();

        for (var c = 0; c < selectedSpotColors.length; c++) {

            var miColor = selectedSpotColors[c];

            // draw the text
            var text = doc.textFrames.pointText([x, y]);
            text.textRange.textFont = textFonts[font];
            text.contents = miColor.spot.name;
            text.textRange.size = size;

            // draw rectangle around text
            var rect = doc.pathItems.rectangle(y + text.height, x, text.width, text.height);
            rect.fillColor = miColor;

            // advance x
            x += text.width;

            // group
            text.move(group, ElementPlacement.PLACEATEND);
            rect.move(group, ElementPlacement.PLACEATEND);

        }

    };


    /**
     * Returns array of swatches or colors
     * found in fill or stroke of page item.
     * @author m1b
     * @version 2022-10-11
     * @param {PageItem} item - an Illustrator page item.
     * @returns {Object} -  {fillColors: Array<Color>, strokeColors: Array<Color>}
     */
    function getBasicColorsFromItem(item) {

        if (item == undefined)
            throw Error('getItemColor: No item supplied.');

        var noColor = "[NoColor]",
            colorables = [],
            foundColors = {
                fillColors: [],
                strokeColors: []
            };

        // collect all the colorables
        if (item.constructor.name == 'PathItem') {
            colorables.push(item);
        }

        else if (
            item.constructor.name == 'CompoundPathItem'
            && item.pathItems
        ) {
            colorables.push(item.pathItems[0]);
        }

        else if (
            item.constructor.name == 'TextFrame'
            && item.textRanges
        ) {
            for (var i = item.textRanges.length - 1; i >= 0; i--)
                colorables.push({
                    fillColor: item.textRanges[i].characterAttributes.fillColor,
                    strokeColor: item.textRanges[i].characterAttributes.strokeColor
                });
        }

        if (colorables.length > 0)

            for (var i = 0; i < colorables.length; i++) {

                if (
                    colorables[i].hasOwnProperty('fillColor')
                    && colorables[i].fillColor != noColor
                    && (
                        !colorables[i].hasOwnProperty('filled')
                        || colorables[i].filled == true
                    )
                    && colorables[i].fillColor != undefined
                )
                    foundColors.fillColors.push(colorables[i].fillColor);

                if (
                    colorables[i].hasOwnProperty('strokeColor')
                    && colorables[i].strokeColor != noColor
                    && (
                        colorables[i].constructor.name == 'CharacterAttributes'
                        || colorables[i].stroked == true
                    )
                    && colorables[i].strokeColor != undefined
                )
                    foundColors.strokeColors.push(colorables[i].strokeColor);

            }

        else if (item.constructor.name == 'GroupItem') {

            // add colors from grouped items

            for (var i = 0; i < item.pageItems.length; i++) {
                var found = getBasicColorsFromItem(item.pageItems[i]);
                foundColors.fillColors = foundColors.fillColors.concat(found.fillColors);
                foundColors.strokeColors = foundColors.strokeColors.concat(found.strokeColors);
            }

        }

        return foundColors;

    };


})();

function WriteColours(myVariable) {
    var font = "Arial-BoldItalicMT";
    var size = 20.02;  //size font
    if ((myVariable == "Truck") || (myVariable == "Mini Van") || (myVariable == "Bus")) {
        var w = size * 2.3, h = size, x = 440, y = -73;  // width, height, left and top
    }
    if ((myVariable == "Civic") || (myVariable == "Corolla")) {
        var w = size * 2.3, h = size, x = 64, y = -628;  // width, height, left and top
    }
    var doc = app.activeDocument;
    if (doc.selection.length > 0) {
        var group = doc.groupItems.add();
        for (var i = 0; i < doc.selection.length; i++) {
            var rect = doc.pathItems.rectangle(y, x, w, h);
            var text = doc.textFrames.areaText(rect);
            text.textRange.textFont = textFonts[font];
            text.contents = doc.selection[i].fillColor.spot.name;
            text.textRange.size = size;
            while (text.lines[0].characters.length < text.characters.length) {
                text.textPath.width += size;
            }
            x += text.textPath.width;
            text.move(group, ElementPlacement.PLACEATEND);
        }
    }
}
WriteColours("Truck");

Thank you for your help! I still don't try this but it seems that it will color the text frame, what I would like to do is to set in text.contents the colors from the selection instead of getting the colors from the doc.swatches.

thank you, kind of struggling already hehe if someone can help me with the code I provided I will appreciate it