hyperstack-org/hyperstack

codesandbox.io integration

Open

#268 opened on Oct 11, 2019

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (531 stars) (43 forks)batch import
enhancementhelp wanted

Description

Codesandbox.io could be a great platform for doing hyperstack UI work, demo's etc.

Here is an example https://codesandbox.io/s/upbeat-ives-k3yfd

Not much there, but it shows how to get Opal loaded into the system.

The next steps are to look at how the "parcel" npm bundler works (as that is what they use) and add ability to compile opal to parcel. See https://parceljs.org/asset_types.html to start understanding what to do.

Looks like there are great examples, with other languages (i.e. Rust) so seems doable.

Contributor guide

Tech stack
rubyjavascript
Domain
frontendtooling
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Knowledge of Opal Ruby to JS compilerUnderstanding of Parcel bundler
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
Investigate how Parcel asset types work by reviewing examples at https://parceljs.org/asset types.html. Look at existing examples for other languages like Rust to understand the pattern. Then implement a Parcel plugin that compiles Opal Ruby files to JavaScript. Potentially integrate with codesandbox by following their platform documentation. The issue has no comments or linked PRs, so experimentation is needed.