index.html

<html>
<head>
  <title>Editor.js example page</title>

  <style>
    body {
      font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
  </style>
</head>
<body>
  <div id="editorjs"></div>

  <button id="save-button">Save</button>
  <pre id="output"></pre>

  <script type="module">
    import EditorJS from '@editorjs/editorjs';
    import Header from '@editorjs/header';
    import Expand from './src/index.ts';

    const editor = new EditorJS({
      tools: {
        header: {
          class: Header,
          tunes: ['expand']
        },
        expand: {
          class: Expand,
          config: {
            url: 'https://api.openai.com/v1/chat/completions',
            method: 'POST',
            model: 'gpt-3.5-turbo',
            credential: {
              'Content-Type': 'application/json',
              Authorization: 'Bearer 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'
            },
            genPrompts: (origin) => {
              return `What is :${origin}`
            }
          }
        }
      }
    });

    const saveButton = document.getElementById('save-button');
    const output = document.getElementById('output');

    saveButton.addEventListener('click', () => {
      editor.save().then( savedData => {
        output.innerHTML = JSON.stringify(savedData, null, 4);
      })
    })
  </script>
</body>
</html>