Glitch as the provider of the live-coding collaborative editor (and Stackblitz could easily be added, both use a similar URL scheme);
Specification of Glitch project with project="‹projectId›";
Editor / Preview / Embed views of Glitch with mode="editor|preview|embed" attribute;
Selection of file to edit with file="‹filename›" attribute;
Auto-refresh with refresh="‹timeout›" attribute (timeout in milliseconds); useful for preview mode.

Usage

    <dia-show slide="s01" display="proj01">
      <dia-slide id="s01">
        <dia-po display="proj01"><dia-livecode project="power-asteroid" mode="editor" file="index.html"></dia-livecode></dia-po>
        <dia-po display="tv01"><dia-livecode project="power-asteroid" mode="preview" refresh="5000"></dia-livecode></dia-po>
        <dia-po display="tv02"></dia-po>
        <dia-po display="pres01"></dia-po>
        <dia-po display="pres02"></dia-po>
      </dia-slide>
      <dia-slide id="s02">
        <dia-po display="proj01"><dia-livecode project="power-asteroid" mode="embed" file="index.html"></dia-livecode></dia-po>
        <dia-po display="tv01"></dia-po>
        <dia-po display="tv02"></dia-po>
        <dia-po display="pres01"></dia-po>
        <dia-po display="pres02"></dia-po>
      </dia-slide>
      <dia-slide id="s03">
        <dia-po display="proj01"></dia-po>
        <dia-po display="tv01"></dia-po>
        <dia-po display="tv02"></dia-po>
        <dia-po display="pres01"></dia-po>
        <dia-po display="pres02"></dia-po>
      </dia-slide>
    </dia-show>
<dia-show>

Keywords

glitch

FAQs

What is @petitatelier/dia-livecode?

Is @petitatelier/dia-livecode well maintained?

Package last updated on 23 Mar 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install