Re-next mosaic

.changeset/fuzzy-carpets-warn.md

@@ -0,0 +1,35 @@
+---
+'@jpmorganchase/mosaic-cli': minor
+'@jpmorganchase/mosaic-components': minor
+'@jpmorganchase/mosaic-labs-components': minor
+'@jpmorganchase/mosaic-content-editor-plugin': minor
+'@jpmorganchase/mosaic-core': minor
+'@jpmorganchase/mosaic-icons': minor
+'@jpmorganchase/mosaic-layouts': minor
+'@jpmorganchase/mosaic-loaders': minor
+'@jpmorganchase/mosaic-mdx-components': minor
+'@jpmorganchase/mosaic-open-api-component': minor
+'@jpmorganchase/mosaic-plugins': minor
+'@jpmorganchase/mosaic-schemas': minor
+'@jpmorganchase/mosaic-serialisers': minor
+'@jpmorganchase/mosaic-site': minor
+'@jpmorganchase/mosaic-site-components': minor
+'@jpmorganchase/mosaic-site-components-next': minor
+'@jpmorganchase/mosaic-site-preset-styles': minor
+'@jpmorganchase/mosaic-sitemap-component': minor
+'@jpmorganchase/mosaic-source-git-repo': minor
+'@jpmorganchase/mosaic-source-readme': minor
+'@jpmorganchase/mosaic-standard-generator': minor
+'@jpmorganchase/mosaic-store': minor
+'@jpmorganchase/mosaic-theme': minor
+'@jpmorganchase/mosaic-types': minor
+'@jpmorganchase/mosaic-create-site': minor
+'@jpmorganchase/mosaic-from-http-request': minor
+'@jpmorganchase/mosaic-source-figma': minor
+'@jpmorganchase/mosaic-source-http': minor
+'@jpmorganchase/mosaic-source-local-folder': minor
+'@jpmorganchase/mosaic-source-storybook': minor
+'@jpmorganchase/mosaic-workflows': minor
+---
+
+Refactor Mosaic around the Next.js app router

.changeset/pre.json

@@ -20,7 +20,6 @@
     "@jpmorganchase/mosaic-open-api-component": "0.1.0-beta.9",
     "@jpmorganchase/mosaic-site": "0.1.0-beta.9",
     "@jpmorganchase/mosaic-site-components": "0.1.0-beta.9",
-    "@jpmorganchase/mosaic-site-middleware": "0.1.0-beta.9",
     "@jpmorganchase/mosaic-site-preset-styles": "0.1.0-beta.9",
     "@jpmorganchase/mosaic-standard-generator": "0.1.0-beta.9",
     "@jpmorganchase/mosaic-labs-components": "0.1.0-beta.11",

.prettierignore

@@ -11,6 +11,7 @@ LICENSE
 *.png
 *.hbs
 *.jpg
+*.ico
 
 **/build
 **/dist

docs/author/refs.mdx

@@ -157,6 +157,7 @@ You can use Mosaic components with referenced data as well. Below we are using t
 <Tiles>
   {meta.data.modes.map(mode => (
     <TileContent
+      key={mode}
       title={mode}
       description={`Documentation about ${mode} of Mosaic`}
       eyebrow="Mosaic"

package.json

@@ -13,6 +13,7 @@
   },
   "scripts": {
     "build:site": "turbo run build --filter=@jpmorganchase/mosaic-site",
+    "build:packages": "turbo run build --filter=!@jpmorganchase/mosaic-site",
     "build": "turbo run build",
     "clean": "turbo run clean",
     "copy:rig:images": "cp -r ./assets/[!.]* ./packages/rig/public/img",
@@ -56,14 +57,13 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",
     "@types/lodash-es": "^4.17.6",
+    "@types/node": "^18.0.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@types/node": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "@vanilla-extract/esbuild-plugin": "^2.3.11",
     "@vitest/coverage-istanbul": "^2.1.4",
-    "concurrently": "^7.1.0",
     "del-cli": "^4.0.1",
     "esbuild": "0.23.1",
     "esbuild-node-externals": "^1.7.0",
@@ -86,15 +86,13 @@
     "npm-run-all": "^4.0.2",
     "patch-package": "^7.0.0",
     "prettier": "^2.7.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
     "resize-observer-polyfill": "1.5.1",
     "typescript": "^5.0.0",
     "vitest": "^2.0.0"
   },
   "dependencies": {
-    "@types/swagger-ui-react": "^4.18.0",
-    "swagger-ui-react": "^5.0.0",
     "turbo": "latest"
   },
   "resolutions": {

packages/cli/package.json

@@ -41,8 +41,7 @@
     "@jpmorganchase/mosaic-types": "^0.1.0-beta.89",
     "esbuild": "0.23.1",
     "esbuild-node-externals": "^1.0.2",
-    "fast-glob": "^3.2.7",
-    "@types/ws": "^8.5.7"
+    "fast-glob": "^3.2.7"
   },
   "dependencies": {
     "@jpmorganchase/mosaic-core": "^0.1.0-beta.89",
@@ -59,7 +58,6 @@
     "fastify-plugin": "^4.5.1",
     "fs-extra": "^10.1.0",
     "globby": "^13.1.3",
-    "md5": "*",
-    "mkdirp": "^1.0.4"
+    "md5": "*"
   }
 }

packages/components-labs/package.json

@@ -34,27 +34,22 @@
     "dev": "node ../../scripts/bundle.mjs watch"
   },
   "devDependencies": {
-    "@types/styled-components": "^5.1.26",
-    "@vanilla-extract/esbuild-plugin": "^2.3.11",
     "del-cli": "^4.0.1",
     "typescript": "^5.0.0"
   },
   "dependencies": {
     "@jpmorganchase/mosaic-components": "^0.1.0-beta.89",
     "@jpmorganchase/mosaic-theme": "^0.1.0-beta.89",
-    "@salt-ds/core": "^1.33.0",
+    "@salt-ds/core": "^1.37.1",
     "@vanilla-extract/css": "^1.6.0",
-    "@vanilla-extract/recipes": "^0.2.1",
-    "@vanilla-extract/sprinkles": "^1.3.0",
     "d3": "^7.7.0",
-    "deepmerge": "^2.0.1",
     "mermaid": "9.3.0",
     "mdx-mermaid": "^1.2.1",
     "warning": "^3.0.0"
   },
   "peerDependencies": {
     "@types/react": "^18.3.12",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
   }
 }

packages/components-labs/src/index.ts

@@ -1,13 +1,4 @@
-import { withMarkdownSpacing } from '@jpmorganchase/mosaic-components';
-import { Diagram } from './Diagram';
-import { Sitemap } from './Sitemap';
-import type { SitemapProps } from './Sitemap';
-import type { DiagramProps } from './Diagram';
+'use client';
 
 export * from './Diagram';
 export * from './Sitemap';
-
-export const getLabMarkdownComponents = () => ({
-  Diagram: withMarkdownSpacing<DiagramProps>(Diagram),
-  Sitemap: withMarkdownSpacing<SitemapProps>(Sitemap)
-});