wip(lab): Progess on Xray for points and paths

packages/freesewing.shared/components/workbench/menu/xray/path.js

@@ -1,14 +1,26 @@
+import { Ul, Li, Details, Summary, NoSumDiv, Deg } from 'shared/components/workbench/menu'
+import ClearIcon from 'shared/components/icons/clear.js'
+import Attributes from './attributes.js'
+import Ops from './path-ops.js'
 /*
  * Things to add
  *
- * attributes
  * ops
- * render
  */
 
 
-const XrayPath = props => {
-    return <pre>{JSON.stringify(props.gist.xray.parts[props.partName].paths[props.id], null ,2)}</pre>
-}
+const XrayPath = ({ path }) => (
+  <Ul>
+    <Li>
+      <NoSumDiv>
+        <Deg />
+        <span className="font-bold mr-2">Render =</span>
+        <span>{JSON.stringify(path.render)}</span>
+      </NoSumDiv>
+    </Li>
+    <Attributes attr={path.attributes} />
+    <Ops ops={path.ops} />
+  </Ul>
+)
 
 export default XrayPath