add linting to site

xaviergonz · Mar 16, 2024 · f640146 · f640146
1 parent fbabaa3
commit f640146
Show file tree

Hide file tree

Showing 9 changed files with 5 additions and 7 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -36,6 +36,7 @@ module.exports = {
     "plugin:import/warnings",
     "plugin:import/typescript",
     "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
     "plugin:react-hooks/recommended",
   ],
 

diff --git a/apps/site/docs/examples/clientServer/app.tsx b/apps/site/docs/examples/clientServer/app.tsx
@@ -1,5 +1,4 @@
 import { observer } from "mobx-react"
-import React from "react"
 import { AppInstance } from "./appInstance"
 
 // we will expose both app instances in the ui

diff --git a/apps/site/docs/examples/clientServer/appInstance.tsx b/apps/site/docs/examples/clientServer/appInstance.tsx
@@ -7,7 +7,7 @@ import {
   SerializedActionCallWithModelIdOverrides,
 } from "mobx-keystone"
 import { observer } from "mobx-react"
-import React, { useState } from "react"
+import { useState } from "react"
 import { TodoListView } from "../todoList/app"
 import { cancelledActionSymbol, LogsView } from "../todoList/logs"
 import { TodoList } from "../todoList/store"

diff --git a/apps/site/docs/examples/todoList/store.ts b/apps/site/docs/examples/todoList/store.ts
@@ -101,6 +101,7 @@ export function createRootStore(): TodoList {
   registerRootStore(rootStore)
 
   // we can also connect the store to the redux dev tools
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
   const remotedev = require("remotedev")
   const connection = remotedev.connectViaExtension({
     name: "Todo List Example",

diff --git a/apps/site/docs/examples/yjsBinding/app.tsx b/apps/site/docs/examples/yjsBinding/app.tsx
@@ -1,5 +1,4 @@
 import { observer } from "mobx-react"
-import React from "react"
 import { AppInstance } from "./appInstance"
 
 export const App = observer(() => {

diff --git a/apps/site/package.json b/apps/site/package.json
@@ -7,7 +7,8 @@
   "scripts": {
     "start": "docusaurus start",
     "build": "docusaurus build && shx cp -r ./copy-to-build/. ./build",
-    "serve": "docusaurus serve"
+    "serve": "docusaurus serve",
+    "lint": "cd ../.. && yarn eslint \"apps/site/{src,docs}/**/*.{ts,tsx}\""
   },
   "dependencies": {
     "@docusaurus/core": "^3.1.1",

diff --git a/apps/site/src/components/ArrowUpIcon.tsx b/apps/site/src/components/ArrowUpIcon.tsx
@@ -1,5 +1,4 @@
 import CaretUpFillSVG from "bootstrap-icons/icons/caret-up-fill.svg"
-import * as React from "react"
 
 export function ArrowUpIcon() {
   return <CaretUpFillSVG className="icon" style={{ color: "var(--ifm-color-success)" }} />

diff --git a/apps/site/src/components/CheckIcon.tsx b/apps/site/src/components/CheckIcon.tsx
@@ -1,5 +1,4 @@
 import CheckCircleSVG from "bootstrap-icons/icons/check-circle.svg"
-import * as React from "react"
 
 export function CheckIcon() {
   return <CheckCircleSVG className="icon" style={{ color: "var(--ifm-color-success)" }} />

diff --git a/apps/site/src/components/RedXIcon.tsx b/apps/site/src/components/RedXIcon.tsx
@@ -1,5 +1,4 @@
 import XCircleSVG from "bootstrap-icons/icons/x-circle.svg"
-import * as React from "react"
 
 export function RedXIcon() {
   return <XCircleSVG className="icon" style={{ color: "var(--ifm-color-danger)" }} />