Skip to content

importModule update of bridge demo #2631

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fgallaire wants to merge 7 commits into
base: master
Choose a base branch
from
Open

importModule update of bridge demo #2631

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
bad016c
importModule update of bridge demo
fgallaire Nov 17, 2025
b17ec86
add printJavaScriptFromFile
fgallaire Nov 17, 2025
c0c3090
add print_python_from_file
fgallaire Nov 17, 2025
2dc2cfd
direct access
fgallaire Nov 17, 2025
4ad6bae
add printJavaScriptFromOtherScript and print_python_from_other_script
fgallaire Nov 18, 2025
ca1e752
add LOAD
fgallaire Nov 19, 2025
0734235
Merge branch 'brython-dev:master' into importModule
fgallaire Nov 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
79 changes: 64 additions & 15 deletions www/bridge/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,45 +5,94 @@
<title>JavaScript/Python bridge demo</title>
<script type="text/javascript" src="/src/brython.js"></script>
<script type="text/javascript" src="print.brython.js"></script>
<script type="text/javascript" src="printJSFile.js"></script>
<script type="text/python" src="print_py_file.py"></script>
</head>
<body>

<script type="text/python" id="otherpythonscript">
print("LOAD otherpythonscript")

def print_python_from_other_script(message):
print(message)
</script>

<script type="text/javascript" id="otherjavascriptscript">
console.log("LOAD otherjavascriptscript")

printJavaScriptFromOtherScript = function(message){
console.log(message)
}
</script>

<script type="text/python" id="pythonscript">
print("LOAD pythonscript")

from browser import console, window, document
import print_py, printJS

def print_python_from_script(message):
def print_python_from_same_script(message):
print(message)

# Python code
print("pythonscript 1: print")
print_python_from_script("pythonscript 2: print_python_from_script")
print_py.print_python_from_module("pythonscript 3: print_python_from_module")
print_python_from_same_script("pythonscript 2: print_python_from_same_script")

import otherpythonscript
otherpythonscript.print_python_from_other_script("pythonscript 3: print_python_from_other_script")

import print_py
print_py.print_python_from_module("pythonscript 4: print_python_from_module")

import print_py_file
print_py_file.print_python_from_file("pythonscript 5: print_python_from_file")

# JavaScript code
console.log("pythonscript 4: console.log")
window.printJavaScriptFromScript("pythonscript 5: printJavaScriptFromScript")
printJS.printJavaScriptFromModule("pythonscript 6: printJavaScriptFromModule")
console.log("pythonscript 6: console.log")

# Direct acces
window.printJavaScriptFromOtherScript("pythonscript 7: printJavaScriptFromOtherScript")

document <= "Look at the 16 print in the JavaScript console"
import printJS
printJS.printJavaScriptFromModule("pythonscript 8: printJavaScriptFromModule")

# Direct acces
window.printJavaScriptFromFile("pythonscript 9: printJavaScriptFromFile")

document <= "Look at the 22 print in the JavaScript console"
</script>

<script type="text/javascript" id="javascriptscript">
printJavaScriptFromScript = function(message){
console.log("LOAD javascriptscript")

printJavaScriptFromSameScript = function(message){
console.log(message)
}

// JavaScript code
console.log("javascriptscript 1: console.log")
printJavaScriptFromScript("javascriptscript 2: printJavaScriptFromScript")
__BRYTHON__.getPythonModule("printJS").printJavaScriptFromModule("javascriptscript 3: printJavaScriptFromModule")
printJavaScriptFromSameScript("javascriptscript 2: printJavaScriptFromSameScript")

// Direct acces
printJavaScriptFromOtherScript("javascriptscript 3: printJavaScriptFromOtherScript")

printJS = __BRYTHON__.importModule("printJS")
printJS.printJavaScriptFromModule("javascriptscript 4: printJavaScriptFromModule")

// Direct acces
printJavaScriptFromFile("javascriptscript 5: printJavaScriptFromFile")

// Python code
__BRYTHON__.runPythonSource("print('javascriptscript 4: print')")
document.getElementById("pythonscript").addEventListener('load', function(script){
__BRYTHON__.getPythonModule("pythonscript").print_python_from_script("javascriptscript 5: print_python_from_script")
__BRYTHON__.runPythonSource("print('javascriptscript 6: print')")
document.getElementById("otherpythonscript").addEventListener('load', function(script){
otherpythonscript = __BRYTHON__.importModule("otherpythonscript")
otherpythonscript.print_python_from_other_script("javascriptscript 7: print_python_from_other_script")
})
__BRYTHON__.getPythonModule("print_py").print_python_from_module("javascriptscript 6: print_python_from_module")

print_py = __BRYTHON__.importModule("print_py")
print_py.print_python_from_module("javascriptscript 8: print_python_from_module")

print_py_file = __BRYTHON__.importModule("print_py_file")
print_py_file.print_python_from_file("javascriptscript 9: print_python_from_file")
</script>

</body>
Expand Down
12 changes: 7 additions & 5 deletions www/bridge/print.brython.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
__BRYTHON__.loadBrythonPackage({"$timestamp": 1757632247016, "print_py": [".py", "def print_python_from_module(message):\n print(message)\n", []], "printJS": [".js", "printJavaScriptFromModule = function(message){\n\tconsole.log(message)\n\t}\n", []]})
__BRYTHON__.importPythonModule("printJS")
__BRYTHON__.importPythonModule("print_py")
console.log("LOAD print.brython.js package")

__BRYTHON__.loadBrythonPackage({"$timestamp": 1757632247016, "print_py": [".py", "print('LOAD print_py module')\ndef print_python_from_module(message):\n print(message)\n", []], "printJS": [".js", "console.log('LOAD printJS module')\n printJavaScriptFromModule = function(message){\n\tconsole.log(message)\n\t}\n", []]})
printJS = __BRYTHON__.importModule("printJS")
print_py = __BRYTHON__.importModule("print_py")

// JavaScript code
console.log("Brython package 1: console.log")
__BRYTHON__.getPythonModule("printJS").printJavaScriptFromModule("Brython package 2: printJavaScriptFromModule")
printJS.printJavaScriptFromModule("Brython package 2: printJavaScriptFromModule")

// Python code
__BRYTHON__.runPythonSource("print('Brython package 3: print')")
__BRYTHON__.getPythonModule("print_py").print_python_from_module("Brython package 4: print_python_from_module")
print_py.print_python_from_module("Brython package 4: print_python_from_module")
5 changes: 5 additions & 0 deletions www/bridge/printJSFile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
console.log("LOAD printJSFile.js")

printJavaScriptFromFile = function(message){
console.log(message)
}
4 changes: 4 additions & 0 deletions www/bridge/print_py_file.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
print("LOAD print_py_file.py")

def print_python_from_file(message):
print(message)