Run linting

related to #360

app/web/src/components/EditorMenu/EditorMenu.tsx

@@ -3,7 +3,7 @@ import { Menu } from '@headlessui/react'
 import { useIdeContext } from 'src/helpers/hooks/useIdeContext'
 import Svg from 'src/components/Svg/Svg'
 import { useRender } from 'src/components/IdeWrapper/useRender'
-import {makeStlDownloadHandler, PullTitleFromFirstLine} from './helpers'
+import { makeStlDownloadHandler, PullTitleFromFirstLine } from './helpers'
 
 const EditorMenu = () => {
   const handleRender = useRender()
@@ -17,16 +17,16 @@ const EditorMenu = () => {
   return (
     <div className="bg-gray-500 flex items-center h-9 w-full cursor-grab">
       <div className=" text-gray-500 bg-gray-300 cursor-grab px-2 h-full flex items-center">
-        <Svg name='drag-grid' className="w-4 p-px" />
+        <Svg name="drag-grid" className="w-4 p-px" />
       </div>
       <button
         className="text-gray-300 px-3 h-full cursor-not-allowed"
         aria-label="editor settings"
         disabled
       >
-        <Svg name='gear' className="w-7 p-px" />
+        <Svg name="gear" className="w-7 p-px" />
       </button>
-      <div className="w-px h-full bg-gray-300"/>
+      <div className="w-px h-full bg-gray-300" />
       <div className="flex gap-6 px-6">
         <FileDropdown
           handleRender={handleRender}
@@ -45,7 +45,7 @@ const EditorMenu = () => {
 
 export default EditorMenu
 
-function FileDropdown({handleRender, handleStlDownload}) {
+function FileDropdown({ handleRender, handleStlDownload }) {
   return (
     <Menu>
       <Menu.Button className="text-gray-100">File</Menu.Button>
@@ -56,11 +56,20 @@ function FileDropdown({handleRender, handleStlDownload}) {
               className={`${active && 'bg-gray-600'} px-2 py-1`}
               onClick={handleRender}
             >
-              Save &amp; Render <span className="text-gray-400 pl-4">{
-                /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ?
-                <><Svg name="mac-cmd-key" className="h-3 w-3 inline-block text-left" />S</> :
-                'Ctrl S'
-              }</span>
+              Save &amp; Render{' '}
+              <span className="text-gray-400 pl-4">
+                {/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? (
+                  <>
+                    <Svg
+                      name="mac-cmd-key"
+                      className="h-3 w-3 inline-block text-left"
+                    />
+                    S
+                  </>
+                ) : (
+                  'Ctrl S'
+                )}
+              </span>
             </button>
           )}
         </Menu.Item>

app/web/src/components/EditorMenu/helpers.ts

@@ -4,7 +4,7 @@ import { MeshBasicMaterial, Mesh, Scene } from 'three'
 import { STLExporter } from 'three/examples/jsm/exporters/STLExporter'
 import { requestRender } from 'src/helpers/hooks/useIdeState'
 
-export const PullTitleFromFirstLine = (code: string = '') => {
+export const PullTitleFromFirstLine = (code = '') => {
   const firstLine = code.split('\n').filter(identity)[0] || ''
   if (!(firstLine.startsWith('//') || firstLine.startsWith('#'))) {
     return 'object.stl'
@@ -16,44 +16,46 @@ export const PullTitleFromFirstLine = (code: string = '') => {
   )
 }
 
-export const makeStlDownloadHandler = (({ geometry, fileName, type, thunkDispatch}) => () => {
-  const makeStlBlobFromGeo = flow(
-    (geo) => new Mesh(geo, new MeshBasicMaterial()),
-    (mesh) => new Scene().add(mesh),
-    (scene) => new STLExporter().parse(scene),
-    (stl) =>
-      new Blob([stl], {
-        type: 'text/plain',
-      })
-  )
-  const saveFile = (geometry) => {
-    const blob = makeStlBlobFromGeo(geometry)
-    fileSave(blob, {
-      fileName,
-      extensions: ['.stl'],
-    })
-  }
-  if (geometry) {
-    if (type === 'geometry') {
-      saveFile(geometry)
-    } else {
-      thunkDispatch((dispatch, getState) => {
-        const state = getState()
-        if (state.ideType === 'openScad') {
-          thunkDispatch((dispatch, getState) => {
-            const state = getState()
-            dispatch({ type: 'setLoading' })
-            requestRender({
-              state,
-              dispatch,
-              code: state.code,
-              viewerSize: state.viewerSize,
-              camera: state.camera,
-              specialCadProcess: 'stl',
-            }).then((result) => result && saveFile(result.data))
-          })
-        }
+export const makeStlDownloadHandler =
+  ({ geometry, fileName, type, thunkDispatch }) =>
+  () => {
+    const makeStlBlobFromGeo = flow(
+      (geo) => new Mesh(geo, new MeshBasicMaterial()),
+      (mesh) => new Scene().add(mesh),
+      (scene) => new STLExporter().parse(scene),
+      (stl) =>
+        new Blob([stl], {
+          type: 'text/plain',
+        })
+    )
+    const saveFile = (geometry) => {
+      const blob = makeStlBlobFromGeo(geometry)
+      fileSave(blob, {
+        fileName,
+        extensions: ['.stl'],
       })
     }
+    if (geometry) {
+      if (type === 'geometry') {
+        saveFile(geometry)
+      } else {
+        thunkDispatch((dispatch, getState) => {
+          const state = getState()
+          if (state.ideType === 'openScad') {
+            thunkDispatch((dispatch, getState) => {
+              const state = getState()
+              dispatch({ type: 'setLoading' })
+              requestRender({
+                state,
+                dispatch,
+                code: state.code,
+                viewerSize: state.viewerSize,
+                camera: state.camera,
+                specialCadProcess: 'stl',
+              }).then((result) => result && saveFile(result.data))
+            })
+          }
+        })
+      }
+    }
   }
-})