Skip to content

Instantly share code, notes, and snippets.

@tjanczuk

tjanczuk/FusebitEditor.js

Created October 18, 2019 16:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save tjanczuk/0d664c2b809ad70fff5a023e8d606ff8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save tjanczuk/0d664c2b809ad70fff5a023e8d606ff8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. tjanczuk created this gist Oct 18, 2019.
    60 changes: 60 additions & 0 deletions FusebitEditor.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,60 @@
    import React from "react";

    export default class FusebitEditor extends React.Component {
    constructor(props) {
    super(props);
    }
    render() {
    return (
    <div style={{width: '100%', height: '100%'}} ref={el => this.el = el} />
    );
    }
    componentDidMount() {
    let initializeEditor = () => {
    window.fusebit
    .createEditor(
    this.el,
    this.props.boundaryId,
    this.props.functionId,
    this.props.account,
    this.props.options
    )
    .then(editorContext => {
    this.editorContext = editorContext;
    if (this.props.onLoaded) {
    this.props.onLoaded(editorContext);
    }
    })
    .catch(e => {
    if (this.props.onError) {
    this.props.onError(e);
    }
    else {
    throw e;
    }
    });
    }
    let fusebitLibUrl = `https://cdn.fusebit.io/fusebit/js/fusebit-editor/${(this.props.version || 'latest').replace(/\./g,'/')}/fusebit-editor.min.js`
    let hasFusebitLib;
    for (let i = 0; i < document.scripts.length; i++) {
    if (document.scripts[i].src === fusebitLibUrl) {
    hasFusebitLib = true;
    break;
    }
    }
    if (hasFusebitLib) {
    return initializeEditor();
    }
    let script = document.createElement('script');
    script.src = fusebitLibUrl;
    script.async = true;
    script.onload = () => initializeEditor();
    document.head.appendChild(script);
    }
    componentWillUnmount() {
    if (this.editorContext) {
    this.editorContext.dispose();
    this.editorContext = undefined;
    }
    }
    }
    20 changes: 20 additions & 0 deletions Page.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    <FusebitEditor
    version="1.2.0"
    boundaryId={params.boundaryId}
    functionId={params.functionId}
    account={{
    accountId: params.accountId,
    subscriptionId: params.subscriptionId,
    baseUrl: profile.fusebitUrl,
    accessToken: profile.auth.access_token,
    }}
    options={{
    template: {},
    editor: {
    ensureFunctionExists: true,
    theme: 'light',
    },
    }}
    onLoaded={editorContext => {}}
    onError={e => { throw e; }}
    />