Das Dokument beschreibt Fanstatic, ein Tool zur Einbindung statischer Ressourcen wie JavaScript und CSS in Webapplikationen. Es behandelt Funktionen wie Ressourcen-Bundling, Versionierung und die Verwendung von 'Slots', um Ressourcen zur Laufzeit zu verwalten. Zudem werden zukünftige Entwicklungen und Anwendungsideen für Preprocessing und moderne Technologien wie CoffeeScript und SCSS/LESSCSS diskutiert.

1. Fanstatic
Was es kann (und können sollte?)

2. Ich
• Daniel Havlik
• Mitinhaber und Entwickler bei gocept gmbh
& co. kg
• Python seit 2002, hauptsächlich im Web-
Umfeld

3. Fanstatic
• https://bitbucket.org/fanstatic
• hurry.resource; zc.resourcelibrary
• Martijn Faassen, Jan-Jaap Driessen

4. Inhalt
• Einführung
• Features
• Zukunft

5. Um was geht es?
• Einbinden statischer Ressourcen in
Webapplikationen
• JS
• CSS

6. Welche Möglichkeiten
gibt es?
• Ins Template schreiben
• Plone…

9. • an der *richtigen* Stelle!

10. zum Beispiel
class DateTimeWidgetView(object):
def render(self):
my.datetimewidget.resource.widget_js.need()
return self.template()
• need()
• Wie kommt das jetzt ins HTML?

11. • „Injector“:
• Einsammeln aller „needed Resources“
• Injizieren in HTML
• WSGI-Middleware, diverse
Konfigurationsoptionen

12. Libraries
lib = fanstatic.Library('my.dtw', 'resources')
• -> http://host/static/my.dtw/foo.js
• -> my.dtw/src/my/dtw/resources/foo.js

13. Ressourcen
• resource.py
widget_js = fanstatic.Resource(
lib,
'foo.js',
minified='foo.min.js',
depends=[js.jquery, widget_css])

14. Features
• Bundling
• Gruppierung
• Renderer
• Versioning
• Slots
• minifizierte Resourcen

15. Bundling
• Ausliefern mehrerer Resourcen in einem
Request
• Ein Bundle pro Library & Verzeichnis

16. Gruppierung
jquery = fanstatic.Group([
js.jquery,
js.jquery.jqueryui,
my_magic_jquery_patch])

17. Renderer
<script src="/static/my.lib/script.js" type="text/javascript" />
<link href="/static/my.lib/style.css" rel="stylesheet" type="text/css" />

18. custom Renderer
def lte_ie8_renderer(url):
inner = fanstatic.core.render_css(url)
return "<!--[if lte IE 8]>%s<![endif]-->" % inner
iehacks_css = fanstatic.Resource(
lib, 'css/iehacks.css',
renderer=lte_ie8_renderer)

19. custom Renderer 2
def media_print(url):
return ('<link href="%s" rel="stylesheet"'
' type="text/css" media="print"/>') % url
print_styles = fanstatic.Resource(
lib, 'css/print.css',
renderer=media_print)
(…oder einfach @media print {})

20. Versioning
• Problem: Auf (Browser)cache ist kein
Verlass.
• Versions-Identifier in der URL
• „Cache forever“
<script src="/static/my.lib:version:<HASH>/script.js"
type="text/javascript" />

21. Slots
• Resource, die zur Laufzeit / in der
Applikationslogik befüllt wird.
templating = fanstatic.Slot(
lib, '.js', required=True)
framework = fanstatic.Resource(
lib, 'fancy_framework.js',
depends=[templating])

22. Slots
framework.need(dict(templating=js.pure))
framework.need(dict(templating=js.ejs))
framework.need()
"SlotError: slot <fanstatic.core.Slot object at …> was
required but not filled in"

23. minifizierte Resourcen
• müssen angegeben werden
• Fallstrick: jsmin vergessen
• Test hilft (manchmal)!

24. Zukunft
• Preprocessing
• Slot mit default
• (Python 3)

25. Preprocessing
• Anwendungsideen
• CoffeeScript
• SCSS/LessCSS
• jsmin

26. Preprocessing
• Wo soll das Processing stattfinden?
• Release
• Build
• Laufzeit

27. Preprocessing
• Release:
• + Konverter nicht notwendig für
„Anwender“
• - Für Entwickler nicht machbar

28. Preprocessing
• Build
• - „Anwender“ braucht Konverter (pip)
• +/-0 Code-Änderungen erst nach rebuild
nutzbar.

29. Preprocessing
• Laufzeit
• + Änderungen werden sofort wirksam
• - Caching, Last

30. Slot mit default
• Für required slots, wenn beim need keine
Resource angegeben wird.

31. Python 3
• noch warm

32. Vielen Dank!
• Sprint, Freitag und Samstag vormittag.
• Fragen?