inner

inner | BrE ˈɪnə, AmE ˈɪnər | adjective 1 innerer (Mask.)/ innere (Fem.)/ inneres (Neutr.) ; Innen- ‹-hof, -tür, -fläche, -seite usw.› 2 (figurative) innerer (Mask.)/ innere (Fem.)/ inneres (Neutr.) ‹Gefühl, Wesen, Zweifel, Ängste›; verborgen ‹Bedeutung› ▸ inner life Seelenleben (Neutr.) ▸ inner circle of Friends engster Freundeskreis see also "the inner bar" → bar1 A9

# Application Frame

The following application frame declares itself as SOURCE for graph and paragraph data. The frame also receives a graph via LINEUP. Note the second frame on this page, which is also marked "LINEUP graph".

//localhost:3000/assets/pages/parse-page-paragraphs/speed-bot.html HEIGHT 222 SOURCE graph SOURCE paragraph LINEUP graph

**Note**: Console displays "Message event received:" with action "graphStream" (see commit ). Is it possible to redirect the output to the input in this way?

In a second frame, we show a graph that we receive via "LINEUP graph".

//frame.wiki.dbbs.co/assets/pages/snippet-template/esm.html HEIGHT 500 LINEUP graph

We need a function that can handle a graph.

async function handleGraphStream(message) { const graph = message.jsonl; renderGraph(graph); }

We need a function that displays the graph.

// Function to emit HTML content for the graph container export async function emit(el) { el.innerHTML = ` <div id="graph-container"></div> <style>#graph-container {border: 1px solid black;}</style>`; }

// Function to render the graph in the graph container async function renderGraph(graph) { // Parse the JSON string into an object const graphObject = JSON.parse(graph); // Select the graph container element const graphContainer = document.getElementById('graph-container'); // Render the graph in the graph container graphContainer.innerHTML = `<pre>${JSON.stringify(graphObject, null, 2)}</pre>`; // Pretty print the JSON }

// Event listener to handle messages sent from the "SOURCE graph" frame window.addEventListener('message', function(event) { const message = event.data; // Check if the message is intended for this frame and contains graph data if (message.action === 'graphStream') { // Handle the graph data handleGraphStream(message); } });