Extension Discussion Thread

nXIII

This thread provides a place for discussing extensions to Scratch 2.0. The topic post provides a description of the current state of extensions in Scratch.

Experimental Extensions
Experimental extensions can be imported into Scratch by shift-clicking the File menu and selecting Import Experimental Extension. The resulting file dialog allows you to select an extension manifest JSON file, which contains the extension name, the port on which the extension runs, and the blocks which the extension defines. It follows this format:

{
    "extensionName": name,
    "extensionPort": port,
    "useHTTP": useHTTP,
    "blockSpecs": [
        [type, spec, selector],
        ...
    ]
}

The extension name should be an alphanumeric string in CamelCase, e.g., SensorBoard. The extension port can be any valid port number.

Block specs include a block type (“ ” for command blocks, “f” for cap blocks, “r” for reporter blocks, or “b” for boolean reporter blocks), a block spec, and a selector (which should be a lowerCamelCase identifier). They can have additional array elements, which specify the block's default input values.

If the “useHTTP” flag is set to true in an extension manifest, Scratch will use HTTP requests rather than sockets to connect to the extension (see “Communication” below).

Below is a simple example of a socket-based extension manifest:

{
    "extensionName": "ExampleExtension",
    "extensionPort": 49001,
    "blockSpecs": [
        [" ", "log %s", "log", "hello, world!"],
        [" ", "press key %m.key", "pressKey", "space"],
        [" ", "increment counter", "increment"],
        [" ", "reset counter", "reset"],
        ["r", "counter", "counter"]
    ]
}

There is no established convention for the name of a manifest file; I name my extension manifests extension.json.

Experimental extension manifests are saved with projects under the “savedExtensions” key so that the blocks in the project can be deserialized without having to import the extension manifest again.

Communication
When an experimental extension is imported into Scratch, it attempts to connect to a server running at the extension's port on the local machine in one of two ways.

Sockets
Scratch connects to extensions which have “useHTTP”: false in their manifests using a TCP socket. Before any communication can occur between the client and server, Flash sends a request for a policy file, containing the string <policy-file-request/> terminated by a null character to the extension host on port 843. The server should respond to this request with a null-terminated cross-domain policy file allowing the connection; for example:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <allow-access-from domain="*.scratch.mit.edu" to-ports="*"/>
    <allow-access-from domain="*.media.mit.edu" to-ports="*"/>
</cross-domain-policy>

After this transaction is complete, Scratch sends newline-terminated JSON packets to the server of the form

{
    "method": method,
    "params": [params]
}

Scratch periodically sends poll packets with no parameters. Additionally, it sends a packet with the same method name as the block selector whenever one of the extension's command blocks is executed; the parameters of these packets correspond to the evaluate arguments to the block.

The server can send packets of the same form back to Scratch. The only one it currently responds to is the update packet; its parameters should be a list of 2-tuples containing names and values corresponding to the selectors for the extension's reporter blocks.

HTTP
Scratch uses HTTP connections for extensions which declare “useHTTP”: true in their manifests. Before sending any other requests, Flash sends an HTTP request to http://127.0.0.1:extensionPort/crossdomain.xml and expects a Flash cross-domain policy file in response. For example, an extension could send back the following policy file:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <allow-access-from domain="*.scratch.mit.edu" to-ports="*"/>
    <allow-access-from domain="*.media.mit.edu" to-ports="*"/>
</cross-domain-policy>

For each reporter block declared in the manifest, Scratch regularly sends requests to http://127.0.0.1:extensionPort/selector and stores the result as the value of that reporter block.

When a command block is executed, Scratch sends a request to http://127.0.0.1:extensionPort/selector and ignores the result. Any block inputs are appended this URL, escape-encoded and preceded by a solidus. For example, running the block [log [Hello, world!]] from the example extension above would send a request to http://127.0.0.1:49001/log/Hello%2C%20world%21.

Making Experimental Extensions
I made a node.js framework for Scratch extensions. It currently only support socket-based extensions. You can check it out on Github.

Last edited by nXIII (Aug. 7, 2013 19:22:58)

♡ nXIII · GitHub

Hardmath123

Wow, sounds like fun!

easymath123

nXIII wrote:
[rest of quote removed]

I made a node.js framework for Scratch extensions. You can check it out on Github.

Tried The Tutorial On GitHub And Failed.
a)You Haven't Written The Script Properly.
b)Node.js Has A Bug.

Last edited by nXIII (June 29, 2013 17:13:53)

easymath123

Some Random User wrote:
Yay! It Works!

It Doesn't Say “Hello World!” In The Console,
It Just Says “Disconnected From Scratch.”.

Last edited by easymath123 (June 30, 2013 10:11:09)

Hardmath123

Last edited by Hardmath123 (June 29, 2013 15:44:55)

technoboy10

Awesome, now I can port my Snap! extensions to Scratch!

trans rights are human rights

nXIII

technoboy10 wrote:
Awesome, now I can port my Snap! extensions to Scratch!

Yeah! It's fairly limited right now, though—reporters can't have arguments (the SensorBoard blocks are hardcoded) and you can't make command blocks wait until their task completes.

♡ nXIII · GitHub

MathWizz

You should publish this on npm!

running Chromium 42.0.2311.90 with Flash Player 15.0.0.189 on Arch Linux 3.19.5-1-ck
MathWizz — JsScratch && sb.js & Amber (coming soon! maybe)

nXIII

MathWizz wrote:
You should publish this on npm!

Oh, yeah… how do you do that?

♡ nXIII · GitHub

Magnie

Would it be possible to specify a domain as well as a port? Or are there other issues involved in there?

▴ ▾ ▴ Macbook Pro 13" 2015 i5-5257U 8GB RAM - MacOS Sierra - Vivaldi v1.7 ▴ ▾ ▴
There are 10 types of people in this world, those who understand binary, those who don't, and those who know ternary.

MathWizz

I've never tried it but this should get you started: https://npmjs.org/doc/publish.htm

running Chromium 42.0.2311.90 with Flash Player 15.0.0.189 on Arch Linux 3.19.5-1-ck
MathWizz — JsScratch && sb.js & Amber (coming soon! maybe)

nXIII

Magnie wrote:
Would it be possible to specify a domain as well as a port? Or are there other issues involved in there?

Currently, Scratch only deserializes the port, name, and block specs: (decompiled)

var manifest:Object;
try {
    manifest = JSON.parse(FileReference(event.target).data.toString());
} catch(e) {}
if (!manifest || !("extensionName" in manifest) || !("extensionPort" in manifest) || !("blockSpecs" in manifest) {
    return;
}
var ext:ScratchExtension = new ScratchExtension(manifest.extensionName, manifest.extensionPort);
ext.blockSpecs = manifest.blockSpecs;
ext.showBlocks = true;
extensionDict[manifest.extensionName] = ext;
Scratch.app.translationChanged();
Scratch.app.updatePalette();

However, the ScratchExtension class has a host field:

public var host:String = "127.0.0.1";

and that field is used when connecting in the current implementation:

socket.connect(ext.host, ext.port);

so I think we can expect to see extensionHost in manifests in the future.

♡ nXIII · GitHub

nXIII

Flash is refusing the connection to extensions built with my framework (again). I'll look into it (it worked yesterday, and I didn't change anything…?)

♡ nXIII · GitHub

DigiTechs

This look nice. Once it's officially implemented we can have a /somewhat/ working connection to servers!

This is also good for my Lua server, because it wants newline terminated messages

I do, in fact, have my own site; it's here.
I'm also working on a thing called Fetch. Look at it here!
@thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain.

nathanprocks

When I try to use variables, the reporter block in Scratch always returns 0 instead of what I set the variable to. Command blocks work perfectly though. Do you know why it does this and how can make it work?

My browser / operating system: Macrosoft Winding XO, Internet Exploder 6.0, Angel Player ver.:1.2.5
;

easymath123

Hardmath123 wrote:

???

Hardmath123

easymath123 wrote:
Hardmath123 wrote:
???

No delete post button…

FireNinjaGAME

Hmmm… This sounds interesting! Does this relate to the Remote Sensors Protocol in 1.4?

Moving on from Scratch, to much bigger things.

It's gonna be one fun adventure.

nXIII

FireNinjaGAME wrote:
Hmmm… This sounds interesting! Does this relate to the Remote Sensors Protocol in 1.4?

Yeah, it's similar—it's the external communication protocol for 2.0.

♡ nXIII · GitHub

nathanprocks

nathanprocks wrote:
When I try to use variables, the reporter block in Scratch always returns 0 instead of what I set the variable to. Command blocks work perfectly though. Do you know why it does this and how can make it work?

…

My browser / operating system: Macrosoft Winding XO, Internet Exploder 6.0, Angel Player ver.:1.2.5
;

Discuss Scratch