Best way to integrate Python and JavaScript?

JavascriptPythonBrythonTranscryptRapydscript

Javascript Problem Overview


Is it possible to integrate Python and JavaScript? For example, imagine you wanted to be able to define classes in JavaScript and use them from Python (or vice versa). If so, what's the best way? I'm interested not only if this is possible but if anyone has done it within a "serious" project or product.

I'm guessing it would be possible using Jython and Rhino, for one example, but I'm curious whether or not anyone's ever actually done this, and if there are solutions for other platforms (especially CPython).

Javascript Solutions


Solution 1 - Javascript

How about pyjs?

From the above website:

> pyjs is a Rich Internet Application (RIA) Development Platform for both Web and Desktop. With pyjs you can write your JavaScript-powered web applications entirely in Python.

Solution 2 - Javascript

Here's something, a Python wrapper around the SeaMonkey Javascript interpreter... <http://pypi.python.org/pypi/python-spidermonkey>

Solution 3 - Javascript

This question is not exactly young, but there have come up some alternatives:

  • "Skulpt is an entirely in-browser implementation of Python."
  • Brython - "A Python 3 implementation for client-side web programming"
  • RapydScript - "Python-like JavaScript without the extra overhead or quirks"
  • Transcrypt - "Lean and mean Python 3.6 to JavaScript compiler with multiple inheritance, sourcemaps, static type checking and selective operator overloading." (also on Github)

Solution 4 - Javascript

there are two projects that allow an "obvious" transition between python objects and javascript objects, with "obvious" translations from int or float to Number and str or unicode to String: http://code.google.com/p/pyv8">PyV8</a> and, as one writer has already mentioned: http://pypi.python.org/pypi/python-spidermonkey">python-spidermonkey</a>;.

there are actually two implementations of pyv8 - the original experiment was by sebastien louisel, and the second one (in active development) is by flier liu.

my interest in these projects has been to link them to http://pyjs.org">pyjamas</a>;, a python-to-javascript compiler, to create a JIT python accelerator.

so there is plenty out there - it just depends what you want to do.

Solution 5 - Javascript

If your just interested in sharing complex data types between javascript and python, check out jsonpickle. It wraps the standard Python JSON libraries, but has some smarts in serializing and deserializing Python classes and other data types.

Quite a few Google App Engine projects have used this library. Joose and FirePython both incorporate jsonpickle.

Solution 6 - Javascript

PyExecJS is able to use each of PyV8, Node, JavaScriptCore, SpiderMonkey, JScript.

>>> import execjs
>>> execjs.eval("'red yellow blue'.split(' ')")
['red', 'yellow', 'blue']
>>> execjs.get().name
'Node.js (V8)'

Solution 7 - Javascript

There's a bridge based on JavaScriptCore (from WebKit), but it's pretty incomplete: http://code.google.com/p/pyjscore/

Solution 8 - Javascript

You might also want to check out the PyPy project - they have a Python to (anything) compiler, including Python to Javascript, C, and llvm. This allows you to write your code in Python and then compile it into Javascript as you desire.

http://codespeak.net/pypy

Also, check out the informative blog:

http://morepypy.blogspot.com/

Unfortunately though, you can't convert Javascript to Python this way. It seems to work really well overall, they used to have a Javascript (made from compiled Python) version of the Bub'n'Bros game online (though the server has been down for a while).

http://bub-n-bros.sourceforge.net

Solution 9 - Javascript

Use Js2Py to translate JavaScript to Python, this is the only tool available :)

Solution 10 - Javascript

Many of the examples are years out of date and involve complex setup. You can give JSPyBridge a try (full disclosure: I'm the author).

It's a bi-directional bridge that lets you use JavaScript code from Python, and vice-versa. That means that Python code can call JS callbacks, and JS code can call Python callbacks.

Access Python from JS, numpy + matplotlib example, with the ES6 import system:

import { py, python } from 'pythonia'
const np = await python('numpy')
const plot = await python('matplotlib.pyplot')

// Fixing random state for reproducibility
await np.random.seed(19680801)
const [mu, sigma] = [100, 15]
// Inline expression evaluation for operator overloading
const x = await py`${mu} + ${sigma} * ${np.random.randn(10000)}`

// the histogram of the data
const [n, bins, patches] = await plot.hist$(x, 50, { density: true, facecolor: 'g', alpha: 0.75 })
console.log('Distribution', await n) // Always await for all Python access
await plot.show()
python.exit()

Through CommonJS (without top level await):

const { py, python } = require('pythonia')
async function main() {
  const np = await python('numpy')
  const plot = await python('matplotlib.pyplot')
  ...
  // the rest of the code
}
main().then(() => python.exit()) // If you don't call this, the process won't quit by itself.

Access JS from python:

from javascript import require, globalThis

chalk, fs = require("chalk"), require("fs")

print("Hello", chalk.red("world!"), "it's", globalThis.Date().toLocaleString())
fs.writeFileSync("HelloWorld.txt", "hi!")

Solution 11 - Javascript

You could also use XPCOM, say in XUL based apps like Firefox, Thunderbird or Komodo.

Solution 12 - Javascript

I was playing with Pyjon some time ago and seems manage to write Javascript's eval directly in Python and ran simple programs... Although it is not complete implementation of JS and rather an experiment. Get it here:

http://code.google.com/p/pyjon/

Solution 13 - Javascript

Many of these projects mentioned above are dead or dying, lacking activity and interest from author side. Interesting to follow how this area develops.

For the record, in era of plugin based implementations, KDE camp had an attempt to solve this with plugin and non-language specific way and created the Kross https://en.wikipedia.org/wiki/Kross_(software) - in my understanding it never took off even inside the community itself.

During this chicken and egg -problem time, javascript-based implementions are definately way to go. Maybe in the future we seee pure and clean, full Python support natively in browsers.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJacob GabrielsonView Question on Stackoverflow
Solution 1 - JavascriptStephen SimmonsView Answer on Stackoverflow
Solution 2 - JavascriptDavid ZView Answer on Stackoverflow
Solution 3 - JavascriptTobias KienzlerView Answer on Stackoverflow
Solution 4 - JavascriptlkclView Answer on Stackoverflow
Solution 5 - JavascriptJohn PaulettView Answer on Stackoverflow
Solution 6 - JavascriptimanView Answer on Stackoverflow
Solution 7 - JavascriptMilesView Answer on Stackoverflow
Solution 8 - JavascriptView Answer on Stackoverflow
Solution 9 - JavascriptPiotr DabkowskiView Answer on Stackoverflow
Solution 10 - JavascriptExtremeView Answer on Stackoverflow
Solution 11 - JavascriptliucougarView Answer on Stackoverflow
Solution 12 - JavascriptbuzziloView Answer on Stackoverflow
Solution 13 - JavascriptJuha TuomalaView Answer on Stackoverflow