1
2
3
4
5
6
7

func _on_button_pressed():
    if OS.has_feature('web'):
        JavaScriptBridge.eval('''
            console.log('The JavaScriptBridge singleton is available')
        ''')
    else:
        print("The JavaScriptBridge singleton is NOT available")

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

func _on_button_pressed():
    # var console = JavaScriptBridge.get_interface("console")
    # var window = JavaScriptBridge.get_interface("window")
    if OS.has_feature('web'):
        var code = '''
        console.log("test");
        navigator.bluetooth.requestDevice({
            acceptAllDevices: true,
            optionalServices: []
        });
        '''
        JavaScriptBridge.eval(code)
    else:
        print("The JavaScriptBridge singleton is NOT available")

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

extends Control


# Called when the node enters the scene tree for the first time.
func _ready():
    print("ready")
    if OS.has_feature('web'):
        var code = '''
class MicroBlocksClient {
    constructor(height, width) {
        this.MICROBLOCKS_SERVICE_UUID = "bb37a001-b922-4018-8e74-e14824b3a638"
        this.MICROBLOCKS_RX_CHAR_UUID = "bb37a002-b922-4018-8e74-e14824b3a638" // board receive characteristic
        this.MICROBLOCKS_TX_CHAR_UUID = "bb37a003-b922-4018-8e74-e14824b3a638" // board transmit characteristic
        this.bleDevice = null;
    }

    connect() {
        navigator.bluetooth.requestDevice({
            filters: [
                { services: [this.MICROBLOCKS_SERVICE_UUID] }
            ]
        }).then((device) => { this.bleDevice = device; return device.gatt.connect(); })
    }

    send(aString) {
        // console.log(aString);
        const data = new TextEncoder().encode(aString);
        let length = data.length + 1;
        let bytes = new Uint8Array([...(new Uint8Array([251, 27, 0, length % 256, parseInt((length / 256))])), ...data, ...(new Uint8Array([254]))])
        if (this.bleDevice) {
            this.bleDevice.gatt
                .getPrimaryService(this.MICROBLOCKS_SERVICE_UUID)
                .then((service) => service.getCharacteristic(this.MICROBLOCKS_RX_CHAR_UUID))
                .then((characteristic) => characteristic.writeValue(bytes))
                .catch((error) => {
                    console.log("error:" + error);
                });
        }
    }
}

window.MicroBlocksClient = MicroBlocksClient;
        '''

        JavaScriptBridge.eval(code)



# Called every frame. 'delta' is the elapsed time since the previous frame.
func _process(delta):
    pass


func _on_send_pressed():
    if OS.has_feature('web'):
        var aString = $LineEdit.text;
        var code = 'window.microblocks_client.send("%s")' % aString
        print(code)
        JavaScriptBridge.eval(code)

func _on_connect_pressed():
    if OS.has_feature('web'):
        var code = '''
window.microblocks_client = new window.MicroBlocksClient();
window.microblocks_client.connect();
        '''
        JavaScriptBridge.eval(code)
    else:
        print("The JavaScriptBridge is NOT available")

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

extends Node

# Here we create a reference to the `_my_callback` function (below).
# This reference will be kept until the node is freed.
var _callback_ref = JavaScriptBridge.create_callback(_my_callback)

func _ready():
    # Get the JavaScript `window` object.
    var window = JavaScriptBridge.get_interface("window")
    # Set the `window.onbeforeunload` DOM event listener.
    window.sendToGodot = _callback_ref

func _my_callback(arg):
    print(arg)

1

npx local-web-server --https --cors.embedder-policy "require-corp" --cors.opener-policy "same-origin" --directory "."

1

ngrok http https://127.0.0.1:8000

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

func _ready():
    print("ready")
    if OS.has_feature('web'):
        var code = '''
        let url = "test.js";
        let scriptElement = document.createElement("script");
        document.head.appendChild(scriptElement);
        scriptElement.src = url;
        // scriptElement.crossorigin="anonymous";
        '''
        JavaScriptBridge.eval(code)

1

npx local-web-server --https --cors.embedder-policy "require-corp" --cors.opener-policy "same-origin" --directory "."