diff --git a/website/src/components/NodePreview/InputSocket.tsx b/website/src/components/NodePreview/InputSocket.tsx
index 578f9ae9..0d1131d2 100644
--- a/website/src/components/NodePreview/InputSocket.tsx
+++ b/website/src/components/NodePreview/InputSocket.tsx
@@ -1,9 +1,8 @@
-
import React from 'react';
import { Icon } from '@iconify/react';
-import { colors, valueTypeColorMap } from './utils/colors';
+import { colors, valueTypeColorMap } from './utils/colors.js';
import { InputSocketSpecJSON } from 'packages/core/src/Graphs/IO/NodeSpecJSON';
-import { AutoSizeInput } from './AutoSizeInput';
+import { AutoSizeInput } from './AutoSizeInput.js';
export type InputSocketProps = {
value: any | undefined;
diff --git a/website/src/components/NodePreview/Node.tsx b/website/src/components/NodePreview/Node.tsx
index 6398645f..5bca5645 100644
--- a/website/src/components/NodePreview/Node.tsx
+++ b/website/src/components/NodePreview/Node.tsx
@@ -1,8 +1,8 @@
import React from 'react';
import { NodeSpecJSON } from 'packages/core/src/Graphs/IO/NodeSpecJSON';
-import NodeContainer from './NodeContainer';
-import InputSocket from './InputSocket';
-import OutputSocket from './OutputSocket';
+import NodeContainer from './NodeContainer.js';
+import InputSocket from './InputSocket.js';
+import OutputSocket from './OutputSocket.js';
type NodeProps = {
spec: NodeSpecJSON;
@@ -31,24 +31,15 @@ const Node = ({ spec }: NodeProps) => {
justifyContent: 'space-between',
gap: '0.5rem',
padding: '0.5rem',
- position: 'relative',
+ position: 'relative'
}}
>
- {input && (
-
- )}
- {output && (
-
- )}
+ {input && }
+ {output && }
))}
);
};
-export default Node;
\ No newline at end of file
+export default Node;
diff --git a/website/src/components/NodePreview/NodeContainer.tsx b/website/src/components/NodePreview/NodeContainer.tsx
index 7bdea65e..21e2f5bb 100644
--- a/website/src/components/NodePreview/NodeContainer.tsx
+++ b/website/src/components/NodePreview/NodeContainer.tsx
@@ -1,6 +1,6 @@
import { NodeSpecJSON } from 'packages/core/src/Graphs/IO/NodeSpecJSON';
import React, { PropsWithChildren } from 'react';
-import { categoryColorMap, colors } from './utils/colors';
+import { categoryColorMap, colors } from './utils/colors.js';
type NodeProps = {
title: string;
@@ -25,7 +25,7 @@ export default function NodeContainer({
fontSize: '0.75rem',
backgroundColor: '#2d3748',
minWidth: '120px',
- width: 'fit-content',
+ width: 'fit-content'
}}
>
+ }}
+ >
{title}
{children}
diff --git a/website/src/components/NodePreview/OutputSocket.tsx b/website/src/components/NodePreview/OutputSocket.tsx
index 041437df..40b12c97 100644
--- a/website/src/components/NodePreview/OutputSocket.tsx
+++ b/website/src/components/NodePreview/OutputSocket.tsx
@@ -1,14 +1,11 @@
import React from 'react';
import { Icon } from '@iconify/react';
-import { colors, valueTypeColorMap } from './utils/colors';
+import { colors, valueTypeColorMap } from './utils/colors.js';
import { OutputSocketSpecJSON } from 'packages/core/src/Graphs/IO/NodeSpecJSON';
export type OutputSocketProps = OutputSocketSpecJSON;
-export default function OutputSocket({
- valueType,
- name
-}: OutputSocketProps) {
+export default function OutputSocket({ valueType, name }: OutputSocketProps) {
const isFlowSocket = valueType === 'flow';
let colorName = valueTypeColorMap[valueType];
if (colorName === undefined) {
diff --git a/website/src/components/NodePreview/index.tsx b/website/src/components/NodePreview/index.tsx
index 43bb9c5b..cb812a11 100644
--- a/website/src/components/NodePreview/index.tsx
+++ b/website/src/components/NodePreview/index.tsx
@@ -1,18 +1,11 @@
-
-
import { NodeSpecJSON } from 'packages/core/src/Graphs/IO/NodeSpecJSON';
import { NodeDescription } from 'packages/core/src/Nodes/Registry/NodeDescription';
import { Socket } from 'packages/core/src/Sockets/Socket';
import React from 'react';
-import Node from './Node';
+import Node from './Node.js';
-const NodePreview = ({
- description,
- inputs,
- outputs,
- spec
-}: Props) => {
+const NodePreview = ({ description, inputs, outputs, spec }: Props) => {
return (
@@ -30,10 +23,10 @@ const NodePreview = ({
};
export type Props = {
- description: NodeDescription,
- inputs: Socket[],
- outputs: Socket[],
- spec: NodeSpecJSON,
-}
+ description: NodeDescription;
+ inputs: Socket[];
+ outputs: Socket[];
+ spec: NodeSpecJSON;
+};
export default NodePreview;
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index b203c543..a2f948c8 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -5,10 +5,10 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
import HomepageFeatures from '@site/src/components/HomepageFeatures';
-import styles from './index.module.css';
+import styles from './index.module.css.js';
function HomepageHeader() {
- const {siteConfig} = useDocusaurusContext();
+ const { siteConfig } = useDocusaurusContext();
return (
@@ -28,11 +28,12 @@ function HomepageHeader() {
}
export default function Home(): JSX.Element {
- const {siteConfig} = useDocusaurusContext();
+ const { siteConfig } = useDocusaurusContext();
return (
+ description="Description will go into a meta tag in "
+ >