bak-SVG Exporter.jsx

/**
 * The MIT License (MIT)
 *
 * Copyright (c) 2015 Waybury
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 */

/**
 * Declare the target app.
 */
#target illustrator

/**
 * Include the libraries we need.
 */
#includepath "/Users/scott/github/iconify/jsx-common/";


#include "JSON.jsxinc";
#include "Utils.jsxinc";
#include "Logger.jsxinc";

/**
 * Disable Illustrator's alerts.
 */
Utils.displayAlertsOff();


var exportFolder,
    sourceDoc,
    itemsToExport,
    exportDoc,
    svgOptions;

try {
    if ( app.documents.length > 0 ) {
        svgOptions = new ExportOptionsSVG();
        svgOptions.embedRasterImages = false;
        svgOptions.cssProperties = SVGCSSPropertyLocation.PRESENTATIONATTRIBUTES;
        svgOptions.fontSubsetting = SVGFontSubsetting.None;
        svgOptions.documentEncoding = SVGDocumentEncoding.UTF8;
        svgOptions.coordinatePrecision = 4;

        itemsToExport = [];
        sourceDoc = app.activeDocument;
        exportFolder = Folder.selectDialog('Select Folder to Save Files');
        exportDoc = documents.add( DocumentColorSpace.RGB );

        main();

        exportDoc.close(SaveOptions.DONOTSAVECHANGES);
    }
    else{
        throw new Error('There are no documents open. Open a document and try again.');
    }
}
catch(e) {
    alert(e.message, "Script Alert", true);
}

function main() {
    var item;
    app.activeDocument = sourceDoc;
    itemsToExport = getNamedItems(sourceDoc);

    Utils.showProgressBar(itemsToExport.length);

    for ( var i = 0, len = itemsToExport.length; i < len; i++ ) {


        item = itemsToExport[i];

        Utils.updateProgressMessage( "Exporting item " + item.name );

        if ( item.typename === 'Artboard' ) {
            exportArtboard(item);
        } else if ( item.typename === 'Layer' ) {
            exportLayer(item);
        } else {
            exportItem(item);
        }

        // Empty export document
        exportDoc.pageItems.removeAll();

        redraw();

        Utils.updateProgress( item.name + " was exported" );
    }

    Utils.progress.close();

}

function exportArtboard(artboard) {

    var item,
        name,
        prettyName,
        doc,
        rect,
        bbox;

    app.activeDocument = sourceDoc;
    rect = artboard.artboardRect;

    bbox = sourceDoc.pathItems.rectangle(rect[1], rect[0], rect[2]-rect[0], rect[1]-rect[3]);
    bbox.stroked = false;
    bbox.name = '__ILSVGEX__BOUNDING_BOX';

    name = artboard.name;
    prettyName = name.slice(0, -4).replace(/[^\w\s]|_/g, " ").replace(/\s+/g, "-").toLowerCase();

    app.activeDocument = exportDoc;

    for ( var i = 0, len = sourceDoc.pageItems.length; i < len; i++ ) {
        item = sourceDoc.pageItems[i];

        if( hitTest(item, bbox) && !item.locked && !anyParentLocked(item)  ) {
            item.duplicate( exportDoc, ElementPlacement.PLACEATEND );
        }
    }

    app.activeDocument = exportDoc;
    exportDoc.pageItems.getByName('__ILSVGEX__BOUNDING_BOX').remove();

    // Check if artboard is blank, clean up and exit
    if(!exportDoc.pageItems.length) {
        sourceDoc.pageItems.getByName('__ILSVGEX__BOUNDING_BOX').remove();
        return;
    }

    for ( i = 0, len = exportDoc.pageItems.length; i < len; i++) {
        item = exportDoc.pageItems[i];

        /*
         * For the moment, all pageItems are made visible and exported
         * unless they are locked. This may not make sense, but it'll
         * work for now.
         */
        item.hidden = false;
    }

    exportDoc.layers[0].name = prettyName;
    exportSVG( exportDoc, name, bbox.visibleBounds, svgOptions );

    sourceDoc.pageItems.getByName('__ILSVGEX__BOUNDING_BOX').remove();
}

function exportLayer(layer) {

    var item,
        startX,
        startY,
        endX,
        endY,
        name,
        prettyName,
        itemName,
        layerItems;

    layerItems = [];

    for ( var i = 0, len = layer.pageItems.length; i < len; i++ ) {
        layerItems.push(layer.pageItems[i]);
    }
    recurseItems(layer.layers, layerItems);

    if ( !layerItems.length ) {
        return;
    }

    name = layer.name;
    prettyName = name.slice(0, -4).replace(/[^\w\s]|_/g, " ").replace(/\s+/g, "-").toLowerCase();

    for ( i = 0, len = layerItems.length; i < len; i++ ) {
        app.activeDocument = sourceDoc;
        item = layerItems[i];
        item.duplicate( exportDoc, ElementPlacement.PLACEATEND );
    }

    app.activeDocument = exportDoc;

    for ( i = 0, len = exportDoc.pageItems.length; i < len; i++) {

        item = exportDoc.pageItems[i];

        /*
         * For the moment, all pageItems are made visible and exported
         * unless they are locked. This may not make sense, but it'll
         * work for now.
         */
        item.hidden = false;

        if(item.name) {
            itemName = item.name;
            if(itemName.split('.').pop() === 'svg') {
                itemName = itemName.slice(0, -4);
            }
            itemName = itemName.replace(/[^\w\s]|_/g, " ").replace(/\s+/g, "-").toLowerCase()

            item.name = prettyName + '-' + itemName;
        }
        /*
         * We want the smallest startX, startY for obvious reasons.
         * We also want the smallest endX and endY because Illustrator
         * Extendscript treats this coordinate reversed to how the UI
         * treats it (e.g., -142 in the UI is 142).
         *
         */
        startX = ( !startX || startX > item.visibleBounds[0] ) ? item.visibleBounds[0] : startX;
        startY = ( !startY || startY < item.visibleBounds[1] ) ? item.visibleBounds[1] : startY;
        endX = ( !endX || endX < item.visibleBounds[2] ) ? item.visibleBounds[2] : endX;
        endY = ( !endY || endY > item.visibleBounds[3] ) ? item.visibleBounds[3] : endY;
    }

    exportDoc.layers[0].name = name.slice(0, -4);
    exportSVG( exportDoc, name, [startX, startY, endX, endY], svgOptions );
}

function exportItem(item) {

    var name,
        newItem;

    name = item.name;
    newItem = item.duplicate( exportDoc, ElementPlacement.PLACEATEND );
    newItem.hidden = false;
    newItem.name = item.name.slice(0, -4);
    app.activeDocument = exportDoc;

    exportDoc.layers[0].name = ' ';
    exportSVG( exportDoc, name, item.visibleBounds, svgOptions );
}

function resize(target, scale) {
    if (typeof(target.resize) == "function") {
        target.resize(
            scale,
            scale,
            true,
            true,
            true,
            true,
            scale
        );
    }
    else {

    }
}


function centerOnArtboard() {

    var doc    = app.activeDocument;
    var count  = doc.artboards.length;
    var __SCALE = 22.222;

    app.coordinateSystem = CoordinateSystem.ARTBOARDCOORDINATESYSTEM;

    for (i = 0; i < count; i++) {
        doc.artboards.setActiveArtboardIndex(i);
        // doc.selection = null;

        var board  = doc.artboards[doc.artboards.getActiveArtboardIndex()];
        var right  = board.artboardRect[2];
        var bottom = board.artboardRect[3];

        doc.selectObjectsOnActiveArtboard();

        app.executeMenuCommand('group');

        for (x = 0 ; x < doc.selection.length; x++) {
            try {
                doc.selection[x].position = [
                    Math.round((right - doc.selection[x].width)/2),
                    Math.round((bottom + doc.selection[x].height)/2)
                ];

                resize(doc.selection[x], __SCALE);

                resizeArtboard();

            }
            catch(e) {
                alert(e);
            }
        }
    }

    redraw();
}

function resizeArtboard() {

    var OPTIONS = {
        size   : 32,
        width  : 32,
        height : 32
    };

    if (app.documents.length > 0) {

        var idoc  = app.activeDocument;
        var title = "Resize All Artboards";

        OPTIONS.size = "64x64";

        if (OPTIONS.size.indexOf('x') != -1) {
            var bits = OPTIONS.size.split('x');
            OPTIONS.width  = parseInt(bits[0]);
            OPTIONS.height = parseInt(bits[1]);
        }
        else {
            OPTIONS.width  = OPTIONS.size;
            OPTIONS.height = OPTIONS.size;
        }

        try {
            var width  = OPTIONS.width;
            var height = OPTIONS.height;

            for (i=0; i<idoc.artboards.length; i++) {
                var abBounds = idoc.artboards[i].artboardRect;// left, top, right, bottom

                var ableft   = abBounds[0]; // 0
                var abtop    = abBounds[1]; // 612
                var abwidth  = abBounds[2] - ableft; // 792 // width
                var abheight = abtop- abBounds[3]; // 0 // height

                var abctrx   = abwidth / 2 + ableft;
                var abctry   = abtop - abheight / 2;

                var ableft   = abctrx - width  / 2;
                var abtop    = abctry + height / 2;
                var abright  = abctrx + width  / 2;
                var abbottom = abctry - height / 2;

                idoc.artboards[i].artboardRect = [ableft, abtop, abright, abbottom];
            }
        }
        catch(e) {
            alert(e.message);
            /** Exist gracfully for now */
        }
    }
    else  {
        alert ("there are no open documents");
    }
}

function exportSVG(doc, name, bounds, exportOptions) {

    doc.artboards[0].artboardRect = bounds;

    centerOnArtboard();

    var file = new File( exportFolder.fsName + '/' + name );
    doc.exportFile( file, ExportType.SVG, exportOptions );
}

function getNamedItems(doc) {
    var item,
        items,
        doclayers,
        artboards;

    items = [];

    // Check all artboards for name match
    artboards = [];

    for ( var i = 0, len = doc.artboards.length; i < len; i++ ) {
        item = doc.artboards[i];
        if ( item.name.split('.').pop() === 'svg' ) {
            items.push(item);
        }
    }

    // Check all layers for name match
    doclayers = [];
    recurseLayers( doc.layers, doclayers );

    for ( i = 0, len = doclayers.length; i < len; i++ ) {
        item = doclayers[i];

        if ( item.name.split('.').pop() === 'svg' && !item.locked && !anyParentLocked(item) ) {
            items.push(item);
        }
    }

    // Check all pageItems for name match
    for ( i = 0, len = doc.pageItems.length; i < len; i++ ) {
        item =  doc.pageItems[i];

        if ( item.name.split('.').pop() === 'svg' && !item.locked && !anyParentLocked(item) ) {
            items.push(item);
        }
    }

    return items;
}

function recurseLayers(layers, layerArray) {

    var layer;

    for ( var i = 0, len = layers.length; i < len; i++ ) {
        layer = layers[i];
        if ( !layer.locked ) {
            layerArray.push(layer);
        }
        if (layer.layers.length > 0) {
            recurseLayers( layer.layers, layerArray );
        }
    }
}

function recurseItems(layers, items) {

    var layer;

    for ( var i = 0, len = layers.length; i < len; i++ ) {
        layer = layers[i];
        if ( layer.pageItems.length > 0 && !layer.locked ) {
            for ( var j = 0, plen = layer.pageItems.length; j < plen; j++ ) {
                if ( !layer.pageItems[j].locked ) {
                    items.push(layer.pageItems[j]);
                }
            }
        }

        if ( layer.layers.length > 0 ) {
            recurseItems( layer.layers, items );
        }
    }
}

function anyParentLocked(item) {
    while ( item.parent ) {
        if ( item.parent.locked ) {
            return true;
        }
        item = item.parent;
    }

    return false;
}


/* Code derived from John Wundes ( john@wundes.com ) www.wundes.com
 * Copyright (c) 2005 wundes.com
 * All rights reserved.
 *
 * This code is derived from software contributed to or originating on wundes.com
 */

function hitTest(a,b){
    if(!hitTestX(a,b)){
        return false;
    }
    if(!hitTestY(a,b)){
        return false;
    }
    return true;
}

function hitTestX(a,b){
    var p1 = a.visibleBounds[0];
    var p2 = b.visibleBounds[0];
    if( (p2<=p1 && p1<=p2+b.width) || (p1<=p2 && p2<=p1+a.width) ) {
        return true;
    }
    return false;
}

function hitTestY(a,b){
    var p3 = a.visibleBounds[1];
    var p4 = b.visibleBounds[1];
    if( (p3>=p4 && p4>=(p3-a.height)) || (p4>=p3 && p3>=(p4-b.height)) ) {
        return true;
    }
    return false;
}