The Hackerer

Gerade noch über die verschlimmbesserte Funktion zum Hinzufügen von Apps zur Finder Toolbar gemeckert, und schon mit dem Problem konfrontiert, dort ein Shell Skript unterbringen zu wollen.

Man kann zwar ein Shell Skript per CMD-Drag’n’Drop in die Finder Toolbar ziehen, allerdings öffnet ein Klick auf dieses Skript selbiges im Text-Editor. Shell Skripte werden aus der Finder Toolbar heraus offensichtlich nicht ausgeführt. Es stellt sich also die Frage, wie man auf einfache Art und Weise aus einem Shell Skript eine native MacOS App macht, um diese dann in die Finder Toolbar zu ziehen.

MacOS App aus Shell Skript mit Hilfs-Skript erstellen

Die Lösung bedient sich eines Hilfs-Skriptes appify, das aus einem Shell Skript eine MacOS App generiert.

#!/usr/bin/env bash
Appify="$(basename "$0")"

if [ ! "$1" -o "$1" = "-h" -o "$1" = "--help" ]; then cat <
    Copyright © 2011 Mathias Bynens 
    Copyright © 2011 Sencha Labs Foundation
    Copyright © 2015 Axel Dietrich 
EOF
exit; fi

# Options
appify_SRC="$1"
appify_FILE="$(basename $appify_SRC)"
appify_NAME="${2:-$(echo "$appify_FILE"| sed -E 's/.[a-z]{2,4}$//' )}"
appify_ROOT="$appify_NAME.appify/Contents/MacOS"
appify_RESOURCES="$appify_NAME.appify/Contents/Resources"
appify_INFO="$appify_NAME.appify/Contents/Info.plist"

# Create the bundle
if [[ -a "$appify_NAME.appify" ]]; then
    echo "$PWD/$appify_NAME.appify already exists :(" 1>&2
    exit 1
fi
mkdir -p "$appify_ROOT"
mkdir -p "$appify_RESOURCES"
touch "$appify_RESOURCES/$appify_NAME.icns"

# Copy the source into the bundle as the CFBundleExecutable
if [ -f "$appify_SRC" ]; then
    cp  "$appify_SRC" "$appify_ROOT/$appify_FILE"
    echo "Copied $appify_ROOT/$appify_FILE" 1>&2
else
    # Create a new blank CFBundleExecutable
    cat <<-EOF > "$appify_ROOT/$appify_FILE"
#!/usr/bin/env bash
echo "This ('$0') is a blank appified script." 1>&2
exit 1
EOF
    echo "Created blank '$appify_ROOT/$appify_FILE' be sure to edit this file to make it do things and stuff" 1>&2
fi
chmod +x "$appify_ROOT/$appify_FILE"

# Create the Info.plist
cat <<-EOF > "$appify_INFO"




  CFBundlePackageType
  APPL
  CFBundleInfoDictionaryVersion
  6.0
  CFBundleName
  $appify_NAME
  CFBundleExecutable
  $appify_FILE
  CFBundleIdentifier
  appified.$USER.$appify_FILE
  CFBundleVersion
  0.1
  CFBundleGetInfoString
  0.1 appified by $USER at `date`
  CFBundleIconFile
  $appify_NAME.icns
  CFBundleShortVersionString
  0.1


EOF
  # Appify!
  if [[ -a "$appify_NAME.app" ]]; then
      echo "$PWD/$appify_NAME.app already exists :(" 1>&2
    exit 1
fi
mv "$appify_NAME.appify" "$appify_NAME.app"

# Success!
echo -e "nBe sure to customize your $appify_INFO" 1>&2
echo "Optional: Put your own Icon(set) as $appify_NAME.icns in $appify_NAME.app/Contents/Resources" 1>&2
echo -e "Created $PWD/$appify_NAME.app. Done!n"

Das Skript wird unter dem Namen appify im Home-Verzeichnis gespeichert und anschliessend im Terminal per chmod +x appify ausführbar gemacht.

Mit dem Aufruf

$ ./appify das-shell-skript.sh

wird im selben Verzeichnis aus dem Shell Skript das-shell-skript.sh eine MacOS App mit dem Namen das-shell-skript.app generiert. Mit Angabe eines zusätzlichen Parameters “App Name”

$ ./appify das-shell-skript.sh "App Name"

lässt sich der MacOS App ein anderer Name geben.

Diese App lässt sich nun per CMD-Drag’n’Drop in die Finder Toolbar ziehen und von dort aus starten. Unschön könnte das Standard-Icon sein, dass MacOS dieser App in der Finder Toolbar gibt. Aber auch dafür gibt es eine unkomplizierte Lösung.

Das Icon einer MacOS App ändern

Der einfache Weg

1. Zunächst eine rechteckige PNG-Grafik mit 512 x 512 px mit dem gewünschten Icon anlegen.
2. Dann Doppel-Klick auf die PNG-Grafik; die Grafik wird im Previewer angezeigt.
3. Nun mit CMD-C die Grafik in die Zwischenablage kopieren.
4. Danach Rechtsklick auf die im ersten Schritt angelegte MacOS App und im Kontext-Menü “Get Info” anklicken.
5. Im Popup-Info-Fenster ist oben links das (Standard-)Icon dieser App zu sehen. Dieses Icon anklicken; es sollte ein blauer Rahmen erscheinen.
6. Nun mit CMD-V die eigene Grafik hineinkopieren.

Fertig!

Der Weg für Profis

Dabei wird das Icon direkt mit in die MacOS App eingebaut. Dazu erledigt das appify-Skript bereits die Vorarbeit, indem es eine Info.plist Datei anlegt. In dieser ist unter anderem die Information enthalten, welchen Namen eine Icon(set)-Datei trägt, in der sich ein oder mehrere App-Icons für die MacOS App befindet.

1. Wir benötigen zunächst eine *.icns Datei, in der das Icon unserer App abgespeichert ist. “icns” steht dabei für Iconset, da eine solche Datei auch App-Icons in unterschiedlichen Größen bevorraten kann. Im einfachsten Fall ist das nur ein Icon. Der Weg zu einem solchen *.icons File kann wie folgt aussehen:
   • Terminal öffnen.
   • Verzeichnis das-shell-skript.iconset anlegen.
   • In dieses Verzeichnis die gewünschte App-Icon-Grafik als icon_512x512.png kopieren. (Annahme: Es handelt sich um eine Grafik mit 512 x 512 px)
   • Den Befehl iconutil -c icns das-shell-skript.iconset ausführen.

   Nun sollte im aktuellen Verzeichnis eine Datei das-shell-skript.icns existieren. Wenn ja, kann mit rm -rf das-shell-skript.iconset das Iconset-Verzeichnis gelöscht werden.

2. Rechtsklick im Finder auf unsere MacOS App das-shell-skript.app. Es erscheint das Kontext-Menü. Dort “Show Package Contents” wählen.
3. Im Finder wird nun der Inhalt unserer MacOS App angezeigt. Dies sollte das Verzeichnis Contents sein. Doppelklick.
4. Auf der nächsten Ebene befindet sich die erwähnte Info.plist Datei sowie zwei Unterverzeichnisse. Doppelklick auf Resources.
5. Dort befindet sich eine (leere) Datei mit Namen das-shell-skript.icns. Diese durch die in Schritt 1 angelegte *.icns-Datei ersetzen.

Fertig! Aber halt! Viele Wege führen nach Rom.

Die Superhero-Methode für echte Männer

Benötigt die XCode Developer Tools.

1. Terminal öffnen.
2. Mit sips -i das-shell-skript.png aus der Grafik sozusagen die eigene Icon-Datei erstellen.
3. Die Grafik als Ressource speichern. Das geht mit dem Befehl DeRez -only icns das-shell-skript.png > icon.rsrc.
4. Einbinden dieser Ressource in unsere App mit Rez -append icon.rsrc -o $'das-shell-skript.app/Iconr'.
5. MacOS mitteilen, dass diese App jetzt ein Icon hat: SetFile -a C das-shell-skript.app.

Fertig!

Bisher war immer alles ganz einfach und intuitiv beim MacOS. Aber das Betriebssystem kommt in die Jahre. Alternative Formulierung: Die Entwickler sind auch nur Menschen. Aber warum Sachen, die gut und einfach funktionierten, verkompliziert werden, will sich nicht erschließen.

So ist das beispielsweise mit der Funktion geschehen, die das Hinzufügen eigener Apps in die Toolbar des Finders erlaubt. Der Prozess vor Mavericks: Im Finder in das Verzeichnis mit der App oder dem Automator Skript wechseln, das zur Finder-Toolbar hinzugefügt werden soll. Dann die App/das Skript per Drag’n’Drop in die Toolbar-Leiste an die gewünschte Stelle ziehen. Fertig.

Der Ablauf ist bei Mavericks zwar fast identisch, aber dann doch eben gerade so anders, dass man erst einmal wie Ochs vor’m Berg steht. Es funktioniert weiterhin per Drag’n’Drop, allerdings muss nun die CMD-Taste beim Ziehen gedrückt sein! Oder noch genauer: Erst die CMD-Taste drücken und gedrückt halten. Dann auf die gewünschte App klicken und diese auf die Toolbar-Leiste ziehen. Dann Maustaste lösen und CMD-Taste lösen.

Das kann man ja beim besten Willen nicht als Prozessoptimierung betrachten. Und es soll mir auch keiner kommen und behaupten, es hätten mit der alten Methode ohne CMD-Taste zu viele Leute “aus Versehen” Apps in die Toolbar-Leiste des Finders gezogen… Aber Problem erkannt, Problem gebannt! 🙂

ForkLift2 von BinaryNights ist eine funktionsreiche Alternative für den MacOS-Finder und wir vom Hersteller selber mit “[…] most advanced file manager and FTP + SFTP + Amazon S3 + WEBDav client for Mac OS X (10.7 +)” beworben. In der Tat macht ForkLift2 vieles sehr gut, allerdings fehlt die Möglichkeit, die Liste der eingetragenen FTP-Server und weiterer Favoriten zu exportieren, um sie auf einem anderen Rechner zu importieren.

Der Workaround.

1. Die Datei
   ~/Library/Preferences/com.binarynights.ForkLift2.plist
   von dem Rechner aus sichern, der als Favoriten-Quelle dient.
2. Auf dem Zielrechner in dasselbe Verzeichnis wechseln.
3. Die Aktivitätsanzeige (activity monitor) starten und den Prozess cfprefsd stoppen.
4. Die gesicherte Datei com.binarynights.ForkLift2.plist in das Verzeichnis (Schritt 2) des Zielrechners kopieren.

NB: Zwischen dem Stoppen des cfprefsd-Prozesses und dem Kopieren der Datei sollte nicht zu viel Zeit vergehen, da MacOS den cfprefsd-Prozess automatisch wieder startet.

NB: In der Datei sind nur die Konfigurationsinformationen der Favoriten gespeichert, nicht jedoch deren Passwörter! Für den Transfer der Passwörter gibt es scheinbar keine Lösung. Will heißen, alle Passwörter müssen “von Hand” neu eingegeben werden.

Dieser Workaround wurde von BinaryNights auf Nachfrage eines Nutzers bei Twitter genannt. Warum es keine native Ex-/Import-Funktion gibt, die insbesondere auch die Passwörter transferiert, ist ein wenig rätselhaft.

Mit MacOS 10.10 “Yosemite” hat Apple einige Neuerungen eingeführt. Dazu zählt u.a. ein geändertes Verhalten des grünen Zoom Buttons, der sich oben links in jedem Applikationsfenster befindet. Bisher führte ein Klick auf diesen Button dazu, daß das zugehörige Fenster maximiert – also auf die gesamte Bildschirmfläche exklusive Title Bar und Dock aufgezogen – wurde.

In Yosemite schaltet ein Klick auf diesen Button die Applikation nun in den Vollbildmodus. Wenn sich die Maus den Buttons nähert, deuten dieses Verhalten auch zwei kleine Pfeile im grünen Button an.

Es gibt eine Möglichkeit, das alte Verhalten – also Maximieren des Applikations-Fensters – zu erreichen. Leider nicht dauerhaft über eine Einstellung sondern nur über eine (simple) Tastenkombination für jeden einzelnen Klick. Dazu muß während des Klicks die Alt-Taste gedrückt werden. Nähert sich die Maus den Buttons bei gedrückter Alt-Taste, so wird das (alte) Verhalten im grünen Button durch das bekannte Plus-Symbol angezeigt.

1. Falls MAMP läuft via “Stop Servers”-Button die Server stoppen.
2. Ein Terminal-Fenster öffnen. Geht beispielsweise mit CMD+Leertaste, dann terminal tippen und mit Return bestätigen.
3. Im Terminal-Fenster mit cd /Applications/MAMP/bin/apache2/bin und abschließendem Return in das genannte Verzeichnis wechseln.
4. Dort die Datei envvars in _envvars umbenennen: move envvars _envvars und Return.
5. Danach im MAMP Fenster “Start Servers” klicken.

Läuft.

Im April 2010 hat Google mit dem Artikel Using site speed in web search ranking in seinem Webmaster Central Blog offiziell die Ladezeit einer Web-Seite als Ranking-Faktor deklariert. Der Vorteil schnell ladender Web-Seiten liegt auf der Hand: Neben einer verbesserten User Experience lassen sich lt. Google dadurch ebenfalls Betriebskosten reduzieren.

Viele Tools unterstützen bei der Analyse und Optimierung der eigenen Web-Site. Zu den bekannteren gehört Googles eigenes PageSpeed-Tool, das sowohl als Online-Variante als auch in Plugin-Form bspw. für Firefox oder natürlich Chrome zur Verfügung steht. Ebenfalls bekannt: Das von Yahoo bereitgestellte YSlow sowie die in Googles Webmaster Tools angezeigte Site Performance (unter Labs, dann Site Performance).

Die Optimierungsvorschläge dieser Tools sind umfangreich und reichen vom verzögerten Laden von JavaScript, der Nutzung von Cache Validators oder Browser Caching weiter über die Angabe von Grafik-Abmessungen, der Nutzung von CSS Sprites bis hin zur Minimierung von Grafik und HTML, PHP, CSS sowie JavaScript Dateien. Für den letztgenannten Fall stellt Chen Luo mit seiner Smaller ein hervorragendes Tool bereit, daß diese Arbeit optimiert und insbesondere die Stapelverarbeitung mehrerer Dateien gleichzeitig erlaubt.

Zwar gibt es dafür auch zahllose online Tools, allerdings sind diese in der Regel auf eine Teilmenge der verschiedenen Dateitypen spezialisiert. So beispielsweise der YUI Online Compressor, der nur JavaScript und CSS komprimiert, nicht jedoch PHP oder HTML. Die Smaller App erlaubt dagegen in einem Arbeitsgang alle genannten Dateitypen gleichzeitig zu minimieren. Der Prozeß läuft in wenigen einfachen Arbeitsschritten ab.

Nach Download und Start der Smaller App wird der Nutzer mit einer leeren Arbeitsfläche begrüßt.

Im folgenden Beispiel wurden zwei Javascript- und CSS-Dateien sowie eine HTML-Datei per Drag’n’Drop auf die Arbeitsflächer der Smaller App gezogen.

Mit einem Klick auf den Minify-Button beginnt Smaller mit der Minimierung und zeigt während der Arbeit den Fortschritt auf der Arbeitsoberfläche an.
Die minimierten Dateien werden automatisch im selben Verzeichnis wie die Originaldatei gespeichert.

Im Optionsdialog der Smaller App können zahlreiche Einstellungen vorgenommen, um die Arbeitsweise des Programms an die eigenen Bedürfnisse anzupassen.

So ist es möglich, den Klick auf den Minify-Button einzusparen, indem Smaller mit der Minimierung beginnt sobald Dateien per Drag’n’Drop auf die Arbeitsoberfläche gezogen wurden. Minimierte Dateien können automatisch mit dem Suffix “.min” ergänzt werden, so daß aus “main.js” bspw. “main.min.js” wird. Das Standardverhalten die minimierten Dateien im selben Verzeichnis abzulegen kann ebenso geändert werden, wie die automatische Erstellung einer gezippten Version.

Der Autor stellt eine 30-Tage-Testversion auf seiner Webseite smallerapp.com zum Download bereit. Zum Preis von gerade einmal $20,- erhält der Nutzer eine extrem praktische Drag’n’Drop Applikation für den Mac, die die Minimierung der gängigen Web-Datei-Formate unter einem Dach bündelt.

Slicy vom Hersteller MacRabbit ist eine geniale MacOS Applikation, die diesen Ablauf per Drag’n’Drop automatisiert und damit extrem komfortabel gestaltet. Die Arbeit mit Slicy läuft dabei in drei simplen Schritten ab.

1. Layer Gruppen oder einzelne Layer mit dem gewünschten Dateinamen benennen.
2. Photoshop PSD Datei auf die Slicy-App ziehen.
3. Grafiken werden automatisch von Slicy extrahiert und im gewünschten Zielformat abgespeichert.

Darüberhinaus verfügt Slicy über eine Änderungserkennung, d.h. sobald eine Photoshop-Datei geändert wurde, kann Slicy die enthaltenen Grafiken automatisch erneut extrahieren, ohne das dafür die Datei erneut in Slicy gezogen werden muß.

Der Ablauf im Detail anhand einer von Slicy mitgelieferten Beispieldatei (Basic Tagging): Inhalt sind vier Sterne, die mit Slicy automatisch extrahiert werden sollen.

Hier die Magie: Die Sterne-Layer werden mit den zukünftigen Dateinamen benannt, also Star1.png, Star2.png, etc.

Die Slicy Applikation starten.

Photoshop-Datei auf die App ziehen. Slicy beginnt mit seiner Arbeit.

Slicy zeigt nach der Extraktion die erkannten Grafiken aus der Photoshop Datei an. Nun kann über den Save-Button oben mit Wahl des Zielordners gespeichert werden.

Nach dem Speichern fragt Slicy selbständig, ob zukünftige Änderungen an dieser Datei automatisch einen neuen Export-Vorgang anstoßen sollen. Sehr praktisch! Hier die ausgeschnittenen und exportierten Dateien; Transparency bleibt selbstverständlich beim Export erhalten.

Slicy bietet noch weitere Funktionen wie bspw. Auto-Sizing für Retina Displays oder die Möglichkeit, bestimmte Bereiche in einer Grafik zu definieren, aus denen dann Teile extrahiert werden. Kurzum: Eine kleine und feine MacOS Applikation, die das Exportieren von Grafiken oder Teilen davon kinderleicht macht und daher unverzichtbar für jeden Web, App oder Icon Designer ist.

MacRabbit verkauft Slicy zum Preis von $29,- auf seiner Website macrabbit.com. Eine Testversion steht zum Download bereit.