<html>
  <head>
    <meta charset="utf-8" />
    <script src="/grist-plugin-api.js"></script>
    <script src="page.js"></script>
  </head>
  <body style="background: white;">
    <div id="ready"></div>
    <div id="access"></div>
    <div id="readonly"></div>

    <div>onOptions event data:</div>
    <pre id="onOptions"></pre>

    <div>onRecord event data:</div>
    <pre id="onRecord"></pre>

    <div>onRecord mapping data:</div>
    <pre id="onRecordMappings"></pre>

    <div>onRecords event data:</div>
    <pre id="onRecords"></pre>

    <div>onRecord mappings data:</div>
    <pre id="onRecordsMappings"></pre>
    
    <div>configure handler:</div>
    <pre id="configure"></pre>

    <div>Method input json:</div>
    <input type="text" id="input" value="" />
    <div>Method output json:</div>
    <div id="output"></div>
    <div>Methods:</div>
    <button onclick="getOptions()">getOptions</button>
    <button onclick="setOptions()">setOptions</button>
    <button onclick="getOption()">getOption</button>
    <button onclick="setOption()">setOption</button>
    <button onclick="mappings()">mappings</button>
    <button onclick="configure()">configure</button>
    <button onclick="clearOptions()">clearOptions</button>
    <button onclick="clearLog()">clearLog</button>


    <div>meta columns:</div>
    <textarea id="log"></textarea>
  </body>
</html>