{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import os\n",
    "\n",
    "from OCC.Core.IFSelect import IFSelect_RetDone\n",
    "from OCC.Core.STEPCAFControl import STEPCAFControl_Reader\n",
    "from OCC.Core.TCollection import TCollection_ExtendedString\n",
    "from OCC.Core.TDocStd import TDocStd_Document\n",
    "from OCC.Core.VrmlAPI import VrmlAPI_Writer\n",
    "from OCC.Core.XCAFDoc import XCAFDoc_ShapeTool, XCAFDoc_DocumentTool\n",
    "from OCC.Core.BRep import BRep_Tool\n",
    "from OCC.Core.TDF import TDF_LabelSequence, TDF_Label\n",
    "from OCC.Extend.TopologyUtils import TopologyExplorer\n",
    "from OCC.Core.TopAbs import topabs\n",
    "from OCC.Extend.DataExchange import read_step_file_with_names_colors\n",
    "from OCC.Display.WebGl.x3dom_renderer import X3DomRenderer, X3DExporter\n",
    "from IPython.display import HTML\n",
    "import xml.etree.ElementTree as ET\n",
    "import re"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n",
      "Number of shapes at root : 1\n",
      "\n",
      "Name : AS1_PE_ASM\n",
      "Name : PLATE\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 229 0.0 1.0 0.0\n",
      "Name : COMPOUND\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : L_BRACKET_ASSEMBLY_ASM\n",
      "Name : L-BRACKET\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : COMPOUND\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT_BOLT_ASSEMBLY_ASM\n",
      "Name : BOLT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT_BOLT_ASSEMBLY_ASM\n",
      "Name : BOLT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT_BOLT_ASSEMBLY_ASM\n",
      "Name : BOLT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : L_BRACKET_ASSEMBLY_ASM\n",
      "Name : L-BRACKET\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT_BOLT_ASSEMBLY_ASM\n",
      "Name : BOLT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT_BOLT_ASSEMBLY_ASM\n",
      "Name : BOLT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT_BOLT_ASSEMBLY_ASM\n",
      "Name : BOLT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : ROD_ASM\n",
      "Name : ROD\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 22 0.0 0.0 1.0\n",
      "Name : COMPOUND\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "Name : NUT\n",
      "Name : SOLID\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 412 1.0 0.0 0.0\n",
      "Name : COMPOUND\n",
      "    instance color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n",
      "    shape color Name & RGB:  <class 'Quantity_Color'> 510 1.0 1.0 0.0\n"
     ]
    }
   ],
   "source": [
    "#stp_filename = 'VentilatorAP203' #'as1_pe_203'\n",
    "stp_filename = 'as1_pe_203'\n",
    "stp_path = os.path.join('..','assets', 'step', stp_filename + '.stp')\n",
    "#stp_path = os.path.join(stp_filename + '.stp')\n",
    "stpShapes = read_step_file_with_names_colors(stp_path)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "## x3dom webgl renderer - render axes/planes : True - axes/plane zoom factor : 1\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "X3D exporter, discretize an edge\n",
      "\\ meshing shapes... 100%"
     ]
    }
   ],
   "source": [
    "x3domRenderer = X3DomRenderer(path=\"./\")\n",
    "for shape in stpShapes:\n",
    "    #print(shape.ShapeType(),stpShapes[shape])\n",
    "    #x3dexp = X3DExporter(shape, None, None, False, (1,0,0), (0,0,0), 0, 0, (0,0,0), 2, 1)\n",
    "    #x3dexp.compute()\n",
    "    #print(len(x3dexp._triangle_sets), len(x3dexp._line_sets))\n",
    "    color = stpShapes[shape][1]\n",
    "    colorRGB=(color.Red(), color.Green(), color.Blue())\n",
    "    x3domRenderer.DisplayShape(shape=shape, color=colorRGB, export_edges=True)\n",
    "x3domRenderer.generate_html_file(False, 1.0)\n",
    "    \n",
    "    \n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "metadata": {},
   "outputs": [],
   "source": [
    "#merge shp linesets\n",
    "for hash in x3domRenderer._x3d_shapes.keys():\n",
    "    xml=ET.parse(hash+'.x3d')\n",
    "    #print(xml)\n",
    "    shp_vertexCounts=[]\n",
    "    shp_points=[]\n",
    "    for lineset in xml.iter('LineSet'):\n",
    "        shp_vertexCounts.append(lineset.get('vertexCount'))\n",
    "        shp_points.append(list(lineset.iter('Coordinate'))[0].get('point'))\n",
    "    #print (shp_vertexCounts, shp_points)\n",
    "    #reuse first lineset to hold all ines\n",
    "    lset=list(xml.iter('LineSet'))[0]\n",
    "    lset.set('vertexCount',\",\".join(shp_vertexCounts))\n",
    "    coords=list(lset.iter('Coordinate'))[0]\n",
    "    coords.set('point',\",\".join(shp_points))\n",
    "    #remove all other lineset shapes\n",
    "    group=list(xml.iter('Group'))[0]\n",
    "    transforms=list(group.iter('Transform'))\n",
    "    #skip first\n",
    "    for transform in transforms[1:]:\n",
    "        group.remove(transform)\n",
    "    #print(ET.dump(group))\n",
    "    xml.write(\"M_\"+hash+'.x3d')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 28,
   "metadata": {},
   "outputs": [],
   "source": [
    "#merge edg linesets\n",
    "edg_vertexCounts=[]\n",
    "edg_points=[]\n",
    "for hash in x3domRenderer._x3d_edges.keys():\n",
    "    xml=ET.parse(hash+'.x3d').getroot()\n",
    "    firstlineset=list(xml.iter('LineSet'))[0]\n",
    "    edg_vertexCounts.append(firstlineset.get('vertexCount'))\n",
    "    edg_points.append(list(firstlineset.iter('Coordinate'))[0].get('point'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 30,
   "metadata": {},
   "outputs": [],
   "source": [
    "firstedgex3d=list(x3domRenderer._x3d_edges.keys())[0]+'.x3d'\n",
    "xml=ET.parse(hash+'.x3d')\n",
    "lset=list(xml.iter('LineSet'))[0]\n",
    "lset.set('vertexCount',\",\".join(edg_vertexCounts))\n",
    "coords=list(lset.iter('Coordinate'))[0]\n",
    "coords.set('point',\",\".join(edg_points))\n",
    "ALLEDGESX3D='allEdges.x3d'\n",
    "xml.write(ALLEDGESX3D)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 31,
   "metadata": {},
   "outputs": [],
   "source": [
    "with open('index.html','r') as file:\n",
    "    html = file.read()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 32,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!DOCTYPE HTML>\n",
      "<html lang=\"en\">\n",
      "<head>\n",
      "    <title>pythonOCC 7.4.0 x3dom renderer</title>\n",
      "    <meta name='Author' content='Thomas Paviot - tpaviot@gmail.com'>\n",
      "    <meta name='Keywords' content='WebGl,pythonOCC'>\n",
      "    <meta charset=\"utf-8\">\n",
      "    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://x3dom.org/release/x3dom.css\">\n",
      "    <script src=\"https://x3dom.org/release/x3dom.js\"></script>\n",
      "    <style>\n",
      "        body {\n",
      "            background: linear-gradient(#ced7de, #808080);\n",
      "            margin: 0px;\n",
      "            overflow: hidden;\n",
      "        }\n",
      "        #pythonocc_rocks {\n",
      "            padding: 5px;\n",
      "            position: absolute;\n",
      "            left: 1%;\n",
      "            bottom: 2%;\n",
      "            height: 38px;\n",
      "            width: 280px;\n",
      "            border-radius: 5px;\n",
      "            border: 2px solid #f7941e;\n",
      "            opacity: 0.7;\n",
      "            font-family: Arial;\n",
      "            background-color: #414042;\n",
      "            color: #ffffff;\n",
      "            font-size: 14px;\n",
      "            opacity: 0.5;\n",
      "        }\n",
      "        #commands {\n",
      "            padding: 5px;\n",
      "            position: absolute;\n",
      "            right: 1%;\n",
      "            top: 2%;\n",
      "            height: 65px;\n",
      "            width: 180px;\n",
      "            border-radius: 5px;\n",
      "            border: 2px solid #f7941e;\n",
      "            opacity: 0.7;\n",
      "            font-family: Arial;\n",
      "            background-color: #414042;\n",
      "            color: #ffffff;\n",
      "            font-size: 14px;\n",
      "            opacity: 0.5;\n",
      "        }\n",
      "        a {\n",
      "            color: #f7941e;\n",
      "            text-decoration: none;\n",
      "        }\n",
      "        a:hover {\n",
      "            color: #ffffff;\n",
      "        }\n",
      "    </style>\n",
      "</head>\n",
      "\n",
      "<body>\n",
      "    \n",
      "\t<x3d id=\"pythonocc-x3d-scene\" style=\"width:100%;border: none\" >\n",
      "\t\t<Scene>\n",
      "<transform id=\"glbal_scene_rotation_Id\" rotation=\"1 0 0 -1.57079632679\">\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpc25d160f781f422ca31bc794b3618642.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpa0f0ed052c344d3696261f9899ada935.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp2449bc1902454ab4bab3d21add1e77dc.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp5657e463e7674666a424c6d2b4623dbb.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp8f770254e0bb4a5fbab99b99641b15f7.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp122af778af0448b79c5675fdc6f5222a.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpaa6f8bf289594f90afb3b537a1edff16.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpda38e1c2fda04374a402bac67b8d9f02.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpa700bb2638324993845e39dcb40a1aca.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpf646e0a35d004f8fb4d6d0eb0ddd43f1.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp72958ff606ab4149b4b674fc3aa773c9.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp149c23c0f5aa4eb5ae8817fb3f1e5c75.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpf29ffc76f6ef45af82130e33ea47853d.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp48499428b1f847eea959a83ceaf9b257.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp127aae94205844cca5fdb2ff95da5810.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp29bcf31694c84b379a253ab999e1355e.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpfc1c1eb4f6c241ceac82f34128aae916.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp61168515df204cfeb8941740e3991b1c.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp0b9fea39194e40e78c9df43527cd4935.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp8085468b17ec4912bcafb5e5717300a1.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp81f16c7400854e76b40c43e3672b33d8.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp34b62cd62c47485499cc655c990959ee.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd6adf1b6027242be890f59c1f8592fa4.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpe1f07203ac8748048a46c594dc7aba07.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd91f7691aa07495c936062ce4ca0a779.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpaba2385472d3430687ad204ce5dc19ef.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp712c147d000d42989c0e1112e3f211dd.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpff70ce255d0642c7a1c5ee8af4164456.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd55d42fbf28f4317bc0b9503f2449cd1.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpda4a14efa04443988f17a84cba2fc19a.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp9db7fe0f40124a07af5918cf465c0e76.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpef5147fa214a4c23b25d91bb64b4ec2b.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp821b3b9bc76c4a9e97e26c3c11bd20e9.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd9146d69a6564bccbe31f44b7c9e1a79.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp2d37e25e37d140ae8d5e7181108909e9.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp4668f885628f4e7784fc9a8107a78d94.x3d\"></Inline>\n",
      "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"allEdges.x3d\"></Inline>\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "\t\t\t\n",
      "</transform>\t\t</Scene>\n",
      "\t</x3d>\n",
      "\n",
      "    <div id=\"pythonocc_rocks\">\n",
      "        pythonocc-7.4.0 <a href=\"https://www.x3dom.org\" target=\"_blank\">x3dom</a> renderer\n",
      "        <br>Check our blog at\n",
      "        <a href=http://www.pythonocc.org>http://www.pythonocc.org</a>\n",
      "    </div>\n",
      "    <div id=\"commands\">\n",
      "    <b>t</b> view/hide shape<br>\n",
      "    <b>r</b> reset view<br>\n",
      "    <b>a</b> show all<br>\n",
      "    <b>u</b> upright<br>\n",
      "    </div>\n",
      "    <script>\n",
      "    var selected_target_color = null;\n",
      "    var current_selected_shape = null;\n",
      "    var current_mat = null;\n",
      "    function fitCamera()\n",
      "    {            \n",
      "        var x3dElem = document.getElementById('pythonocc-x3d-scene');            \n",
      "        x3dElem.runtime.fitAll();\n",
      "    }\n",
      "    function select(the_shape) // called whenever a shape is clicked\n",
      "    {\n",
      "        // restore color for previous selected shape\n",
      "        if (current_mat) {\n",
      "            current_mat.diffuseColor = selected_target_color;\n",
      "        }\n",
      "        // store the shape for future process\n",
      "        current_selected_shape = the_shape;\n",
      "        console.log(the_shape);\n",
      "        // store color, to be restored later\n",
      "        appear = current_selected_shape.getElementsByTagName(\"Appearance\")[0];\n",
      "        mat = appear.getElementsByTagName(\"Material\")[0];\n",
      "        current_mat = mat;\n",
      "        console.log(mat);\n",
      "        selected_target_color = mat.diffuseColor;\n",
      "        mat.diffuseColor = \"1, 0.65, 0\";\n",
      "        //console.log(the_shape.getElementsByTagName(\"Appearance\"));//.getAttribute('diffuseColor'));\n",
      "    }\n",
      "    function onDocumentKeyPress(event) {\n",
      "      event.preventDefault();\n",
      "      if (event.key==\"t\") {  // t key\n",
      "         if (current_selected_shape) {\n",
      "           if (current_selected_shape.render == \"true\") {\n",
      "              current_selected_shape.render = \"false\";\n",
      "           }\n",
      "           else {\n",
      "              current_selected_shape.render = \"true\";\n",
      "           }\n",
      "         }\n",
      "      }\n",
      "\n",
      "    }\n",
      "    // add events\n",
      "    document.addEventListener('keypress', onDocumentKeyPress, false);\n",
      "    </script>\n",
      "</body>\n",
      "</html>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "html2=html.replace(firstedgex3d, ALLEDGESX3D)\n",
    "html2=re.sub(r\"<Inline.*edg.*</Inline>\",\"\", html2)\n",
    "html2=re.sub(r'url=\"shp','url=\"M_shp', html2)\n",
    "print(html2)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE HTML>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <title>pythonOCC 7.4.0 x3dom renderer</title>\n",
       "    <meta name='Author' content='Thomas Paviot - tpaviot@gmail.com'>\n",
       "    <meta name='Keywords' content='WebGl,pythonOCC'>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://x3dom.org/release/x3dom.css\">\n",
       "    <script src=\"https://x3dom.org/release/x3dom.js\"></script>\n",
       "    <style>\n",
       "        body {\n",
       "            background: linear-gradient(#ced7de, #808080);\n",
       "            margin: 0px;\n",
       "            overflow: hidden;\n",
       "        }\n",
       "        #pythonocc_rocks {\n",
       "            padding: 5px;\n",
       "            position: absolute;\n",
       "            left: 1%;\n",
       "            bottom: 2%;\n",
       "            _height: 38px;\n",
       "            width: 280px;\n",
       "            border-radius: 5px;\n",
       "            border: 2px solid #f7941e;\n",
       "            opacity: 0.7;\n",
       "            font-family: Arial;\n",
       "            background-color: #414042;\n",
       "            color: #ffffff;\n",
       "            font-size: 14px;\n",
       "            opacity: 0.5;\n",
       "        }\n",
       "        #commands {\n",
       "            padding: 5px;\n",
       "            position: absolute;\n",
       "            right: 1%;\n",
       "            top: 2%;\n",
       "            _height: 65px;\n",
       "            width: 180px;\n",
       "            border-radius: 5px;\n",
       "            border: 2px solid #f7941e;\n",
       "            opacity: 0.7;\n",
       "            font-family: Arial;\n",
       "            background-color: #414042;\n",
       "            color: #ffffff;\n",
       "            font-size: 14px;\n",
       "            opacity: 0.5;\n",
       "        }\n",
       "        a {\n",
       "            color: #f7941e;\n",
       "            text-decoration: none;\n",
       "        }\n",
       "        a:hover {\n",
       "            color: #ffffff;\n",
       "        }\n",
       "    </style>\n",
       "</head>\n",
       "\n",
       "<body>\n",
       "    \n",
       "\t<x3d id=\"pythonocc-x3d-scene\" style=\"width:100%;border: none\" >\n",
       "\t\t<Scene>\n",
       "<transform id=\"glbal_scene_rotation_Id\" rotation=\"1 0 0 -1.57079632679\">\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpc25d160f781f422ca31bc794b3618642.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpa0f0ed052c344d3696261f9899ada935.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp2449bc1902454ab4bab3d21add1e77dc.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp5657e463e7674666a424c6d2b4623dbb.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp8f770254e0bb4a5fbab99b99641b15f7.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp122af778af0448b79c5675fdc6f5222a.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpaa6f8bf289594f90afb3b537a1edff16.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpda38e1c2fda04374a402bac67b8d9f02.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpa700bb2638324993845e39dcb40a1aca.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpf646e0a35d004f8fb4d6d0eb0ddd43f1.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp72958ff606ab4149b4b674fc3aa773c9.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp149c23c0f5aa4eb5ae8817fb3f1e5c75.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpf29ffc76f6ef45af82130e33ea47853d.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp48499428b1f847eea959a83ceaf9b257.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp127aae94205844cca5fdb2ff95da5810.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp29bcf31694c84b379a253ab999e1355e.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpfc1c1eb4f6c241ceac82f34128aae916.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp61168515df204cfeb8941740e3991b1c.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp0b9fea39194e40e78c9df43527cd4935.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp8085468b17ec4912bcafb5e5717300a1.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp81f16c7400854e76b40c43e3672b33d8.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp34b62cd62c47485499cc655c990959ee.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd6adf1b6027242be890f59c1f8592fa4.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpe1f07203ac8748048a46c594dc7aba07.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd91f7691aa07495c936062ce4ca0a779.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpaba2385472d3430687ad204ce5dc19ef.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp712c147d000d42989c0e1112e3f211dd.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpff70ce255d0642c7a1c5ee8af4164456.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd55d42fbf28f4317bc0b9503f2449cd1.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpda4a14efa04443988f17a84cba2fc19a.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp9db7fe0f40124a07af5918cf465c0e76.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpef5147fa214a4c23b25d91bb64b4ec2b.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp821b3b9bc76c4a9e97e26c3c11bd20e9.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shpd9146d69a6564bccbe31f44b7c9e1a79.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp2d37e25e37d140ae8d5e7181108909e9.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"M_shp4668f885628f4e7784fc9a8107a78d94.x3d\"></Inline>\n",
       "\t\t\t<Inline onload=\"fitCamera()\" mapDEFToID=\"true\" url=\"allEdges.x3d\"></Inline>\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "\t\t\t\n",
       "</transform>\t\t</Scene>\n",
       "\t</x3d>\n",
       "\n",
       "    <div id=\"pythonocc_rocks\">\n",
       "        pythonocc-7.4.0 <a href=\"https://www.x3dom.org\" target=\"_blank\">x3dom</a> renderer\n",
       "        <br>Check our blog at\n",
       "        <a href=http://www.pythonocc.org>http://www.pythonocc.org</a>\n",
       "    </div>\n",
       "    <div id=\"commands\">\n",
       "    <b>t</b> view/hide shape<br>\n",
       "    <b>r</b> reset view<br>\n",
       "    <b>a</b> show all<br>\n",
       "    <b>u</b> upright<br>\n",
       "    </div>\n",
       "    <script>\n",
       "    var selected_target_color = null;\n",
       "    var current_selected_shape = null;\n",
       "    var current_mat = null;\n",
       "    function fitCamera()\n",
       "    {            \n",
       "        var x3dElem = document.getElementById('pythonocc-x3d-scene');            \n",
       "        x3dElem.runtime.fitAll();\n",
       "    }\n",
       "    function select(the_shape) // called whenever a shape is clicked\n",
       "    {\n",
       "        // restore color for previous selected shape\n",
       "        if (current_mat) {\n",
       "            current_mat.diffuseColor = selected_target_color;\n",
       "        }\n",
       "        // store the shape for future process\n",
       "        current_selected_shape = the_shape;\n",
       "        console.log(the_shape);\n",
       "        // store color, to be restored later\n",
       "        appear = current_selected_shape.getElementsByTagName(\"Appearance\")[0];\n",
       "        mat = appear.getElementsByTagName(\"Material\")[0];\n",
       "        current_mat = mat;\n",
       "        console.log(mat);\n",
       "        selected_target_color = mat.diffuseColor;\n",
       "        mat.diffuseColor = \"1, 0.65, 0\";\n",
       "        //console.log(the_shape.getElementsByTagName(\"Appearance\"));//.getAttribute('diffuseColor'));\n",
       "    }\n",
       "    function onDocumentKeyPress(event) {\n",
       "      //event.preventDefault();\n",
       "      if (event.key==\"t\") {  // t key\n",
       "         if (current_selected_shape) {\n",
       "           if (current_selected_shape.render == \"true\") {\n",
       "              current_selected_shape.render = \"false\";\n",
       "           }\n",
       "           else {\n",
       "              current_selected_shape.render = \"true\";\n",
       "           }\n",
       "         }\n",
       "      }\n",
       "\n",
       "    }\n",
       "    // add events\n",
       "    document.addEventListener('keypress', onDocumentKeyPress, false);\n",
       "    </script>\n",
       "</body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 33,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "HTML(html2\n",
    "     .replace('event.preventDefault','//event.preventDefault')\n",
    "     .replace('height: 38px','_height: 38px')\n",
    "     .replace('height: 65px','_height: 65px') )"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.6"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}