Skip to content

allotropia/zetajs

Repository files navigation

zetajs: Access ZetaOffice in the Browser from JavaScript via UNO

The zeta.js library provides the facilities to run an instance of ZetaOffice integrated in your web site, allowing you to control it with JavaScript code via the LibreOffice UNO technology.

Use cases range from an in-browser office suite that looks and feels just like its desktop counterpart, to fine-tuned custom text editing and spreadsheet capabilites embedded in your web site, to a headless zetajs instance that does document conversion in the background.

For a detailed description of zetajs, see the Starting Points documentation.

(Technically, zeta.js provides a wrapper on top of the Embind-based JavaScript scripting capabilities for LibreOffice. But it aims to provide a nicer, more idiomatic JavaScript experience, and completely hides the underlying machinery. In the future, it may even move away from that underyling Embind layer, in a backward-compatible way.)

Demo

To see a demo of zetajs in use, visit zetaoffice.net/demo.

screenshots

Examples and test code

Check out the examples in the examples folder. We recommend to start with the standalone example.

Those examples are configured to run without requiring an own LibreOffice WASM (LOWA) build. They make use of the ZetaOffice CDN.

Using ZetaOffice

Visit zetaoffice.net to learn more about ZetaOffice, its CDN and how to host ZetaOffice yourself.

Using the official versions from zetaoffice.net is the recommended way for most users. Only read on if you intend to build or debug LOWA itself.

Why zetajs

See how zetajs makes scripting LibreOffice WASM easy:

1. Load a document

const css = zetajs.uno.com.sun.star;
const desktop = css.frame.Desktop.create(zetajs.getUnoComponentContext());
let xModel = desktop.getCurrentFrame().getController().getModel();
if (!xModel?.queryInterface(zetajs.type.interface(css.text.XTextDocument))) {
    xModel = desktop.loadComponentFromURL(
        'file:///android/default-document/example.odt', '_default', 0, []);
}

2. Change each paragraph in Writer into a random color

const xText = xModel.getText();
const xParaEnumeration = xText.createEnumeration();
for (const xParagraph of xParaEnumeration) {
    const color = Math.floor(Math.random() * 0xFFFFFF);
    xParagraph.setPropertyValue("CharColor", color);
}

Running the examples.

See README.md in the individual folder of the example.

Using with an own WASM build

By default the exmaples load a precompiled ZetaOffice from https://cdn.zetaoffice.net/zetaoffice_latest/

Please have a look into the respective config.sample.js file of each demo to use another WASM build.

You may also compile a custom LOWA build. There the folder workdir/installation/LibreOffice/emscripten/ will contain the files for the webroot. If you host the WASM binary on another origin then the example code you will need to set a CORS header.

For the sources of the WASM binaries served by cdn.zetaoffice.net see:

Contributions

Submitting issues

First off, please search existing issues first, before filing a new one (see search on github).

If you think you've found a security problem, feel free to contact one of the project maintainers in private, for responsible disclosure.

Development and Code

For any LibreOffice questions (code, api, features), you'll find us on the LibreOffice IRC channel - changes to LibreOffice core then go through TDF's development process and gerrit code review system.

For changes to the zetajs library, just raise a pull request here, and make sure you've got permission to contribute your changes under the MIT license. For that, we use the Developer Certificate of Origin (DCO):

Developer Certificate of Origin
Version 1.1

Copyright (C) 2004, 2006 The Linux Foundation and its contributors.

Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.


Developer's Certificate of Origin 1.1

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I
    have the right to submit it under the open source license
    indicated in the file; or

(b) The contribution is based upon previous work that, to the best
    of my knowledge, is covered under an appropriate open source
    license and I have the right under that license to submit that
    work with modifications, whether created in whole or in part
    by me, under the same open source license (unless I am
    permitted to submit under a different license), as indicated
    in the file; or

(c) The contribution was provided directly to me by some other
    person who certified (a), (b) or (c) and I have not modified
    it.

(d) I understand and agree that this project and the contribution
    are public and that a record of the contribution (including all
    personal information I submit with it, including my sign-off) is
    maintained indefinitely and may be redistributed consistent with
    this project or the open source license(s) involved.

When submitting a pull request, to make this certification please therefore add a sign-off line to your commits:

  Signed-off-by: Random J Developer <[email protected]>

Use your real name (sorry, no pseudonyms or anonymous contributions).

This project is tested with BrowserStack.