How to add default tools in HTML panel?

Question

For my workflow in Photoshop I've created this panel:
using Adobe Configurator. It has some scripts and those default PS tools.
As you know in Configurator is just a matter of drag'n'drop and that's about that.
Is there any way to include those tools in an HTML extension?
I found these lines of code in the panel's xml:
<ps_tool _selectID="penTool" _itemId="Tool-Pen_Tool" icon="SP_VectorDraw_Lg_N" overIcon="SP_VectorDraw_Lg_N_D" toolTip="$$$/Tool-Pen_Tool/desc" scriptID="Tool-Pen_Tool" iconx2="SP_VectorDraw_Lgx2_N" overIconx2="SP_VectorDraw_Lgx2_N_D" click="onClick" cfgVisible="$$$/Configurator/Attribute/visible/value###31" width="29" height="26" iconWidth="22" iconHeight="18" left="25" x="25" y="350">
      <eventListeners>
        <function id="onClick" actionType="jsfunction" jsFunctionName="ps_invoke_script">
          <param id="scriptID"/>
        </function>
      </eventListeners>
    </ps_tool>
    <image id="SP_VectorDraw_Lg_N" swf="bundles/PHSP-14/PHSP14Bundle.swf_" className="PHSP14Bundle" varName="SP_VectorDraw_Lg_N"/>
    <image id="SP_VectorDraw_Lg_N_D" swf="bundles/PHSP-14/PHSP14Bundle.swf_" className="PHSP14Bundle" varName="SP_VectorDraw_Lg_N_D"/>
    <image id="SP_VectorDraw_Lgx2_N" swf="bundles/PHSP-14/PHSP14Bundle.swf_" className="PHSP14Bundle" varName="SP_VectorDraw_Lgx2_N"/>
    <image id="SP_VectorDraw_Lgx2_N_D" swf="bundles/PHSP-14/PHSP14Bundle.swf_" className="PHSP14Bundle" varName="SP_VectorDraw_Lgx2_N_D"/>
  <script id="Tool-Pen_Tool"><![CDATA[ErrStrs = {}; ErrStrs.USER_CANCELLED=localize("$$$/ScriptingSupport/Error/UserCancelled=User cancelled the operation"); try {var idslct = charIDToTypeID( 'slct' );     var desc112 = new ActionDescriptor();     var idnull = charIDToTypeID( 'null' );         var ref112 = new ActionReference();         var idpenTool = stringIDToTypeID( 'penTool' );         ref112.putClass( idpenTool );     desc112.putReference( idnull, ref112 ); executeAction( idslct, desc112, DialogModes.ALL ); } catch(e){if (e.toString().indexOf(ErrStrs.USER_CANCELLED)!=-1) {;} else{alert(localize("$$$/ScriptingSupport/Error/CommandNotAvailable=The command is currently not available"));}}]]></script>
which I presume create and call the default Pen Tool.
How could I use the above lines of code and add it to an HTML extension?

Answer 1

I'm afraid life isn't easier without Configurator.
These snips might help:
// Switch Background / Foreground
var idExch = charIDToTypeID( "Exch" );
    var desc1 = new ActionDescriptor();
    var idnull = charIDToTypeID( "null" );
        var ref1 = new ActionReference();
        var idClr = charIDToTypeID( "Clr " );
        var idClrs = charIDToTypeID( "Clrs" );
        ref1.putProperty( idClr, idClrs );
    desc1.putReference( idnull, ref1 );
executeAction( idExch, desc1, DialogModes.NO );
function stepHistoryBack(){
    var desc = new ActionDescriptor();
        var ref = new ActionReference();
        ref.putEnumerated( charIDToTypeID( "HstS" ), charIDToTypeID( "Ordn" ), charIDToTypeID( "Prvs" ));
    desc.putReference(charIDToTypeID( "null" ), ref);
executeAction( charIDToTypeID( "slct" ), desc, DialogModes.NO );
function stepHistoryForward(){
    var desc = new ActionDescriptor();
        var ref = new ActionReference();
        ref.putEnumerated( charIDToTypeID( "HstS" ), charIDToTypeID( "Ordn" ), charIDToTypeID( "Nxt " ));
    desc.putReference(charIDToTypeID( "null" ), ref);
executeAction( charIDToTypeID( "slct" ), desc, DialogModes.NO );
The Brush thing is trickier, see this snip by Jacob Rus from this original topic:
// a shortcut for stringIDToTypeID, to save typing
var $s = function (s) { return app.stringIDToTypeID(s); };
// Accepts a "features" object as input, with possible parameters:
//     diameter, hardness, angle, roundness, spacing,
//     interpolation, flipX, flipY
// Example:
//     setBrushFeatures({diameter: 10, flipX: false, roundness: 50})
var setBrushFeatures = function (features) {
    var app_ref, prop, tool_opts, brush, possible_features, i, n, prop, id,
        unit_type, brush_ref, set_brush_desc;
    app_ref = new ActionReference();
    app_ref.putEnumerated($s("application"), $s("ordinal"), $s("targetEnum"));
    // get the "type" of the brush, and get the brush's settings. If the type
    // isn’t "computedBrush", then bail out of this function, because there’s
    // no currently known way to set other kinds of brush settings.
    tool_opts = (app.executeActionGet(app_ref)
                    .getObjectValue($s('currentToolOptions')));
    if (tool_opts.getObjectType($s('brush')) != $s('computedBrush')) {return;}
    brush = tool_opts.getObjectValue($s('brush'));
    // the list of features we might pass in here.
    possible_features = {
        diameter: 'unit', hardness: 'unit', angle: 'unit', roundness: 'unit',
        spacing: 'unit', interpolation: 'bool', flipX: 'bool', flipY: 'bool'};
    // loop through all the features in the passed-in object, and for any
    // of them that match our list of possible features, change that setting
    // in the 'brush' descriptor that we fetched earlier, making sure to
    // set the proper type of value (either "unit double" or "boolean")
    for (prop in features) {
        if (prop in possible_features) {
            id = $s(prop);
            if (possible_features[prop] === 'unit') {
                unit_type = brush.getUnitDoubleType(id);
                brush.putUnitDouble(id, unit_type, features[prop]);
            } else if (possible_features[prop] === 'bool') {
                brush.putBoolean(id, features[prop]);
    // get a reference to the "target" brush (i.e. the current brush)
    brush_ref = new ActionReference();
    brush_ref.putEnumerated( $s('brush'), $s('ordinal'), $s('targetEnum'));
    // make an action descriptor for the action, with the target set
    // to the current brush, and the content set to our brush descriptor
    // with our custom settings.
    set_brush_desc = new ActionDescriptor();
    set_brush_desc.putReference($s('target'), brush_ref);
    set_brush_desc.putObject($s('to'), $s('brush'), brush);
    executeAction($s('set'), set_brush_desc, DialogModes.NO);
// Copyright (c) 2012 Jacob Rus
Hope this helps!
Regards
Davide Barranca
www.davidebarranca.com
www.cs-extensions.com