add example minimal graphic

Author: nytamin

v1-draft-0/examples/minimal/README.md

@@ -0,0 +1,7 @@
+# Reference: Minimal Graphic
+
+This is a minimal implementation of a Graphic.
+It contains the minimum required properties and methods to be a valid Graphic.
+
+_Note: This is intended to be used when developing and validating renderer systems._
+_If you're looking for a good starting point for developing Graphics, use the [Standard example](../standard/) instead._

v1-draft-0/examples/minimal/graphic.mjs

@@ -0,0 +1,58 @@
+class Graphic extends HTMLElement {
+  connectedCallback() {
+    // Called when the element is added to the DOM
+    // Note: Don't paint any pixels at this point, wait for load() to be called
+  }
+
+  async load(params) {
+    if (params.renderType !== "realtime")
+      throw new Error("Only realtime rendering is supported by this graphic");
+
+    const elText = document.createElement("p");
+    elText.style.backgroundColor = "#ffffff";
+    elText.style.color = "#000000";
+    elText.style.display = "inline-block";
+    elText.style.padding = "10px";
+    elText.style.border = "1px solid #000000";
+    elText.innerHTML = "Hello world!";
+    this.appendChild(elText);
+
+    // When everything is loaded we can return:
+    return {
+      statusCode: 200,
+    };
+  }
+  async dispose(_params) {
+    this.innerHTML = "";
+  }
+  async getStatus(_params) {
+    return {
+      statusCode: 200,
+      status: {
+        // nothing
+      },
+    };
+  }
+  async updateAction(_params) {
+    // No actions are implemented in this minimal example
+  }
+  async playAction(_params) {
+    // No actions are implemented in this minimal example
+  }
+  async stopAction(_params) {
+    // No actions are implemented in this minimal example
+  }
+  async customAction(params) {
+    // No actions are implemented in this minimal example
+  }
+  async goToTime(_payload) {
+    throw new Error("Non-realtime not supported!");
+  }
+  async setActionsSchedule(_payload) {
+    throw new Error("Non-realtime not supported!");
+  }
+}
+
+export default Graphic;
+
+// Note: The renderer will render the component

v1-draft-0/examples/minimal/manifest.json

@@ -0,0 +1,8 @@
+{
+    "$schema": "https://ograf.ebu.io/v1-draft-0/specification/json-schemas/graphics/schema.json",
+    "name": "Minimal Test Graphic",
+    "description": "This Graphic includes the bare minimum required to be a valid OGraf Graphic. It displays a 'Hello World!' message.",
+    "id": "minimal-example",
+    "supportsRealTime": true,
+    "supportsNonRealTime": false
+}