missed u prettier

.eslintrc.js

@@ -1,42 +1,30 @@
 module.exports = {
   env: {
-    node: true
+    node: true,
   },
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    "plugin:jsx-a11y/recommended",
-    'prettier'
-  ],
-  ignorePatterns: [
-    '*.js',
-    '*.json',
-    '*.spec.ts',
-    'build',
-    'dist',
-    'node_modules'
+    'plugin:jsx-a11y/recommended',
+    'plugin:prettier/recommended',
   ],
+  ignorePatterns: ['*.js', '*.json', '*.spec.ts', 'build', 'dist', 'node_modules'],
   overrides: [
     {
-      files: [
-        "*.ts",
-        "*.tsx"
-      ],
+      files: ['*.ts', '*.tsx'],
       rules: {
-        "no-unused-vars": "off",
-        "@typescript-eslint/explicit-module-boundary-types": [
-          0
-        ],
-        "@typescript-eslint/no-unused-vars": [
-          "warn",
+        'no-unused-vars': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': [0],
+        '@typescript-eslint/no-unused-vars': [
+          'warn',
           {
-            "argsIgnorePattern": "^_",
-            "varsIgnorePattern": "^_",
-            "caughtErrorsIgnorePattern": "^_"
-          }
-        ]
-      }
-    }
+            argsIgnorePattern: '^_',
+            varsIgnorePattern: '^_',
+            caughtErrorsIgnorePattern: '^_',
+          },
+        ],
+      },
+    },
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
@@ -45,11 +33,12 @@ module.exports = {
       './tsconfig.eslint.json',
       './apps/nodepen-client/tsconfig.json',
       './packages/core/tsconfig.json',
-      './packages/nodes/tsconfig.json'
-    ]
+      './packages/nodes/tsconfig.json',
+    ],
   },
-  plugins: [
-    '@typescript-eslint'
-  ],
-  root: true
-}
+  plugins: ['@typescript-eslint', 'prettier'],
+  root: true,
+  rules: {
+    "prettier/prettier": "error"
+  }
+}

packages/core/src/index.ts

@@ -1,4 +1,4 @@
 export type { Document, DocumentNode } from './types'
 export type { DataTree, DataTreePath, DataTreeStructure, DataTreeValue, DataTreeValueType } from './types/data'
 export type { SolutionData } from './types/solution'
-export type { NodeTemplate, PortTemplate } from './types/templates'
+export type { NodeTemplate, PortTemplate } from './types/templates'

packages/core/src/templates/index.ts

@@ -1,6 +1,6 @@
 export const library = {
-  'grasshopper': {
+  grasshopper: {
     '1': null,
-    '2': null
-  }
-}
+    '2': null,
+  },
+}

packages/core/src/types/data/DataTree.ts

@@ -2,5 +2,5 @@ import type { DataTreePath } from './DataTreePath'
 import type { DataTreeValue } from './DataTreeValue'
 
 export type DataTree = {
-    [key: DataTreePath]: DataTreeValue[]
-}
+  [key: DataTreePath]: DataTreeValue[]
+}

packages/core/src/types/data/DataTreePath.ts

@@ -1,3 +1,3 @@
 export type DataTreePath = `{${number}}` | `{${DataTreePathIndex}${number}}`
 
-type DataTreePathIndex = `${number};`
+type DataTreePathIndex = `${number};`

packages/core/src/types/data/DataTreeStructure.ts

@@ -1 +1 @@
-export type DataTreeStructure = 'empty' | 'single' | 'list' | 'tree'
+export type DataTreeStructure = 'empty' | 'single' | 'list' | 'tree'

packages/core/src/types/data/DataTreeValue.ts

@@ -1,29 +1,29 @@
 import type * as GH from './geometry'
 
 export type DataTreeValue =
-| {
-    type: 'boolean'
-    value: boolean
-}
-| {
-    type: 'integer' | 'number'
-    value: number
-}
-| {
-    type: 'string'
-    value: string
-}
-| {
-    type: 'circle'
-    value: {
+  | {
+      type: 'boolean'
+      value: boolean
+    }
+  | {
+      type: 'integer' | 'number'
+      value: number
+    }
+  | {
+      type: 'string'
+      value: string
+    }
+  | {
+      type: 'circle'
+      value: {
         center: GH.Point
         circumference: number
         diameter: number
         plane: GH.Plane
         radius: number
+      }
+    }
+  | {
+      type: 'curve' | 'box' | 'surface'
+      value: string
     }
-}
-| {
-    type: 'curve' | 'box' | 'surface'
-    value: string
-}

packages/core/src/types/data/DataTreeValueType.ts

@@ -1,3 +1,3 @@
 import type { DataTreeValue } from './DataTreeValue'
 
-export type DataTreeValueType = DataTreeValue['type']
+export type DataTreeValueType = DataTreeValue['type']

packages/core/src/types/data/geometry/Plane.ts

@@ -1,10 +1,10 @@
 import type { Point3d } from './Point3d'
 
 export type Plane = {
-    origin: Point3d
-    axis: {
-        x: Point3d
-        y: Point3d
-        z: Point3d
-    }
-}
+  origin: Point3d
+  axis: {
+    x: Point3d
+    y: Point3d
+    z: Point3d
+  }
+}

packages/core/src/types/data/geometry/Point3d.ts

@@ -1,5 +1,5 @@
 export type Point3d = {
-    x: number
-    y: number
-    z: number
-}
+  x: number
+  y: number
+  z: number
+}

packages/core/src/types/data/geometry/index.ts

@@ -1,2 +1,2 @@
 export type { Plane } from './Plane'
-export type { Point3d as Point } from './Point3d'
+export type { Point3d as Point } from './Point3d'

packages/core/src/types/data/index.ts

@@ -2,4 +2,4 @@ export type { DataTree } from './DataTree'
 export type { DataTreePath } from './DataTreePath'
 export type { DataTreeStructure } from './DataTreeStructure'
 export type { DataTreeValue } from './DataTreeValue'
-export type { DataTreeValueType } from './DataTreeValueType'
+export type { DataTreeValueType } from './DataTreeValueType'

packages/core/src/types/index.ts

@@ -1,2 +1,2 @@
 export type { Document } from './Document'
-export type { DocumentNode } from './DocumentNode'
+export type { DocumentNode } from './DocumentNode'

packages/core/src/types/solution/SolutionData.ts

@@ -1,16 +1,16 @@
 import type { DataTree } from '../data'
 
 export type SolutionData = {
-    id: string
-    manifest: {
-        runtimeMessages: {
-            [portInstanceId: string]: string
-        }
-        streamObjectIds: string[]
+  id: string
+  manifest: {
+    runtimeMessages: {
+      [portInstanceId: string]: string
     }
-    values: {
-        [nodeInstanceId: string]: {
-            [portInstanceId: string]: DataTree
-        }
+    streamObjectIds: string[]
+  }
+  values: {
+    [nodeInstanceId: string]: {
+      [portInstanceId: string]: DataTree
     }
-}
+  }
+}

packages/core/src/types/solution/index.ts

@@ -1 +1 @@
-export type { SolutionData } from './SolutionData'
+export type { SolutionData } from './SolutionData'

packages/core/src/types/templates/NodeTemplate.ts

@@ -13,4 +13,4 @@ export type NodeTemplate = {
   isObsolete: boolean
   inputs: PortTemplate[]
   outputs: PortTemplate[]
-}
+}

packages/core/src/types/templates/PortTemplate.ts

@@ -9,4 +9,4 @@ export type PortTemplate = {
   isOptional: boolean
 }
 
-export type PortDirection = 'input' | 'output'
+export type PortDirection = 'input' | 'output'

packages/core/src/types/templates/index.ts

@@ -1,2 +1,2 @@
 export type { NodeTemplate } from './NodeTemplate'
-export type { PortTemplate } from './PortTemplate'
+export type { PortTemplate } from './PortTemplate'

packages/nodes/src/components/annotations/index.ts

@@ -1,3 +1,3 @@
 import AnnotationsContainer from './AnnotationsContainer'
 
-export { AnnotationsContainer }
+export { AnnotationsContainer }

packages/nodes/src/components/annotations/wire/components/WirePortal.tsx

@@ -17,4 +17,4 @@ export const WirePortal = ({ children }: WirePortalProps): React.ReactElement |
   }
 
   return createPortal(children, wiresContainerRef.current)
-}
+}

packages/nodes/src/components/annotations/wire/components/index.ts

@@ -1 +1 @@
-export { WirePortal } from './WirePortal'
+export { WirePortal } from './WirePortal'

packages/nodes/src/components/annotations/wire/index.ts

@@ -1,3 +1,3 @@
 import Wire from './Wire'
 
-export { Wire }
+export { Wire }

packages/nodes/src/components/controls/ControlsContainer.tsx

@@ -32,7 +32,7 @@ const ControlsContainerLayout = ({ children }: LayoutProps): React.ReactElement
         <div className="np-w-full np-h-full np-overflow-hidden np-absolute np-flex np-flex-row np-justify-start np-items-center np-pointer-events-none np-z-50">
           <div className="np-h-full np-w-72 np-p-4 np-flex np-flex-col">
             <div id="np-control-panels" className="np-w-full np-flex-grow np-flex np-flex-col">
-              <div ref={shadowResizeProxyRef} className='np-w-full np-flex np-flex-col'>
+              <div ref={shadowResizeProxyRef} className="np-w-full np-flex np-flex-col">
                 {children}
               </div>
             </div>

packages/nodes/src/components/controls/common/ControlPanel.tsx

@@ -7,12 +7,14 @@ type ControlPanelProps = {
 }
 
 export const ControlPanel = ({ children, disablePadding }: ControlPanelProps): React.ReactElement => {
-  const shadowTargetRef = usePseudoShadow("controls")
+  const shadowTargetRef = usePseudoShadow('controls')
 
   return (
     <div
       ref={shadowTargetRef}
-      className={`${disablePadding ? '' : 'np-p-4'} np-w-full np-mb-3 np-bg-green np-rounded-md np-shadow-main np-pointer-events-auto`}
+      className={`${
+        disablePadding ? '' : 'np-p-4'
+      } np-w-full np-mb-3 np-bg-green np-rounded-md np-shadow-main np-pointer-events-auto`}
     >
       {children}
     </div>

packages/nodes/src/components/controls/common/ControlPanelHeader.tsx

@@ -1,26 +1,24 @@
 import React from 'react'
 
 type ControlPanelHeaderProps = {
-    icon: React.ReactNode
-    label: string
-    sublabel?: string
-    onClickMenu: () => void
+  icon: React.ReactNode
+  label: string
+  sublabel?: string
+  onClickMenu: () => void
 }
 
 export const ControlPanelHeader = ({ icon, label, sublabel }: ControlPanelHeaderProps) => {
-    return (
-        <div className={`np-w-full ${sublabel ? 'np-mb-3' : 'np-mb-4'} last:np-mb-0 np-flex np-flex-col np-justify-start`}>
-            <div className='np-w-full np-h-6 np-flex np-justify-start np-items-center'>
-                <div className='np-w-8 np-mr-1 np-flex np-items-center np-justify-center'>
-                    {icon}
-                </div>
-                <h3 className='np-font-sans np-text-md np-text-darkgreen np-select-none -np-translate-y-px'>{label}</h3>
-            </div>
-            {sublabel ? (
-                <div className='np-w-full np-pl-9 np-flex np-justify-start np-items-center'>
-                    <p className='np-font-sans np-text-sm np-text-darkgreen np-font-light np-select-none'>{sublabel}</p>
-                </div>
-            ) : null}
+  return (
+    <div className={`np-w-full ${sublabel ? 'np-mb-3' : 'np-mb-4'} last:np-mb-0 np-flex np-flex-col np-justify-start`}>
+      <div className="np-w-full np-h-6 np-flex np-justify-start np-items-center">
+        <div className="np-w-8 np-mr-1 np-flex np-items-center np-justify-center">{icon}</div>
+        <h3 className="np-font-sans np-text-md np-text-darkgreen np-select-none -np-translate-y-px">{label}</h3>
+      </div>
+      {sublabel ? (
+        <div className="np-w-full np-pl-9 np-flex np-justify-start np-items-center">
+          <p className="np-font-sans np-text-sm np-text-darkgreen np-font-light np-select-none">{sublabel}</p>
         </div>
-    )
-}
+      ) : null}
+    </div>
+  )
+}

packages/nodes/src/components/controls/common/index.ts

@@ -1,4 +1,4 @@
 export { ControlPanel } from './ControlPanel'
 export { ControlPanelHeader } from './ControlPanelHeader'
 export { NavigationButton } from './NavigationButton'
-export { NavigationIcon } from './NavigationIcon'
+export { NavigationIcon } from './NavigationIcon'

packages/nodes/src/components/controls/index.ts

@@ -1,3 +1,3 @@
 import ControlsContainer from './ControlsContainer'
 
-export { ControlsContainer }
+export { ControlsContainer }

packages/nodes/src/components/controls/navigation/index.ts

@@ -1,4 +1,4 @@
 export { DownloadButton } from './DownloadButton'
 export { LikeButton } from './LikeButton'
 export { HelpButton } from './HelpButton'
-export { ShareButton } from './ShareButton'
+export { ShareButton } from './ShareButton'