lint 1

Author: tjk

packages/connect-react/examples/nextjs/src/app/actions.ts

@@ -1,46 +1,46 @@
-"use server"
+"use server";
 
-import { 
-  createBackendClient, 
-  type ProjectEnvironment 
-} from "@pipedream/sdk/server"
+import {
+  createBackendClient,
+  type ProjectEnvironment,
+} from "@pipedream/sdk/server";
 
 const {
   NODE_ENV,
   PIPEDREAM_ALLOWED_ORIGINS,
   PIPEDREAM_CLIENT_ID,
   PIPEDREAM_CLIENT_SECRET,
   PIPEDREAM_PROJECT_ID,
-} = process.env
+} = process.env;
 
 if (!NODE_ENV) {
-  throw new Error("NODE_ENV is required")
+  throw new Error("NODE_ENV is required");
 }
 
 if (!PIPEDREAM_ALLOWED_ORIGINS) {
-  throw new Error("PIPEDREAM_ALLOWED_ORIGINS is required")
+  throw new Error("PIPEDREAM_ALLOWED_ORIGINS is required");
 }
 
-let allowedOrigins: string[] = []
+let allowedOrigins: string[] = [];
 try {
-  allowedOrigins = JSON.parse(PIPEDREAM_ALLOWED_ORIGINS)
+  allowedOrigins = JSON.parse(PIPEDREAM_ALLOWED_ORIGINS);
 } catch (e) {
-  throw new Error("PIPEDREAM_ALLOWED_ORIGINS must be a valid JSON array")
+  throw new Error("PIPEDREAM_ALLOWED_ORIGINS must be a valid JSON array");
 }
 if (!Array.isArray(allowedOrigins)) {
-  throw new Error("PIPEDREAM_ALLOWED_ORIGINS must be a JSON array")
+  throw new Error("PIPEDREAM_ALLOWED_ORIGINS must be a JSON array");
 }
 
 if (!PIPEDREAM_CLIENT_ID) {
-  throw new Error("PIPEDREAM_CLIENT_ID is required")
+  throw new Error("PIPEDREAM_CLIENT_ID is required");
 }
 
 if (!PIPEDREAM_CLIENT_SECRET) {
-  throw new Error("PIPEDREAM_CLIENT_SECRET is required")
+  throw new Error("PIPEDREAM_CLIENT_SECRET is required");
 }
 
 if (!PIPEDREAM_PROJECT_ID) {
-  throw new Error("PIPEDREAM_PROJECT_ID is required")
+  throw new Error("PIPEDREAM_PROJECT_ID is required");
 }
 
 const client = createBackendClient({
@@ -50,11 +50,11 @@ const client = createBackendClient({
     clientId: PIPEDREAM_CLIENT_ID,
     clientSecret: PIPEDREAM_CLIENT_SECRET,
   },
-})
+});
 
-export async function fetchToken(opts: { externalUserId: string }) {
+export async function fetchToken(opts: { externalUserId: string; }) {
   return await client.createConnectToken({
     external_user_id: opts.externalUserId,
     allowed_origins: allowedOrigins,
-  })
+  });
 }

packages/connect-react/src/index.ts

@@ -1,4 +1,4 @@
-import "./polyfills"
+import "./polyfills";
 /* eslint-disable object-curly-newline */
 export { Alert } from "./components/Alert";
 export { ComponentForm } from "./components/ComponentForm";

packages/connect-react/src/polyfills.ts

@@ -4,5 +4,5 @@
 if (typeof document === "undefined") {
   globalThis.document = {
     createElement: () => {},
-  } as any
+  } as any;
 }

packages/connect-react/src/theme.ts

@@ -1,94 +1,94 @@
 import {
   defaultTheme as reactSelectDefaultTheme,
   type Theme as ReactSelectTheme,
-} from "react-select"
+} from "react-select";
 
 export type Colors = {
   // select.control:boxShadow
   // select.control:focused:borderColor
   // select.control:hover:focused:borderColor
   // select.option:active:selected:backgroundColor
   // select.option:selected:backgroundColor
-  primary: string
-  primary75: string
+  primary: string;
+  primary75: string;
   // select.option:active:not(selected):backgroundColor
-  primary50: string
+  primary50: string;
   // select.option:focused:backgroundColor
-  primary25: string
+  primary25: string;
 
   // select.multiValueRemove:hover:color
-  danger: string
+  danger: string;
   // select.multiValueRemove:focused:backgroundColor
   // select.multiValueRemove:hover:backgroundColor
-  dangerLight: string
+  dangerLight: string;
 
   // select.control:backgroundColor
   // select.menu:backgroundColor
   // select.multiValue:backgroundColor
   // select.option:selected:color
-  neutral0: string
+  neutral0: string;
   // select.control:disabled:backgroundColor
-  neutral5: string
+  neutral5: string;
   // select.control:disabled:borderColor
   // select.indicatorSeparator:disabled:backgroundColor
-  neutral10: string
+  neutral10: string;
   // select.control:borderColor
   // select.indicatorContainer:color
   // select.indicatorSeparator:backgroundColor
   // select.loadingIndicator:color
   // select.option:disabled:color
-  neutral20: string
+  neutral20: string;
   // select.control:hover:not(focused):borderColor
-  neutral30: string
+  neutral30: string;
   // select.groupHeading:color
   // select.indicatorContainer:hover:not(focused):color
   // select.notice:color
   // select.singleValue:disabled:color
-  neutral40: string
+  neutral40: string;
   // select.placeholder:color
-  neutral50: string
+  neutral50: string;
   // select.indicatorContainer:focused:color
   // select.loadingIndicator:focused:color
-  neutral60: string
-  neutral70: string
+  neutral60: string;
+  neutral70: string;
   // select.indicatorContainer:hover:focused:color
   // select.input:color
   // select.multiValueLabel:color
   // select.singleValue:color
-  neutral80: string
-  neutral90: string
-}
+  neutral80: string;
+  neutral90: string;
+};
 
 export type Shadows = {
-  button: string
-  input: string
-  card: string
-  dropdown: string
-}
+  button: string;
+  input: string;
+  card: string;
+  dropdown: string;
+};
 
 export type ThemeSpacing = {
-  baseUnit: number
+  baseUnit: number;
   // The minimum height of the control
-  controlHeight: number
+  controlHeight: number;
   // The amount of space between the control and menu
-  menuGutter: number
-}
+  menuGutter: number;
+};
 
 export type Theme = {
-  borderRadius?: number | string
-  colors: Partial<Colors>
-  spacing: ThemeSpacing
-  boxShadow: Shadows
-}
+  borderRadius?: number | string;
+  colors: Partial<Colors>;
+  spacing: ThemeSpacing;
+  boxShadow: Shadows;
+};
 
 export type PartialTheme = {
-  borderRadius?: Theme["borderRadius"]
-  colors?: Partial<Colors>
-  spacing?: Partial<ThemeSpacing>
-  boxShadow?: Partial<Shadows>
-}
+  borderRadius?: Theme["borderRadius"];
+  colors?: Partial<Colors>;
+  spacing?: Partial<ThemeSpacing>;
+  boxShadow?: Partial<Shadows>;
+};
 
-export type CustomThemeConfig = PartialTheme | ((theme: Theme) => PartialTheme)
+export type CustomThemeConfig = PartialTheme | ((theme: Theme) => PartialTheme);
 
 export const defaultTheme: Theme = {
   borderRadius: 4,
@@ -126,7 +126,7 @@ export const defaultTheme: Theme = {
     controlHeight: 32,
     menuGutter: 8,
   },
-}
+};
 
 export const unstyledTheme: Theme = {
   colors: {},
@@ -141,25 +141,29 @@ export const unstyledTheme: Theme = {
     card: "none",
     dropdown: "none",
   },
-}
+};
 
 export function getReactSelectTheme(
-  theme: CustomThemeConfig | undefined
+  theme: CustomThemeConfig | undefined,
 ): ReactSelectTheme {
-  if (!theme) return reactSelectDefaultTheme
-  const _theme = typeof theme == "function" ? theme(defaultTheme) : theme
-  const { colors, spacing, borderRadius } = mergeTheme(
+  if (!theme) return reactSelectDefaultTheme;
+  const _theme = typeof theme == "function"
+    ? theme(defaultTheme)
+    : theme;
+  const {
+    colors, spacing, borderRadius,
+  } = mergeTheme(
     reactSelectDefaultTheme,
-    _theme
-  )
+    _theme,
+  );
   return {
     borderRadius:
       typeof borderRadius !== "number"
         ? reactSelectDefaultTheme.borderRadius
         : borderRadius,
     colors: colors as ReactSelectTheme["colors"],
     spacing,
-  }
+  };
 }
 
 export function mergeTheme(
@@ -168,16 +172,22 @@ export function mergeTheme(
 ): Theme {
   const merged = {
     borderRadius: target.borderRadius,
-    colors: { ...target.colors },
-    spacing: { ...target.spacing },
-    boxShadow: { ...target.boxShadow },
-  }
+    colors: {
+      ...target.colors,
+    },
+    spacing: {
+      ...target.spacing,
+    },
+    boxShadow: {
+      ...target.boxShadow,
+    },
+  };
   for (const source of sources) {
-    if (!source) continue
-    merged.borderRadius = source.borderRadius ?? merged.borderRadius
-    Object.assign(merged.boxShadow, source.boxShadow)
-    Object.assign(merged.colors, source.colors)
-    Object.assign(merged.spacing, source.spacing)
+    if (!source) continue;
+    merged.borderRadius = source.borderRadius ?? merged.borderRadius;
+    Object.assign(merged.boxShadow, source.boxShadow);
+    Object.assign(merged.colors, source.colors);
+    Object.assign(merged.spacing, source.spacing);
   }
-  return merged
+  return merged;
 }

packages/connect-react/vite.config.mts

@@ -11,7 +11,11 @@ export default defineConfig({
       fileName: (format) => `connect-react.${format}.js`,
     },
     rollupOptions: {
-      external: ["react", "react-dom", "react/jsx-runtime"],
+      external: [
+        "react",
+        "react-dom",
+        "react/jsx-runtime",
+      ],
     },
   },
   plugins: [