Add nextjs app (#1740)

* Add nextjs app

* lint monorepo fix

* Fix depcheck

* Upgrade mrlint

* Upgrade mrlint

* Remove next eslint

* Add back theme provider, vite env vars

* Add BrowserRouter

* Fix post-checkout

* Switch from app router to pages router

* Fix vite env vars

.gitignore

@@ -8,10 +8,12 @@ packages/**/build
 packages/**/lib
 packages/**/dist
 packages/**/tsconfig*tsbuildinfo
+packages/**/out
 
-# docusaurus
-.docusaurus
-.cache-loader
+# next
+.next
+next-env.d.ts
+.vercel
 
 # misc
 .DS_Store

.husky/post-checkout

@@ -11,5 +11,5 @@ checkoutType=$3
 if [[ "$checkoutType" == "branch" && "$prevHEAD" != "$newHEAD" ]]; then
     find packages -name 'lib' -exec /bin/rm -r {} \+
     find packages -name tsconfig.tsbuildinfo -exec /bin/rm {} \+
-    find packages -name 'node_modules' -exec /bin/rm -r {} \+
+    find packages -name 'node_modules' -exec /bin/rm -rf {} \+
 fi

package.json

@@ -69,7 +69,7 @@
     "jsonc-parser": "~2.2.1",
     "lint-staged": "^13.0.3",
     "lodash-es": "^4.17.21",
-    "mrlint": "^0.0.114",
+    "mrlint": "^0.0.117",
     "organize-imports-cli": "^0.10.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",

packages/_root/package.json

@@ -54,6 +54,7 @@
     "@fern-api/login": "workspace:*",
     "@fern-api/manage-docs-configuration": "workspace:*",
     "@fern-api/manage-generator": "workspace:*",
+    "@fern-api/next-app": "workspace:*",
     "@fern-api/openapi-ir-to-fern": "workspace:*",
     "@fern-api/openapi-migrator": "workspace:*",
     "@fern-api/openapi-parser": "workspace:*",

packages/_root/tsconfig.json

@@ -53,6 +53,7 @@
     { "path": "../scripts" },
     { "path": "../ui/app" },
     { "path": "../ui/deploy" },
-    { "path": "../ui/fe-bundle" }
+    { "path": "../ui/fe-bundle" },
+    { "path": "../ui/next-app" }
   ]
 }

packages/commons/react/common-components/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/common-components/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}

packages/commons/react/contexted-dialog/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/contexted-dialog/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}

packages/commons/react/fonts/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/fonts/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}

packages/commons/react/react-commons/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/react-commons/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}

packages/commons/react/react-query-utils/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/react-query-utils/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}

packages/commons/react/routing-utils/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/routing-utils/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}

packages/commons/react/split-view/package.json

@@ -13,8 +13,7 @@
   "type": "module",
   "source": "src/index.ts",
   "module": "src/index.ts",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
   "sideEffects": false,
   "scripts": {
     "clean": "rm -rf ./lib && tsc --build --clean",

packages/commons/react/split-view/src/declarations.d.ts

@@ -1 +1,37 @@
-/// <reference types="vite/client" />
+// CSS modules
+type CSSModuleClasses = Readonly<Record<string, string>>;
+
+declare module "*.module.scss" {
+    const classes: CSSModuleClasses;
+    export default classes;
+}
+
+// CSS
+declare module "*.css" {}
+declare module "*.scss" {}
+
+// images
+declare module "*.png" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpg" {
+    const src: string;
+    export default src;
+}
+declare module "*.jpeg" {
+    const src: string;
+    export default src;
+}
+declare module "*.gif" {
+    const src: string;
+    export default src;
+}
+declare module "*.svg" {
+    const src: string;
+    export default src;
+}
+declare module "*.ico" {
+    const src: string;
+    export default src;
+}