venkatperi / amd-proc-plugin Goto Github PK

Compatible with curl.js and require.js.

This plugin loads resource file using specified plugin, applies some procedure/transformation to resource's content and returns result of transformation. If no procedure is applied the original resource's content will be returned.

The procedure that should be applied can be specified at the end of resource name after exclamation sign ! in the following form:
<resource name>!<procedure name>[<separator><parameter 1><separator><parameter 2>...]
where separator is ^ by default (can be configured).
Parameters are optional. They are strings that will be passed into the procedure after resource's content (which is zero parameter).
For example:
path/to/some/template!compile^debug
where compile is the name of registered/configured procedure, debug is the string that should be passed into the procedure after template's content.

If procedure name is not specified in the resource name, the default procedure will be used. When procedure name is not specified in the resource name, the resource loader also should be omitted in the resource name. Otherwise plugin does not work correctly. So default procedure can be used only with default resource loader (see below).

The following configuration settings are supported (name - type - description):

• defaultExt - String - default file extension that is used if it is not specified inside resource name; the default value is 'html'.
• default - Function, Object, String - the procedure that should be used by default when procedure is not specified inside resource name; can be a function, an object that has method with name execute, or a name of one of registered/configured procedures.
• loader - String - default loader/plugin (without trailing exclamation sign) that should be used when loader is not specified inside resource name; the default value is 'text'.
• paramSeparator - String - separator for procedure parameters that are specified inside resource name; the default value is '^'.
• proc - Object - map of registered procedures; keys are names of procedures, values are corresponding procedures; procedure can be a function or an object that has method with name execute; the resource's content will be passed into the function/method to get the result that plugin will return.

Configuration example for curl.js:

curl.config({
    packages: {
        proc: {
            location: "path/to/plugins/proc",
            main: "proc"
        }
    },
    pluginPath: "path/to/plugins",
    plugins: {
        proc: {
            proc: {
                template: function(text) {
                    ...
                },
                
                reverse: function(text) {
                    return text.split("").reverse().join("");
                }
            },
            "default": "reverse"
        }
    }
});

Configuration example for require.js:

require.config({
    packages: [
        {
            name: "proc",
            location: "path/to/plugins/proc",
            main: "proc"
        }
    ],
    paths: {
        text: "path/to/plugins/text"
    },
    config: {
        "proc/proc": {
            proc: {
                template: function(text) {
                    ...
                },
                
                reverse: function(text) {
                    return text.split("").reverse().join("");
                }
            },
            "default": "reverse"
        }
    }
});

Configuration settings have priority over settings that are set by module API functions (see below).

• ./util/base module
• plugins to load resources (for example, text plugin)

// loads some/folder/view.html using default loader and applies the default procedure (supposed that 'html' is set as default extension)
define(['proc!some/folder/view'], function(view) {...});

// loads some/folder/view.tmpl using default loader and applies template procedure
define(['proc!some/folder/view.tmpl!template'], function(view) {...});

// loads some/folder/data.json using json! loader plugin and applies prepare procedure
define(['proc!json!some/folder/data.json!prepare'], function(data) {...});

// loads some/folder/data.json using json! loader plugin and applies value procedure with specified parameter
define(['proc!json!some/folder/data.json!value^path.to.value'], function(someValue) {...});

The following functions can be used to configure plugin's work. All functions except getProc are chainable i.e. they return this.

Usage example:

curl(["path/to/plugin/proc"], function(proc) {
    proc.setProc("p1", function() {...})
        .setProc("p2", {data: ..., execute: function() {...}})
        .setDefaultProc("p1")
        .setParamSeparator("#");
});

Settings made by the following functions can be used along with configuration settings but the latter have priority.

Registers/adds the procedure to the list of available procedures. The value of sProcName parameter is used to get access to the procedure. The proc parameter specifies procedure that is used to process a resource. The value of the proc parameter can be a function or an object that has method with name execute. The resource will be passed into the function/method to get the result that plugin will return.

Returns available/registered procedure with the specified name. Returns null if procedure with the name is not registered.

Removes the procedure from the list of available/registered procedures.

Sets the procedure that should be used by default when no procedure is specified inside resource name. The value of proc parameter can be a function, an object that has method with name execute, or a name of one of available procedures.

Sets the default file extension that is used if it is not specified inside resource name.

Sets the default loader/plugin that should be used when it is not specified inside resource name. The value of the parameter should represent plugin name without the trailing exclamation sign (e.g. 'text' or 'view').

Sets the separator for procedure parameters that are specified inside resource name.

Possibly you might find helpful amd-view-plugin.

MIT