JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<graph>
  <widget type='dataset'>
    <nodeType>dataset</nodeType>
    <id>iris-P9uG6ZcHgkB-fENv</id>
    <work_path>${appPath}/iris-P9uG6ZcHgkB-fENv/</work_path>
    <storetype>CSV</storetype>
    <is_publishable>true</is_publishable>
    <programOrder>0</programOrder>
    <is_distributed>null</is_distributed>
    <moduleId>16436F380B16622E23A71E42CE167F6D7605</moduleId>
    <x>395</x>
    <y>111</y>
    <file>56BEC8D5-6FF2-40F8-A692-D1FB41A2E7A6</file>
    <nodeType>dataset</nodeType>
    <oozJob>latest</oozJob>
    <inNum>0</inNum>
    <outNum>1</outNum>
  </widget>
  <widget type='program'>
    <nodeType>etl</nodeType>
    <id>TestProgramNode-FVqLEToI1L7-4hfD</id>
    <work_path>${appPath}/TestProgramNode-FVqLEToI1L7-4hfD/</work_path>
    <commandline>1 --1{in::"1"};[{"type":"in","value":"","parameter":"1","default":"","description":"1"}]</commandline>
    <is_publishable>true</is_publishable>
    <categoryPath>null</categoryPath>
    <programOrder>11</programOrder>
    <is_standalone_script>false</is_standalone_script>
    <is_tensorflow>false</is_tensorflow>
    <is_distributed>true</is_distributed>
    <is_etl>true</is_etl>
    <moduleId>5E4A2FD61277AE1A55EFB7B0A9B51F2D1326</moduleId>
    <x>251</x>
    <y>254.5</y>
    <cmd_line>1 --1 "${dataPath}/iris-P9uG6ZcHgkB-fENv/56BEC8D5-6FF2-40F8-A692-D1FB41A2E7A6/56BEC8D5-6FF2-40F8-A692-D1FB41A2E7A6"</cmd_line>
    <oozJob>latest</oozJob>
    <inNum>1</inNum>
    <outNum>0</outNum>
  </widget>
  <edge>
    <source>iris-P9uG6ZcHgkB-fENv:0</source>
    <destination>TestProgramNode-FVqLEToI1L7-4hfD:0</destination>
  </edge>
</graph>

JavaScript

{
  "id": "0000127-190401030230339-oozie-root-W",
  "name": "fds",
  "path": "/EML/oozie/APP-PATH-61ad9868-6b8a-43e5-8226-970eabd95dd1",
  "graphxml": "<graph><widget type='dataset'><nodeType>dataset</nodeType><id>iris-lo3eWSyJJwG-dB3H</id><work_path>${appPath}/iris-lo3eWSyJJwG-dB3H/</work_path><storetype>CSV</storetype><is_publishable>true</is_publishable><programOrder>0</programOrder><is_distributed>null</is_distributed><moduleId>16436F380B16622E23A71E42CE167F6D7605</moduleId><x>236</x><y>141.5</y><file>9CE0E9A8-F92E-4FE5-BA4A-82476C5D7774</file><nodeType>dataset</nodeType><oozJob>latest</oozJob><inNum>0</inNum><outNum>1</outNum></widget><widget type='program'><id>TestProgramNode-H2jDTn2jkVV-IVFD</id><work_path>${appPath}/TestProgramNode-H2jDTn2jkVV-IVFD/</work_path><nodeType>etl</nodeType><commandline>1 --1{in::\"1\"};[{\"type\":\"in\",\"value\":\"\",\"parameter\":\"1\",\"default\":\"\",\"description\":\"1\"}]</commandline><is_publishable>true</is_publishable><categoryPath>null</categoryPath><programOrder>11</programOrder><is_standalone_script>false</is_standalone_script><is_tensorflow>false</is_tensorflow><is_distributed>true</is_distributed><is_etl>true</is_etl><moduleId>5E4A2FD61277AE1A55EFB7B0A9B51F2D1326</moduleId><x>127</x><y>232.5</y><cmd_line>1 --1 \"${dataPath}/iris-lo3eWSyJJwG-dB3H/undefined/undefined\"</cmd_line><oozJob>latest</oozJob><inNum>1</inNum><outNum>0</outNum></widget><edge><source>iris-lo3eWSyJJwG-dB3H:0</source><destination>TestProgramNode-H2jDTn2jkVV-IVFD:0</destination></edge></graph>",
  "status": "FAILED",
  "account": "admin",
  "description": "",
  "createtime": "2019-04-04 10:21:35",
  "endtime": "2019-04-04 10:21:35",
  "isexample": null,
  "jobid": "04041021247660008-bda",
  "sequence": null,
  "graph": null,
  "actions": [{
    "jobid": "04041021247660008-bda",
    "name": "TestProgramNode-H2jDTn2jkVV-IVFD",
    "cred": null,
    "type": "shell",
    "status": "FAILED",
    "retries": 0,
    "userretrycount": null,
   ...