FormidableLabs/spectacle-editor

Name: spectacle-editor

Owner: Formidable

Description: Drag and drop Spectacle editor.

Created: 2016-05-03 22:24:37.0

Updated: 2018-01-15 10:58:41.0

Pushed: 2017-05-08 18:43:10.0

Homepage: https://formidable.com/open-source/spectacle-editor/

Size: 6741

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

Spectacle Editor

An Electron based app for creating, editing, saving, and publishing Spectacle presentations. With integrated Plotly support.

This project is a joint effort between Formidable and Plotly.

Getting started with development

Please review the contributing guidelines first.

Fork then clone the repo:

clone git@github.com:<USERNAME>/spectacle-editor.git

Install npm dependencies:

pectacle-editor && npm install

Run Spectacle Editor in dev mode:

run dev

Running tests/lint:

run check
Overview

The initial setup of this project is based on electron-react-boilerplate.

MobX and seamless-immutable are used for the store(s).

Note: Instead of actions, components call methods on the store(s) passed down via context.

Spectacle Editor leverages React-Motion for drag and drop functionality.

Draggable elements

The elements that can be added to slides and edited include:

Each element will have a corresponding property menu that is available when an element of that type is selected.

Canvas

The canvas is the editable area that displays the current slide. Elements can be dropped on the canvas, repositioned and formatted.

Slide list

The slide list displays all slides in the presentation and allows for changing the selected slide and reordering existing slides.

Property menu

This is where options for the selected element will appear. The menu will depend on the type of element selected. If no element is selected a slide menu will appear.

Creating release packages

To build for Windows on MacOS, you'll need (this may take 30+ mins):

 update
ash
 install wine --without-x11
 install mono

To build for Linux on MacOS, you'll need:

 install gnu-tar libicns graphicsmagick xz

To build and package for all platforms, run:

run release

Other packaging steps are:

run package-all
run package-mac
run package-win
run package-linux

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.