Professional Monkey Keyboard Operator

Command line goodies

chris — Wed, 08 Jul 2009 08:32:38 +0000

Here are some command line tidbits that i use regularly and find to be very handy, hopefully you will too.

Create a list of files in a directory and all its subdirectories
find [path] -type f > [output file]
example for listing all files in the directory source:
find source -type f > files.txt

Monitor cpu usage
top -F -ocpu -s 5 -n 5

Update Modification Date Recursively
find {dir} -exec touch {} \;

backup a directory
rsync -av –delete [src] [dest]

search through your command line history
history | grep -i “search string”
this will output a list of history commands by history number that match your search, then use the history number to run that command again
![history number]

remove all .svn directories
find ./ -name “.svn” | xargs rm -Rf

Embedding fonts in an ActionScript Project

chris — Thu, 18 Jun 2009 08:08:31 +0000

Working with ActionScript projects can offer some rather interesting challenges with some of the most basic parts of Flash development. Things like preloading your application and using linked MovieClips from a library, not to mention using embedded fonts in your TextFields. This really becomes interesting when you want to use more than one font in a single TextField. And sure you can embed font files right into the AS class, but that doesn’t always work. I’ve had numerous issues with OTF fonts.

The method that I have had the best success with is using the same technique as embedding symbols from Flash AS2 swfs. Here’s a step-by-step on how to do this.

1) Create a new FLA and set to publish to Flash 9 / AS2.

FLA publish settings

2) Create a New Font in the Library.

create new library font

3) Set the Linkage to export for ActionScript on the first frame.

export the font

your new font in the library

4) Publish the swf to a directory within your project.

put your files in the right place

5) Set non-embeded files to not copy to bin

Flex Builder compiler settings

6) Associate a standard Embed meta tag with a property of the class.
7) Create a new StyleSheet.
8) Create a style with fontFamily set to the name of the embedded symbol.
8) Assign the StyleSheet

package {
    import flash.display.Sprite;
    import flash.text.AntiAliasType;
    import flash.text.StyleSheet;
    import flash.text.TextField;
    import flash.text.TextFieldAutoSize;
 
    [SWF(width="450", height="60", backgroundColor="#CCCCCC", frameRate="30")]
    public class EmbeddedFonts extends Sprite {
        private var _style:StyleSheet;
        private var _copy:TextField;
 
        [Embed(source="/embed/fonts.swf",symbol="Myriad Pro")]
        private var MyriadPro:Class;
 
        [Embed(source="/embed/fonts.swf",symbol="Myriad Pro Bold")]
        private var MyriadProBold:Class;
 
        public function EmbeddedFonts() {
            var main:Object = new Object();
            main.fontSize = 30;
            main.letterSpacing = 8;
            main.textAlign = "center";
            main.color = "#FFFFFF";
            main.fontFamily = "Myriad Pro";
 
            var main_bold:Object = new Object();
            main_bold.fontSize = 30;
            main_bold.letterSpacing = 8;
            main_bold.textAlign = "center";
            main_bold.color = "#000000";
            main_bold.fontFamily = "Myriad Pro Bold";
 
            _style = new StyleSheet();
            _style.setStyle(".main", main);
            _style.setStyle(".main_bold", main_bold);
 
            _copy = new TextField();
            addChild(_copy);
            _copy.autoSize = TextFieldAutoSize.LEFT;
            _copy.embedFonts = true;
            _copy.selectable = false;
            _copy.mouseWheelEnabled = false;
            _copy.styleSheet = _style;
            _copy.htmlText = "I LIKE MONKEYS!";
            _copy.x = 450/2 - _copy.textWidth/2;
            _copy.y = 60/2 - _copy.height/2;
        }
    }
}

9) And voila.

Recording and streaming video with FMS, Flex and AS3

chris — Thu, 21 May 2009 08:01:10 +0000

For some reason all of the code examples for using FMS are in AS2. Converting the examples to AS3 can be a bit challenging, especially since there is one really key piece of information that is left out that is new to AS3 and specific to the use of FMS2. The problem is the that FMS2 only supports AMF0, but in AS3 the default setting for the NetConnection class’ defaultObjectEncoding property is AMF3. Without changing this setting to AMF0, your code will seem to be correct, but will fail to connect without really telling you why. Check out the class that I created from the Adobe example and the MXML to use it.

package
{
    import flash.events.*;
    import flash.media.Microphone;
    import flash.media.Camera;
    import flash.media.Video;
    import flash.net.NetConnection;
    import flash.net.NetStream;
    import mx.controls.VideoDisplay;
 
    public class StreamingFLV extends EventDispatcher {
        private var cam:Camera;
        private var mic:Microphone;
        private var rtmp:String;
        private var nc:NetConnection;
        private var ns:NetStream;
        private var local_video:VideoDisplay;
        private var _rtmp:String;
        private var _source:String;
 
        public function StreamingFLV(_lv:VideoDisplay,_r:String,_s:String) {
            _rtmp = _r;
            _source = _s;
 
            cam = Camera.getCamera();
            cam.addEventListener(ActivityEvent.ACTIVITY, activityHandler);
            cam.addEventListener(StatusEvent.STATUS, handleCameraStatus);
 
            mic = Microphone.getMicrophone();
            mic.addEventListener(ActivityEvent.ACTIVITY, activityHandler);
            mic.addEventListener(StatusEvent.STATUS, handleCameraStatus);
 
            local_video = _lv;
 
            NetConnection.defaultObjectEncoding = flash.net.ObjectEncoding.AMF0;
            nc = new NetConnection();
            nc.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler);
            nc.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
            nc.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
            nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
            nc.connect(_rtmp);
        }
 
        public function startRecordFLV():void {
            local_video.attachCamera(cam);
            ns.attachAudio(mic);
            ns.attachCamera(cam);
            ns.publish(_source, "record");
        }
 
        public function stopRecordFLV():void {
            ns.close();
            local_video.close();
        }
 
        public function startPlayback():void {
            local_video.source = _rtmp +"/"+ _source + ".flv";
        }
 
        public function stopPlayback():void {
            local_video.close();
        }
 
        private function connectStream():void {
            ns = new NetStream(nc);
            ns.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler);
            ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
            ns.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
            ns.client = this;
 
            dispatchEvent(new Event("onVideoReady"));
        }
 
        private function handleCameraStatus(event:StatusEvent):void {
            trace("handleCameraStatus: " + event);
        }
 
        private function activityHandler(event:ActivityEvent):void {
            trace("activityHandler: " + event);
        }
 
        private function netStatusHandler(event:NetStatusEvent):void {
            trace(event.info.code);
            switch (event.info.code) {
                case "NetConnection.Connect.Success":
                    connectStream();
                    trace("Connected");
                    break;
                case "NetStream.Play.StreamNotFound":
                    trace("No Connection!");
                    break;
            }
        }
        private function securityErrorHandler(event:SecurityErrorEvent):void {
            trace("securityErrorHandler: " + event);
        }
        private function ioErrorHandler(event:AsyncErrorEvent):void {
            trace("ioErrorHandler: " + event);
        }
        private function asyncErrorHandler(event:AsyncErrorEvent):void {
            trace("asyncErrorHandler: " + event);
        }
        private function onMetaData(info:Object):void {
            trace("metadata: duration=" + info.duration + " width=" + info.width + " height=" + info.height + " framerate=" + info.framerate);
        }
        private function onCuePoint(info:Object):void {
            trace("cuepoint: time=" + info.time + " name=" + info.name + " type=" + info.type);
        }
        private function onPlayStatus(info:Object):void {
            trace(info.toString());
        }
 
    }
}

And now the MXML:

"1.0" encoding="utf-8"?>
 xmlns:mx="http://www.adobe.com/2006/mxml"
    paddingTop="0"
    paddingLeft="0"
    paddingBottom="0"
    paddingRight="0"
    horizontalAlign="center"
    verticalAlign="middle"
    backgroundGradientAlphas="[0,0]"
    backgroundColor="#CCCCCC"
    applicationComplete="init();">
    
        
            import StreamingFLV;
            import flash.media.Camera;
            import flash.display.StageAlign;
            import flash.display.StageScaleMode;
 
            private var rFLV:StreamingFLV;
            private var pFLV:StreamingFLV;
            private var isPlaying:Boolean = false;
            private var isRecording:Boolean = false;
 
            private function init():void {
                stage.scaleMode = StageScaleMode.NO_SCALE;
                stage.align = StageAlign.TOP_LEFT;
            }
 
            private function initRecordStream():void {
                rFLV = new StreamingFLV(video_record,"rtmp://los1aps-flash/zflv/test","recordSample");
                rFLV.addEventListener("onVideoReady",initUI);
            }
 
            private function initPlayStream():void {
                pFLV = new StreamingFLV(video_play,"rtmp://los1aps-flash/zflv/test","recordSample");
                pFLV.addEventListener("onVideoReady",initUI);
            }
 
            private function recordToggle():void {
                if (!isPlaying) {
                    record.label = "RECORDING";
                    rFLV.startRecordFLV();
                } else {
                    record.label = "RECORD";
                    rFLV.stopRecordFLV();
                }
                isPlaying = !isPlaying;
            }
 
            private function playToggle():void {
                if (!isPlaying) {
                    play.label = "PLAYING";
                    pFLV.startPlayback();
                } else {
                    play.label = "PLAY";
                    pFLV.stopPlayback();
                }
                isPlaying = !isPlaying;
            }
 
            private function initUI(evt:Event):void {
                record.enabled = true;
                play.enabled = true;
            }
        ]]>
    
     horizontalAlign="center">
        >
             horizontalAlign="right">
                 id="video_record" width="320" height="240" creationComplete="initRecordStream();" />
                 id="record" label="record" enabled="false" click="recordToggle();" />
            >
             horizontalAlign="left">
                 id="video_play" width="320" height="240" creationComplete="initPlayStream();" />
                 id="play" label="play" enabled="false" click="playToggle();" />
            >
        >
    >
>

Enjoy!

Dispatching events between AS3 and AS2

chris — Sat, 09 May 2009 07:15:14 +0000

Even though AS3 has been out for some time now, there are still situations when you will need to load an AS2 compiled SWF into an AS3 compiled SWF and communicate with it. What if you could simply dispatch an event and listen for it on the other side? That’s what sugarcookie’s ASBridge does. Let’s see how it all works.

ASBridge consists of 2 classes, ASBridge classes for both AS2 and AS3. The core idea of ASBridge comes from the Adobe LiveDocs LocalConnection entry, check out the second paragraph where it says that AS 1,2, and 3 can communicate with each other using a LocalConnection, that’s where the magic is. Only thing to really be aware of is the 40kb limit on the amount of data that can be passed as arguments to the send() method.

ASBridge Example
Demonstrates loading a AS2 SWF into an ActionScript 3 Project generated SWF and using ASBridge to send and receive events with data between AS3 and AS2.

package {
    import sugarcookie.adapter.ASBridge;
    import sugarcookie.events.GenericEvent;
 
    import flash.display.Loader;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.net.URLRequest;
 
    public class ASBridge_Example extends Sprite {
        private var _adapter:ASBridge;
        private var _loader:Loader;
 
        public function ASBridge_Example() {
            _adapter = ASBridge.getInst();
            _adapter.addEventListener("onAdapterReady",onAdapterReady);
 
            _loader = new Loader();
            _loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadComplete);
             var request:URLRequest = new URLRequest("AS2_ASBridge.swf");
            _loader.load(request);
 
            addChild(_loader);
        }
 
        private function onLoadComplete(evt:Event):void {
            trace("onLoadComplete: "+evt.toString());
        }
 
        private function onAdapterReady(evt:GenericEvent):void {
            trace("successfully received event with data from AS2");
            trace("onAdapterReady: "+evt.toString());
            _adapter.sendEvent("onBridgeComm",{id:"test data"});
        }
    }
}

AS2 ASBridge
Demonstrates sending and receiving events with data between AS2 and AS3 implemented as a class that is instantiated on the timeline of a Flash 8 Fla.

import sugarcookie.adapter.ASBridge;
import sugarcookie.events.Event;
 
class AS2_ASBridge {
    private var _adapter:ASBridge;
 
    public function AS2_ASBridge() {
        _adapter = ASBridge.getInst();
        _adapter.addEventListener("onBridgeComm",this);
        _adapter.sendEvent("onAdapterReady",{status:true});
    }
 
    private function onBridgeComm(evt:Event):Void {
        trace("successfully received event with data from AS3");
    }
}

http://localhost

chris — Thu, 30 Apr 2009 06:55:28 +0000

Having a local web server to test your web sites and applications is essential to your development environment. It is very easy to set-up numerous virtual hosts for each of your projects, which allows you to develop your interactive masterpieces in a close to real world implementation. There are actually many aspects of Flash development that will exhibit different behavior or not even work at all if not served from a valid domain and by golly localhost counts. We’ll cover setting this up on Mac OS X 10.4, with additional notes on the differences with 10.5 at the end.

The worst thing that can happen to a developer is deploying your site or application to the clients server and having it not work and it’s usually because it was tested only in Flash or by dragging your HTML file into a browser. All developers on my team are required to have an active local web server that they manage, which also makes it easy for me to track their development efforts in basically real-time. If you have a Mac, then you’re cool, but also already have everything installed that you’re going to need. Let’s get started.

The easiest way to do this with minimal fuss and muss is to do it though your Systems Preferences -> Sharing Preference panel. Click on the Services tab and select Personal Web Sharing from the list. Click start and there you go, Apache 1.3.33 is up and running. Your web site’s URL is displayed at the bottom, which is usually your computer’s IP address. You can also type in http://localhost to get there. The actual directory where you place files to be viewed at this URL is /Library/WebServer/Documents/. Anything you place in this directory can be viewed in any web browser, even IE6, just as if it were on a real grown up web server. Only other computers on your LAN will be able to access this web site, by IP only – not localhost, but that’s cool. You wouldn’t want to use your dev or personal computer to serve live sites anyway.

Ok, so you’ve got a single site up and running. Now if you’re like me you have a ton of projects that should be set-up this way. Time to get our hands dirty and dig into the Apache config file, enable the root user and a brief tutorial on managing your Apache install from the Terminal.

First off you have to enable your root user and give it a password if you haven’t done so already. Only the root user has permission to edit the Apache config file, so let’s start there. In your /Applications/Utilities folder you will find a program called NetInfo Manager. Go ahead and launch it. In the top menu bar click on Security -> Authenticate and type in your computer’s admin password. Now the Enable Root User option will be available so go ahead and do that, you’ll have to authenticate again, type in the new root password, click ok, then Security -> Deauthenticate for good measure and you’re done.

Now we can make the necessary changes to the Apache config file and start/stop/restart the web server from the Terminal. Be extremely careful when using the Terminal as the root user, you can cause some very serious damage to your computer if not used with knowledge and caution. Open the terminal and type the following (do not type the $ or # characters, they represent the command line prompt):

$ su -
Password: <type in your new root password>
# vi /etc/httpd/httpd.conf

Now your in the text editor vi which I will not discuss here, but believe me you will love to hate it. You can also use pico instead of vi which is a bit easier to use, but your sys admin will laugh at you if caught doing so. For now use the arrow keys to move up and down through the config file. Since we’re already here we might as well turn on PHP. Arrow down until you see the following line:

#LoadModule php4_module        libexec/httpd/libphp4.so

In the config file the # symbol represents a commented out line of text, same as using // in ActionScript or JavaScript. Right now you are in the browse mode of vi and are unable to edit text. Hit the i key to go into insert mode, move the cursor in front of the # symbol and hit the delete key to remove it. Hit the esc key to get back out of edit mode and now you have uncommented that line of text. Keep arrowing down until you find this:

#AddModule mod_php4.c

Do the same thing you just did to remove the # comment symbol. If at this point you feel you are struggling with vi, Google it and there are a million vi tutorials online. Now that you have edited the config file to enable PHP lets go ahead and save, then test to make sure it’s going ok so far. To save in vi type :wq, this saves the file and quits vi. To just save and not quit type :w and to quit and not save type :q!

To make this take effect you need to restart Apache, but first lets check to make sure we haven’t saved a bad config. At the command prompt type the following:

# apachectl configtest

If everything goes ok, you’ll see the following output: Syntax OK. Now use the up arrow key to see your previous commands until you see:

# vi /etc/httpd/httpd.conf

then hit enter.

Now were back in the config file again. Scroll all the way to the bottom of the file where the VirtualHosts directive is. The best way to have multiple virtual hosts on your local computer, since you’re probably not part of a domain or if so have no access to the Domain Controller, is to set them up on ports. A virtual host URL running on a port looks like this: http://localhost:9000. You may have see this before because there all kinds of services running on other ports on your computer. If you have Tomcat set-up, it runs on port 8080 as an example. It is generally safe to pick port numbers in the 9000 and 10000 range. The secret to this kind of set-up is to be sure to configure a port based virtual host for the default server which runs on port 80. Here is an example of a VirtualHost configuration that includes the default host and a custom one. All of your custom VirtualHost can have root directories anywhere on your computer.

Listen *:80
<virtualhost *:80>
  DocumentRoot /Library/WebServer/Documents
virtualhost>
 
Listen *:9000
<virtualhost *:9000>
  DocumentRoot /Users/chris/projects/sample/build/bin
virtualhost>

Now write, save, test the config and restart – done. You now have the power to create tons of individual web sites on your own computer. Check out the Mac DevCenter for more information on this subject.

For those of us still on Tiger (10.4.x) and want to upgrade to PHP5, check out Entropy’s site for a super easy installer.

For those that are cool enough to be using Leopard (10.5.x) here are some updates to the above information.
Enabling root user:
enable root user using utilities/Directory Utility
unlock to enable changes
go to edit–>enable root password
done.

Enable PHP5:
It’s already installed, so nothing to do.

Config file locations:
/etc/apache2/http.conf
/etc/apache2/extras/httpd-vhost.conf

additional info on httpd.conf configuration:
check out this blog post on Bust Out Solutions

The problem with dropTarget

chris — Sat, 18 Apr 2009 06:42:34 +0000

While working on an application that has some drag and drop functionality, I noticed something very interesting about the dropTarget property of the Sprite class. It seems that the dropTarget returns the DisplayObject that is at the bottom of the display list which may not yield the result you are expecting. I added a MouseEvent.MOUSE_MOVE event listener to the Sprite being dragged and traced out the dropTarget to see what kind of result I would get.

Instead of seeing the names of Sprite instances that were set-up on the timeline, the trace output was nothing but generic names such as instance42. The reason for this is that the object at the very bottom of the display list is not the Sprite that was created, but the contents of that Sprite such as a Shape or Bitmap. It seems that the Flash Player automatically creates a DisplayObject for these internal Sprite elements and assigns them a unique instance name. Tracing out the dropTarget.parent then reveals the DisplayObject that we’re looking for. One thing to note is that a Sprite that only has visual elements that were created with the drawing API will not exhibit this behavior.

There are a couple of other things to be aware of when using the dropTarget. First, setting the mouseEnabled or mouseChildren properties to false will not keep a DisplayObject from being assigned to the dropTarget property. Second, depth has no effect on the assignment of a DisplayObject to the dropTarget propery. Objects at a higher depth than the object being dragged will react the same way as those that are under it. Third and probably the most important is that the assignment of the value for the dropTarget property is that of the DisplayObject that is directly under the mouse and has nothing to do with the bounding box of the DisplayObject being dragged. Lastly, there are definitely situations where the dropTarget will be null, so be sure to check for that before trying to access properties of the dropTarget or you’ll get everyone’s favorite error – TypeError: Error #1009: Cannot access a property or method of a null object reference.

example:

import flash.events.MouseEvent;
import flash.display.Sprite;
 
dragee.addEventListener(MouseEvent.MOUSE_DOWN,mouseDownHandler);
dragee.addEventListener(MouseEvent.MOUSE_UP,mouseUpHandler);
addEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
 
function mouseDownHandler(evt:MouseEvent):void {
    dragee.startDrag();
}
 
function mouseUpHandler(evt:MouseEvent):void {
    dragee.stopDrag();
}
 
function mouseMoveHandler(evt:MouseEvent):void {
    if (dragee.dropTarget!=null) trace(dragee.dropTarget.name);
}

May the Null Object be your Friend.

Trace statements for PHP

chris — Thu, 12 Mar 2009 06:36:32 +0000

If you’re a Flash developer then you probably use trace() as an essential part of your development routine. Maybe you even wrote a custom logger application to get a peak into what’s happening with your Flash application. Point is that you like to see what’s going on behind the scenes.

Now you’ve moved on to the big leagues and started connecting Flash to PHP to add server-side functionality to your application, but how do you see what’s happening with your PHP code? PHP has a little know feature called error_log() that lets you output messages to your web server’s log file. By tailing your log files while running your application you essentially get trace statements from your PHP code! You can do this by opening your terminal if on a Mac or use something like cygwin on Windows, change directories to where the log files are and run the tail command with the follow flag.

Welcome to Darwin!
colossus:~ chris$ cd /var/log/httpd/
colossus:/var/log/httpd chris$ tail -f error_log
[Tue Jun  5 22:31:11 2007] [error] This is my trace statement from PHP!

Enjoy and happy PHP testing!

Creating a custom logging target

chris — Wed, 04 Mar 2009 05:59:05 +0000

I figured since I’m on the subject I would go ahead and create a custom logging target for sugarcookie and a companion logging app – LumberJack. This particular target sends log message objects over a LocalConnection to a basic logging console that will output them into a text field. Being able to see trace statements from a site running on any server, on any network can really help when debugging your application that is deployed somewhere besides your localhost. There are other tools out there that do this like RED|Bug, Xray or even FlashTracer, but this one is extremely simple and includes all the code so you can modify it to suit your needs.

First let’s create the new log target class by extending the existing mx.logging.targets.LineFormattedTarget Flex class. Then override the logEvent method with the functionality desired and you’re in business. Here’s how I did it:

package sugarcookie.logger {
	import flash.events.StatusEvent;
	import flash.events.AsyncErrorEvent;
	import flash.events.SecurityErrorEvent;
	import flash.net.LocalConnection;
	import mx.logging.LogEvent;
	import mx.logging.targets.LineFormattedTarget;
	import mx.utils.ObjectUtil;
 
	public class LogMessageDispatcherTarget extends LineFormattedTarget {
		private var _conn:LocalConnection;
 
		public function LogMessageDispatcherTarget() {
			super();
			_conn = new LocalConnection();
                       _conn.addEventListener(StatusEvent.STATUS, onStatus);
                       _conn.addEventListener(AsyncErrorEvent.ASYNC_ERROR, onAsyncError);
                       _conn.addEventListener(SecurityErrorEvent.SECURITY_ERROR, onSecurityError);
		}
 
		public override function logEvent(event:LogEvent):void {
			_conn.send("_echo1","update",{level:event.level,category:event.currentTarget.category,message:event.message,time:this.includeTime});
		}
 
		private function onStatus(evt:StatusEvent):void {
			trace("onStatus Event: "+ObjectUtil.toString(evt));
		}
 
		private function onAsyncError(evt:AsyncErrorEvent):void {
			trace("onAsyncError Event: "+ObjectUtil.toString(evt));
		}
 
		private function onSecurityError(evt:SecurityErrorEvent):void {
			trace("onSecurityError Event: "+ObjectUtil.toString(evt));
		}
	}
}

Building on the previous post, I have swapped out the TraceTarget for our new LogMessageDispatcherTarget.

"1.0" encoding="utf-8"?>
 xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init();">
    
        
            import mx.logging.Log;
            import mx.logging.ILogger;
            import mx.logging.LogEventLevel;
            import sugarcookie.logger.LogMessageDispatcherTarget;
 
            private var _log:ILogger;
            private var _loggerTarget:LogMessageDispatcherTarget;
 
            private function init():void {
                _loggerTarget = new LogMessageDispatcherTarget();
                _loggerTarget.filters=["*"];
                _loggerTarget.level = LogEventLevel.ALL;
                _loggerTarget.includeDate = false;
                _loggerTarget.includeTime = false;
                _loggerTarget.includeCategory = true;
                _loggerTarget.includeLevel = true;
                Log.addTarget(_loggerTarget);
 
                _log = Log.getLogger("ExampleRemoteLogger");
                _log.info("Logging rocks, Yo!");
            }
        ]]>
    
>

Removing trace() statements from Flex applications

chris — Fri, 27 Feb 2009 05:44:35 +0000

Removing trace() from your code is a great way to optimize it and improve overall performance. This is easy enough to do in Flash by checking “Omit trace actions” in the Publish Settings window, but in Flex there is no such setting or compiler argument that I’ve seen. No worries, there is a solution.

Luckily Flex provides us with a logging framework in the mx.logging package. To implement logging within your application you have to specify targets that will get the log messages. One of the available targets is the TraceTarget. When you want to omit trace statements, just comment out the Log.addTarget call and that’s it. See the example below on how to implement tracing with the Flex logger.

"1.0" encoding="utf-8"?>
 xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init();">
    
        
            import mx.logging.Log;
            import mx.logging.ILogger;
            import mx.logging.LogEventLevel;
            import mx.logging.targets.TraceTarget;
 
            private var _log:ILogger;
            private var _traceTarget:TraceTarget;
 
            private function init():void {
                _traceTarget = new TraceTarget();
                _traceTarget.filters=["*"];
                _traceTarget.level = LogEventLevel.ALL;
                _traceTarget.includeDate = false;
                _traceTarget.includeTime = false;
                _traceTarget.includeCategory = true;
                _traceTarget.includeLevel = true;
                Log.addTarget(_traceTarget);
 
                _log = Log.getLogger("ExampleLogger");
                _log.info("Your tracing like a pro!");
            }
        ]]>
    
>

Mounting Windows shares on Linux

chris — Thu, 12 Feb 2009 05:23:41 +0000

Recently I had the need to back up my svn repositories root directory that lives on our Linux dev server to a Windows server. At first I tried to mount an NFS Windows share to my Linux box, but because we don’t have an NIS server I am not able to authenticate my Linux account against my Windows account. Most of you developers out there that have to support yourselves will probably have this issue because most office IT infrastructures are Windows based which don’t always play nice with your Linux dev box. The answer to this wasn’t as straight forward as you might think, so I thought that I would share my solution.

I ended up creating a folder on the Windows server and sharing it, although I did have to end up giving read/write permissions to Everybody. Our development environment is secure so I’m not worried about it, but otherwise this could get you in trouble with your sys admin. This is all the set-up that is necessary on the Windows side. Now lets flip over to the Linux box and set it up.

To mount the share you first have to edit the /ect/fstab file which contains information about the file systems available and their mount options. Add the following line to the file:

//<windows server>/<name of share> /mnt/<name of directory to mount share to> cifs uid=<linux username>,credentials=/etc/cifspw,domain=<name of domian> 0 0

The line has several space separated fields:
server/share, mount directory, filesystem type, mount options, dump, fsck

Next we need to create the directory /mnt/ which the mount command will need to be successful. Then the last thing before we can mount the Windows share is to create the credentials file that we specified in the fstab file. In the /etc directory create the cifpw file.

# vi cifspw

Then put your info in the cifspw file:

username=<windows server username>
password=<windows server password>

After that we are safe to mount the share:

# mount /

Now we’re ready to set-up the backup. This is a very simple daily rotating backup script.

#!/bin/sh
 
# source directory to backup
SRCDIR=<path to directory to be backed up>
 
# destination directory to backup to
DESTDIR=/mnt/<name of directory to mount share to>
 
# incremental directory
INCDIR=`date +%A`
 
# backup options
OPTS="-av --delete --force --ignore-errors"
 
# clears last week backup for current day
[ -d $HOME/emptydir ] || mkdir $HOME/emptydir
rsync --delete -a $HOME/emptydir/ $DESTDIR/$INCDIR/
rmdir $HOME/emptydir
 
# do the backup
rsync $OPTS $SRCDIR $DESTDIR/$INCDIR

Put this script in /etc/cron.daily and you’re done.
You can find more information on mounting windows shares here.
And for additional rsync examples and the inspiration behind my backup script go here.