ljmotta

import { PingPongChannelApi } from "ping-pong-view/dist/api";

let pings = 0;
let pongs = 0;

export function PingPongViewsPage() {
  const [lastPing, setLastPing] = useState<string>("-");
  const [lastPong, setLastPong] = useState<string>("-");

  const api: PingPongChannelApi = useMemo(() => {

ljmotta

export function TodoListViewPage() {
  const todoListViewRef = useRef<TodoListApi>(null);

  return (
    <Page>
      <div className={"webapp--page-main-div"}>
        <ActionsSidebar todoListViewRef={todoListViewRef} />
        <PageSection>
          <EmbeddedTodoList
            ref={todoListViewRef}

ljmotta

const editorEnvelopeLocator: EditorEnvelopeLocator = useMemo(() => {
    return {
      targetOrigin: window.location.origin,
      mapping: new Map([
        [
          "bpmn",
          {
            resourcesPathPrefix: "https://kiegroup.github.io/kogito-online/editors/0.7.0/bpmn",
            envelopePath: "https://kiegroup.github.io/kogito-online/editors/0.7.0/envelope",
          },

ljmotta

import { EmbeddedEditor, useEditorRef } from "@kogito-tooling/editor/dist/embedded";

export function DmnPage() {
  // 

  const { editor, ref } = useEditorRef();
  
  return (
    <Page>
      <div className={"webapp--page-main-div"}>

ljmotta

import { EditorEnvelopeLocator } from "@kogito-tooling/editor/dist/api";

export function DmnPage() {
  // ...
  
   const editorEnvelopeLocator: EditorEnvelopeLocator = useMemo(() => {
    return {
      targetOrigin: window.location.origin,
      mapping: new Map([
        [

ljmotta

import { File } from "@kogito-tooling/editor/dist/embedded";

export function DmnPage() {
   const [file, setFile] = useState<File>({
    fileName: "new-file",
    fileExtension: "dmn",
    getFileContents: () => Promise.resolve(""),
    isReadOnly: false,
  });

ljmotta

import { EditorEnvelopeLocator } from "@kogito-tooling/editor/dist/embedded";

export function Base64PngPage() {
  // ...
  
  return (
    <Page>
      <div className={"webapp--page-main-div"}>
        <Base64PngGallery setFile={setFile} />
        <EmbeddedEditor

ljmotta

import { EditorEnvelopeLocator } from "@kogito-tooling/editor/dist/api";

export function Base64PngPage() {
  // ...
  
  const editorEnvelopeLocator: EditorEnvelopeLocator = useMemo(() => {
    return {
      targetOrigin: window.location.origin,
      mapping: new Map([
        [

ljmotta

import { File } from "@kogito-tooling/editor/dist/embedded";

export function Base64PngPage() {
  const [file, setFile] = useState<File>({
    fileName: "new-file",
    fileExtension: "base64png",
    getFileContents: () => Promise.resolve(""),
    isReadOnly: false,
  });
  

ljmotta

import { EnvelopeBusMessage } from "@kogito-tooling/envelope-bus/dist/api";
import { init } from "ping-pong-view/dist/envelope";
import { PingPongReactImplFactory } from "ping-pong-view-react";

init({
  container: document.getElementById("envelope-app")!,
  bus: {
    postMessage<D, Type>(message: EnvelopeBusMessage<D, Type>, targetOrigin?: string, transfer?: any) {
      window.parent.postMessage(message, "*", transfer);
    },