Recommend this page to a friend!
  Classes of Till Wehowski   .Flow   Download  
Role: Documentation
Content type: text/markdown
Description: Auxiliary data
Class: .Flow
General purpose library of objects
Author: By
Last change: Update
Date: 6 years ago
Size: 5,231 bytes


Class file image Download


Pluggable Websites and API

  • Project Status: Beta
  • Feel free to submit issues or


Quick Start

To start, in the HTML header section of your page include the following one-liner and your done so far:

<script type="text/javascript" src=""></script>

Now you are able to acces and use the .Flow Modules and Plugins by your own WebApplication, for example by providing some HTML recognized by the library.

New Version... work in progress. Default main-entry-point will be To start with the new Version, in the HTML header section of your page include the following code and your done so far:

<script type="text/javascript">
(function() {
    'use strict';

    function exec(c, libUrl, libMetaUrl) {
        try {
            var execute = window.eval;
        } catch (err) {
            if (!!console) {
    var libUrl = '';
    var libMetaUrl = libUrl + '#meta';
    var libCoreSource = localStorage.getItem(libUrl);
    var libMeta = localStorage.getItem(libMetaUrl);

    function LOAD() {
        if (window.XMLHttpRequest) {
            var request = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            var request = new ActiveXObject('Microsoft.XMLHTTP');
        var loadLib = function() {
            if (request.readyState !== 4)
            libCoreSource = request.responseText;
            localStorage.setItem(libUrl, libCoreSource);
            localStorage.setItem(libMetaUrl, new Date().getTime());
            exec(libCoreSource, libUrl, libMetaUrl);
        request.onreadystatechange = loadLib;
        try {
  'GET', libUrl, true);
            request.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
        } catch (err) {
            if (!!console) {
                (function() {
                    var h = document.getElementsByTagName("head", document)[0];
                    var s = document.createElement('script');
                    s.setAttribute('src', libUrl);
                    h.insertBefore(s, h.firstChild);
    if ((null === libCoreSource || parseInt(libMeta) < new Date().getTime() - 24 60 60 * 1000 || parseInt(libMeta) < 1478981535857) && !!navigator.onLine) {
    } else if (null === libCoreSource && !navigator.onLine) {
        window.addEventListener('online', function() {
        }, true);
        return alert('The library was not installed, please go online to install it!');
    } else if (null !== libCoreSource) {
        exec(libCoreSource, libUrl, libMetaUrl);
    } else {
        alert('Error loading javascript library [unexpected exception]!');

Use or build websites and applications with...

  • ~~php~~ see for serverside source code
  • HTML5
  • CSS
  • javascript * jQuery * AngularJS * TypeScript;,flow-library-added-typescript-support.308.html
  • API * CDN * SDK + Tools (in development) * Hosted Homepagesystem
  • modular * webfan-require * require function for browser * require persistent cache: localStorage + (FileSystem API || node fs) * fallback to node.js require if available * jQuery $.lazy * W3C Widgets
  • Widget Engine
  • WebIntents
  • -webkit-webfan plug (ToDo)


Once loaded the library by the code above, you can now add apps/widgets/components to your HTML. Read the following link to learn more about using components:


The API provides several plugins (also 3rd. party scripts) and functionalities, some of them can be lazy-loaded or may be jQuery Plugins. A list of available plugins will follow, but plugins should just be used by developers, please refer to the section "Components" of this readme if you just want to use "finalized widgets to go"!

Used by... (Examples and Demos)

  • My.Webfan
  • Webfan Homepagesystem
  • Widgets to go


(C) Till Wehowski - Alle Rechte vorbehalten

@license webdof

@license BSD

(C) The Copyright Holders [ MIT, BSD ]