Safari View Source in TextMate


This AppleScript does exactly what it says, which is allow you to view source from Safari in TextMate. Since it uses a temporary file to store the page source, TextMate won’t ask if you’d like to save when you close the window. And since it tries to guess the correct filename extension to use, the correct syntax highlighter should be chosen automatically.

  • Tested with Safari 4 in OS X 10.5, but it should work pretty much anywhere

Note: if the script is converting a file extension you wish to keep intact to .html, just add that extension into the extensions_to_keep space-delimited list.

Also, I recommend that you bind this AppleScript to a hotkey like Cmd-U with a utility like FastScripts, for lightning-fast view-source-ability!

 * Safari View Source in TextMate - v1.0 - 2/21/2010
 * Copyright (c) 2010 "Cowboy" Ben Alman
 * Dual licensed under the MIT and GPL licenses.

tell application "Safari"
  set src to source of document 1
  set location to URL of document 1
end tell

set file_name to do shell script "echo " & quoted form of location & " | perl -pe 's/^.*\\/\\/[^\\/]+.*\\/([^?#]*).*$/$1/'"
set file_base to do shell script "echo " & quoted form of file_name & " | perl -pe 's/\\.[^.]*$//'"
set file_ext to do shell script "echo " & quoted form of file_name & " | perl -pe 's/^(?:[^.]*\\.?|.*\\.(.*))$/$1/'"

if file_base is "" then set file_base to "file"

set extensions_to_keep to "js css txt"
if (" " & extensions_to_keep & " ") does not contain (" " & file_ext & " ") then set file_ext to "html"

set tmp to (do shell script "mktemp -d /tmp/textmate.XXXXXX") & "/" & file_base & "." & file_ext

  set handle to POSIX file tmp
  open for access handle with write permission
  write src to handle
  close access handle
on error
  do shell script "curl " & quoted form of location & " -o " & quoted form of tmp
end try

tell application "TextMate"
  open tmp
end tell

If you have any feedback or suggestions, please let me know below in the comments!

Post A Comment

  • Any of these HTML tags may be used for style: a, b, i, br, p, strong, em, pre, code.
  • Multi-line JavaScript code should be wrapped in <pre class="brush:js"></pre>
    (supported syntax highlighting brushes: js, css, php, plain, bash, ruby, html, xml)
  • Use &lt; instead of < and &gt; instead of > in the examples themselves.