mercure.brandhub-demo.eikona-media.de Open in urlscan Pro
37.221.196.211  Public Scan

Form analysis
5 forms found in the DOM

Name: subscribe —

<form name="subscribe">
  <div class="field">
    <label class="label" for="subscribeTopics">Topics to get updates for*</label>
    <div class="control">
      <textarea class="textarea" name="topics" id="subscribeTopics" required="">https://example.com/my-private-topic</textarea>
    </div>
    <div class="help">
      <p> One <a href="https://tools.ietf.org/html/rfc6570">URI template</a> or string per line (<a href="https://uri-template-tester.mercure.rocks/">try the
                                        tester</a>). </p>
      <p>Use <code>*</code> to subscribe to all topics.</p>
      <p>Examples:</p>
      <pre><code id="subscribeTopicsExamples">https://mercure.brandhub-demo.eikona-media.de/.well-known/mercure/ui/demo/novels/{id}.jsonld
https://mercure.brandhub-demo.eikona-media.de/.well-known/mercure/ui/demo/books/1.jsonld
foo</code></pre>
    </div>
  </div>
  <div class="field">
    <label class="label" for="lastEventId">Last Event ID</label>
    <div class="control">
      <input class="input is-small" name="lastEventId" id="lastEventId">
    </div>
  </div>
  <button class="button is-primary" name="subscribe"> Subscribe </button>
  <button class="button is-warning" name="unsubscribe" disabled=""> Unsubscribe </button>
</form>

---

Name: publish —

<form name="publish">
  <div class="field">
    <label class="label" for="publishTopics">Topics*</label>
    <div class="control">
      <textarea class="textarea" name="topics" id="publishTopics" required="">https://example.com/my-private-topic</textarea>
    </div>
    <p class="help"> First line: canonical <a href="https://tools.ietf.org/html/rfc4622">IRI</a> or string.<br> Next lines: alternate IRIs or strings. </p>
  </div>
  <div class="field">
    <label class="checkbox">
      <input type="checkbox" name="priv" id="priv">
      <b>Private</b>
    </label>
  </div>
  <div class="field">
    <label class="label" for="data">Data</label>
    <div class="control">
      <textarea class="textarea" name="data" id="data"></textarea>
    </div>
  </div>
  <div class="field">
    <label class="label" for="eventId">Event ID</label>
    <div class="control">
      <input class="input is-small" name="id" id="eventId">
    </div>
  </div>
  <div class="field">
    <label class="label" for="eventType">Event Type</label>
    <div class="control">
      <input class="input is-small" name="type" id="eventType">
    </div>
  </div>
  <div class="field">
    <label class="label" for="eventRetry">Event Retry</label>
    <div class="control">
      <input class="input is-small" name="retry" id="eventRetry">
    </div>
  </div>
  <button class="button is-primary">Publish</button>
</form>

---

Name: settings —

<form name="settings">
  <div class="field">
    <label class="label" for="hubUrl">Hub URL*</label>
    <input class="input" type="url" name="hubUrl" id="hubUrl" required="">
    <p class="help"> Will be filled automatically if you <a href="#discover">discover</a> a resource. </p>
  </div>
  <div class="field">
    <label class="label">Authorization type</label>
    <div class="control">
      <label class="radio">
        <input type="radio" name="authorization" value="cookie"> Authorization cookie </label>
      <label class="radio">
        <input type="radio" name="authorization" value="header" checked="">
        <code>Authorization</code> HTTP Header </label>
    </div>
    <p class="help"> The authorization cookie will be set automatically by the server only if you <a href="#discover">discover</a> a <b>demo</b> endpoint. </p>
  </div>
  <div class="field">
    <label class="label" for="jwt">JWT</label>
    <input class="input" type="text" name="jwt" id="jwt" required="">
    <div class="help">
      <p> Required to publish, or to subscribe to private updates.<br> Claim structure to use: </p>
      <pre><code>{
  "mercure": {
    "subscribe": ["list of topic selectors, * for all, omit for public only"],
    "publish": ["list of topic selectors, * for all, omit to not allow to publish"]
  }
}</code></pre>
      <br>
      <a href="https://jwt.io/#debugger-io?token=eyJhbGciOiJIUzI1NiJ9.eyJtZXJjdXJlIjp7InB1Ymxpc2giOlsiKiJdLCJzdWJzY3JpYmUiOlsiaHR0cHM6Ly9leGFtcGxlLmNvbS9teS1wcml2YXRlLXRvcGljIiwie3NjaGVtZX06Ly97K2hvc3R9L2RlbW8vYm9va3Mve2lkfS5qc29ubGQiLCIvLndlbGwta25vd24vbWVyY3VyZS9zdWJzY3JpcHRpb25zey90b3BpY317L3N1YnNjcmliZXJ9Il0sInBheWxvYWQiOnsidXNlciI6Imh0dHBzOi8vZXhhbXBsZS5jb20vdXNlcnMvZHVuZ2xhcyIsInJlbW90ZUFkZHIiOiIxMjcuMC4wLjEifX19.KKPIikwUzRuB3DTpVw6ajzwSChwFw5omBMmMcWKiDcM" target="_blank" rel="noopener noreferrer" class="button is-link is-small">Create a
                                token</a> (demo key: <code>!ChangeThisMercureHubJWTSecretKey!</code>)
    </div>
  </div>
</form>

---

Name: discover —

<form name="discover">
  <div class="field">
    <label class="label" for="topic">Topic*</label>
    <div class="control">
      <input class="input" type="url" name="topic" id="topic" required="">
    </div>
    <p class="help"> URL returning a <code>Link rel="mercure"</code> HTTP header to init the discovery.<br> Demo endpoints: any subpath of <code>/demo</code>. </p>
  </div>
  <div class="field">
    <label class="label" for="body">Demo body</label>
    <div class="control">
      <textarea class="textarea" name="body" id="body"> </textarea>
    </div>
    <p class="help"> Data to return. Supported only by <b>demo</b> endpoints. </p>
  </div>
  <button class="button is-primary" name="discover">Discover</button>
</form>

---

Name: subscriptions —

<form name="subscriptions">
  <button class="button is-primary" name="subscribe"> Subscribe </button>
  <button class="button is-warning" name="unsubscribe" disabled=""> Unsubscribe </button>
</form>

---

Text Content

DEBUGGING TOOLS


SUBSCRIBE

Topics to get updates for*
https://example.com/my-private-topic

One URI template or string per line (try the tester).

Use * to subscribe to all topics.

Examples:

https://mercure.brandhub-demo.eikona-media.de/.well-known/mercure/ui/demo/novels/{id}.jsonld
https://mercure.brandhub-demo.eikona-media.de/.well-known/mercure/ui/demo/books/1.jsonld
foo

Last Event ID

Subscribe Unsubscribe
Not subscribed.




PUBLISH

Topics*
https://example.com/my-private-topic

First line: canonical IRI or string.
Next lines: alternate IRIs or strings.

Private
Data

Event ID

Event Type

Event Retry

Publish

--------------------------------------------------------------------------------


SETTINGS

Hub URL*

Will be filled automatically if you discover a resource.

Authorization type
Authorization cookie Authorization HTTP Header

The authorization cookie will be set automatically by the server only if you
discover a demo endpoint.

JWT

Required to publish, or to subscribe to private updates.
Claim structure to use:

{
  "mercure": {
    "subscribe": ["list of topic selectors, * for all, omit for public only"],
    "publish": ["list of topic selectors, * for all, omit to not allow to publish"]
  }
}


Create a token (demo key: !ChangeThisMercureHubJWTSecretKey!)


DISCOVER

Topic*


URL returning a Link rel="mercure" HTTP header to init the discovery.
Demo endpoints: any subpath of /demo.

Demo body


Data to return. Supported only by demo endpoints.

Discover

--------------------------------------------------------------------------------


ACTIVE SUBSCRIPTIONS

Subscribe Unsubscribe

Topic Subscriber payload