New TabFrame Widget for Doodads and Settings

* Install the new ui.TabFrame widget into the Settings and Doodad
  Dropper windows to give them properly tabbed interfaces.
* Doodad Dropper's new tabs divide the list of doodads into categories
  to make them easier to find.
* The officially defined categories so far are:
  - Objects (Start/End Flags and Box)
  - Doors (All locked doors and keys, Warp Doors, and Electric Door)
  - Gizmos (All buttons, switches, state blocks/doors, Electric Door)
  - Creatures (Blue/Red Azulian, Bird, Boy)
* The "All" tab of the Doodad Dropper will show every doodad regardless
  of its category or whether it fit one of the official categories.
* How doodads are assigned categories is by a special "category" tag in
  their metadata, e.g. "category=doors,gizmos" - multiple supported.

dev-assets/doodads/build.sh

@@ -33,6 +33,9 @@ buttons() {
 	doodad convert -t "Button Type B" typeB1.png typeB2.png button-typeB.doodad
 	doodad install-script button.js button-typeB.doodad
 
+	# Tag the category for these doodads
+	for i in *.doodad; do doodad edit-doodad --tag "category=gizmos" $i; done
+
 	cp button*.doodad ../../../assets/doodads/
 	cd ..
 }
@@ -50,6 +53,9 @@ switches() {
 	doodad install-script switch.js switch-left.doodad
 	doodad install-script switch.js switch-right.doodad
 
+	# Tag the category for these doodads
+	for i in *.doodad; do doodad edit-doodad --tag "category=gizmos" $i; done
+
 	cp *.doodad ../../../assets/doodads/
 	cd ..
 }
@@ -77,6 +83,9 @@ trapdoors() {
 	doodad edit-doodad -q --tag direction=right trapdoor-right.doodad
 	doodad edit-doodad -q --tag direction=up trapdoor-up.doodad
 
+	# Tag the category for these doodads
+	for i in *.doodad; do doodad edit-doodad --tag "category=doors" $i; done
+
 	cp trapdoor-*.doodad ../../../assets/doodads/
 
 	cd ..
@@ -93,6 +102,9 @@ azulians() {
 		red-wr{1,2,3,4}.png red-wl{1,2,3,4}.png azu-red.doodad
 	doodad install-script azulian-red.js azu-red.doodad
 
+	# Tag the category for these doodads
+	for i in *.doodad; do doodad edit-doodad --tag "category=creatures" $i; done
+
 	cp azu-*.doodad ../../../assets/doodads/
 
 	cd ..
@@ -105,6 +117,9 @@ mobs() {
 		dive-left.png dive-right.png bird-red.doodad
 	doodad install-script bird.js bird-red.doodad
 
+	# Tag the category for these doodads
+	for i in *.doodad; do doodad edit-doodad --tag "category=creatures" $i; done
+
 	cp *.doodad ../../../assets/doodads/
 	cd ..
 }
@@ -117,6 +132,7 @@ objects() {
 
 	doodad convert -t "Start Flag" start-flag.png start-flag.doodad
 
+	for i in *.doodad; do doodad edit-doodad --tag "category=objects" $i; done
 	cp *.doodad ../../../assets/doodads/
 
 	cd ../crumbly-floor
@@ -125,12 +141,14 @@ objects() {
 		fall1.png fall2.png fall3.png fall4.png fallen.png \
 		crumbly-floor.doodad
 	doodad install-script crumbly-floor.js crumbly-floor.doodad
+	for i in *.doodad; do doodad edit-doodad --tag "category=objects" $i; done
 	cp *.doodad ../../../assets/doodads/
 
 	cd ../box
 
 	doodad convert -t "Box" box-1.png box-2.png box-3.png box-4.png box.doodad
 	doodad install-script box.js box.doodad
+	for i in *.doodad; do doodad edit-doodad --tag "category=objects" $i; done
 	cp *.doodad ../../../assets/doodads/
 
 	cd ..
@@ -148,6 +166,8 @@ onoff() {
 	doodad convert -t "State Block (Orange)" orange-off.png orange-on.png state-block-orange.doodad
 	doodad install-script state-block-orange.js state-block-orange.doodad
 
+	for i in *.doodad; do doodad edit-doodad --tag "category=gizmos" $i; done
+
 	cp *.doodad ../../../assets/doodads/
 
 	cd ..
@@ -170,6 +190,9 @@ warpdoor() {
 	doodad edit-doodad -q --tag color=orange warp-door-orange.doodad
 	doodad install-script warp-door.js warp-door-orange.doodad
 
+	for i in *.doodad; do doodad edit-doodad --tag "category=doors" $i; done
+	for i in warp-door-*.doodad; do doodad edit-doodad --tag "category=doors,gizmos" $i; done
+
 	cp *.doodad ../../../assets/doodads/
 
 	cd ..

dev-assets/doodads/doors/build.sh

@@ -45,4 +45,8 @@ doodad install-script keys.js small-key.doodad
 doodad convert -t "Electric Door" electric{1,2,3,4}.png door-electric.doodad
 doodad install-script electric-door.js door-electric.doodad
 
+# Tag the category for these doodads
+for i in *.doodad; do doodad edit-doodad --tag "category=doors" $i; done
+doodad edit-doodad --tag "category=doors,gizmos" door-electric.doodad
+
 cp door-*.doodad key-*.doodad small-*.doodad ../../../assets/doodads/