Merge pull request #268 from seamapi/prettier-v3

seamapi · Jul 14, 2023 · 8132be1 · 8132be1
2 parents d2f4705 + ea1d7bc
commit 8132be1
Show file tree

Hide file tree

Showing 10 changed files with 1,851 additions and 1,539 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -2,5 +2,6 @@
   "semi": false,
   "singleQuote": true,
   "jsxSingleQuote": true,
+  "trailingComma": "es5",
   "endOfLine": "lf"
 }
diff --git a/README.md b/README.md
@@ -48,7 +48,7 @@ $ npm install @seamapi/react
 ```tsx
 import { ConnectAccountButton, DeviceTable, SeamProvider } from '@seamapi/react'
 
-export const App = () => {
+export function App() {
   return (
     <SeamProvider publishableKey='your_publishable_key'>
       <main>
@@ -103,7 +103,7 @@ They are well-typed and follow a uniform API.
 ```tsx
 import { SeamProvider, useDevices } from '@seamapi/react/hooks'
 
-export const App = () => {
+export function App() {
   return (
     <SeamProvider publishableKey='your_publishable_key'>
       <main>
@@ -114,7 +114,7 @@ export const App = () => {
   )
 }
 
-const Devices = () => {
+function Devices() {
   const { devices, isLoading, isError, error } = useDevices()
 
   if (isLoading) {

diff --git a/examples/basic/index.html b/examples/basic/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/examples/index.html b/examples/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/examples/web-components/index.html b/examples/web-components/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -164,7 +164,7 @@
     "http-proxy-middleware": "^2.0.6",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "prettier": "^2.3.0",
+    "prettier": "^3.0.0",
     "prop-types": "^15.8.1",
     "raw-body": "^2.5.2",
     "react": "^18.2.0",
@@ -177,7 +177,7 @@
     "ts-jest": "^29.1.0",
     "tsc-alias": "^1.8.5",
     "tsconfig-paths-webpack-plugin": "^4.0.1",
-    "typescript": "~5.0.0",
+    "typescript": "^5.1.0",
     "vite": "^4.2.1",
     "vite-tsconfig-paths": "^4.0.8",
     "zustand-hoist": "^1.0.0"

diff --git a/src/styles/_menus.scss b/src/styles/_menus.scss
@@ -25,7 +25,9 @@
     position: absolute;
     padding: 8px 0;
     background: colors.$white;
-    box-shadow: 0 0 1px rgb(0 0 0 / 30%), 0 2px 16px 2px rgb(15 22 28 / 15%);
+    box-shadow:
+      0 0 1px rgb(0 0 0 / 30%),
+      0 2px 16px 2px rgb(15 22 28 / 15%);
     border-radius: 8px;
 
     .seam-menu-item {

diff --git a/src/styles/_supported-device-table.scss b/src/styles/_supported-device-table.scss
@@ -134,7 +134,8 @@ $row-padding: 8px;
       color: colors.$text-gray-1;
       border-radius: 30px;
       border: 0;
-      box-shadow: 0 1px 1px 0 rgb(16 27 37 / 10%),
+      box-shadow:
+        0 1px 1px 0 rgb(16 27 37 / 10%),
         0 1px 8px 0 rgb(46 69 82 / 12%);
       position: absolute;
       left: 50%;

diff --git a/src/styles/_typography.scss b/src/styles/_typography.scss
@@ -1,8 +1,18 @@
 @use './colors';
 
 @mixin font-family {
-  font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+  font-family:
+    'Source Sans Pro',
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Open Sans',
+    'Helvetica Neue',
     sans-serif;
 }