From 1ccb1ae4b879d420a3d55f4f13360f56f45d549e Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Fri, 25 Mar 2022 15:18:37 +0100
Subject: [PATCH] feat(lab): Console log options in xray

---
 .../components/workbench/menu/xray/index.js   |  2 ++
 .../components/workbench/menu/xray/log.js     | 33 +++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 packages/freesewing.shared/components/workbench/menu/xray/log.js

diff --git a/packages/freesewing.shared/components/workbench/menu/xray/index.js b/packages/freesewing.shared/components/workbench/menu/xray/index.js
index 287b4622bc5..b489d8772fb 100644
--- a/packages/freesewing.shared/components/workbench/menu/xray/index.js
+++ b/packages/freesewing.shared/components/workbench/menu/xray/index.js
@@ -1,5 +1,6 @@
 import XrayIcon from 'shared/components/icons/xray.js'
 import { linkClasses, Chevron } from 'shared/components/navigation/primary.js'
+import Log from './log.js'
 import Reset from './reset.js'
 import Disable from './disable.js'
 import List from './list.js'
@@ -38,6 +39,7 @@ const Xray = props => {
       {props.gist?._state?.xray?.enabled && (
         <Ul>
           <Disable {...props} />
+          <Log {...props} />
           <Reset {...props} />
           {
             props.gist?._state?.xray?.parts &&
diff --git a/packages/freesewing.shared/components/workbench/menu/xray/log.js b/packages/freesewing.shared/components/workbench/menu/xray/log.js
new file mode 100644
index 00000000000..00ac51d17a7
--- /dev/null
+++ b/packages/freesewing.shared/components/workbench/menu/xray/log.js
@@ -0,0 +1,33 @@
+import { Chevron } from 'shared/components/navigation/primary.js'
+import { Ul, Li, Details, Summary, SumButton, SumDiv, Deg } from 'shared/components/workbench/menu'
+
+const ConsoleLog = props =>  (
+  <Li>
+    <Details>
+      <Summary>
+        <SumDiv>
+          <Deg />
+          <span>console.log()</span>
+        </SumDiv>
+        <Chevron />
+      </Summary>
+      <Ul>
+        {['config', 'gist', 'draft'].map(it => (
+          <Li key={it}>
+            <SumButton onClick={() => console.log(it === 'config'
+              ? props.pattern.config
+              : props[it]
+            )}>
+              <SumDiv>
+                <Deg />
+                <span>{it}</span>
+              </SumDiv>
+            </SumButton>
+          </Li>
+        ))}
+      </Ul>
+    </Details>
+  </Li>
+)
+
+export default ConsoleLog