chore: prepare patternhub to use static assets provided by react show…

…case (#2342)
db-ui · Apr 11, 2024 · 945cc18 · 945cc18
1 parent cbab6b1
commit 945cc18
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 30 deletions.
diff --git a/showcases/patternhub/components/default-page.tsx b/showcases/patternhub/components/default-page.tsx
@@ -84,7 +84,9 @@ const DefaultPage = ({ children }: any) => {
 							onToggle={setDrawerOpen}
 							slotBrand={
 								<DBBrand
-									imgSrc="https://db-ui.github.io/images/db_logo.svg"
+									imgSrc={`${
+										process.env.NEXT_PUBLIC_BASE_PATH ?? ''
+									}/assets/images/db_logo.svg`}
 									title={process.env.NEXT_PUBLIC_APP_NAME}
 									anchorChildren>
 									{process.env.NEXT_PUBLIC_APP_NAME}

diff --git a/showcases/patternhub/components/src/tsconfig.json b/showcases/patternhub/components/src/tsconfig.json
diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json
@@ -13,10 +13,10 @@
     "compile:03_copy-docs": "cpr ../../docs ./public/docs -o",
     "compile:04_components": "node scripts/esbuild-generate.mjs",
     "compile:05_run": "node generated.js",
+    "compile:06_replace_base": "node scripts/fix-base-path.js",
     "dev": "cross-env NEXT_PUBLIC_BASE_PATH=/mono/sub npm-run-all compile -p open next:dev",
     "lint": "next lint",
     "next:dev": "next dev",
-    "next:start": "next start",
     "open": "open-cli http://localhost:3000/mono/sub",
     "prebuild:app": "cpr ../../node_modules/iframe-resizer/js/ public/iframe-resizer -o",
     "start": "cross-env NEXT_PUBLIC_BASE_PATH=/mono/sub npm-run-all compile next:dev"

diff --git a/...ases/patternhub/public/images/db_logo.svg → ...tternhub/public/assets/images/db_logo.svg b/...ases/patternhub/public/images/db_logo.svg → ...tternhub/public/assets/images/db_logo.svg
diff --git a/showcases/patternhub/public/site.webmanifest b/showcases/patternhub/public/site.webmanifest
@@ -3,7 +3,7 @@
 	"name": "",
 	"icons": [
 		{
-			"src": "/images/db_logo.svg",
+			"src": "/assets/images/db_logo.svg",
 			"type": "image/svg",
 			"sizes": "192x192"
 		}

diff --git a/showcases/patternhub/scripts/fix-base-path.js b/showcases/patternhub/scripts/fix-base-path.js
@@ -0,0 +1,8 @@
+import Replace from 'replace-in-file';
+
+const option = {
+	files: './pages/components/**/*.tsx',
+	from: 'import.meta.env.BASE_URL',
+	to: 'process.env.NEXT_PUBLIC_BASE_PATH'
+};
+Replace.replaceInFileSync(option);