Merge pull request #1947 from oasisprotocol/lw/env-inject

lukaw3d · web-flow · commit d5b5bd7a9fbd · 2025-05-06T13:28:39.000+02:00
Use parcel-transformer-env-variables-injection instead of plasmohq
diff --git a/.changelog/1947.trivial.md b/.changelog/1947.trivial.md
@@ -0,0 +1 @@
+Use parcel-transformer-env-variables-injection instead of plasmohq
diff --git a/.parcelrc b/.parcelrc
@@ -2,7 +2,7 @@
   "extends": "@parcel/config-default",
   "transformers": {
     "*.html": [
-      "@plasmohq/parcel-transformer-inject-env",
+      "parcel-transformer-env-variables-injection",
       "..."
     ]
   }
diff --git a/package.json b/package.json
@@ -87,7 +87,6 @@
     "@emotion/jest": "11.13.0",
     "@parcel/packager-raw-url": "2.12.0",
     "@parcel/transformer-webmanifest": "2.12.0",
-    "@plasmohq/parcel-transformer-inject-env": "^0.2.12",
     "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "14.3.1",
     "@testing-library/user-event": "14.5.2",
@@ -111,6 +110,7 @@
     "matomo-js-client-types": "5.0.0",
     "node-fetch": "2.7.0",
     "parcel": "2.12.0",
+    "parcel-transformer-env-variables-injection": "^0.1.2",
     "prettier": "3.5.3",
     "process": "0.11.10",
     "react-app-polyfill": "3.0.0",
diff --git a/public/index.html b/public/index.html
@@ -3,24 +3,24 @@
   <head>
     <meta charset="utf-8" />
     <base href="/" />
-    <link rel="icon" href="$REACT_APP_META_FAVICON" type="image/svg+xml" />
+    <link rel="icon" href="{{{ REACT_APP_META_FAVICON }}}" type="image/svg+xml" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <link rel="apple-touch-icon" href="$REACT_APP_META_APPLE_ICON" />
-    <link rel="manifest" href="$REACT_APP_META_MANIFEST" />
-    <meta property="og:title" content="$REACT_APP_META_TITLE" />
-    <meta property="og:description" content="$REACT_APP_META_DESC" />
-    <meta property="og:image" content="$REACT_APP_META_IMAGE" />
+    <link rel="apple-touch-icon" href="{{{ REACT_APP_META_APPLE_ICON }}}" />
+    <link rel="manifest" href="{{{ REACT_APP_META_MANIFEST }}}" />
+    <meta property="og:title" content="{{{ REACT_APP_META_TITLE }}}" />
+    <meta property="og:description" content="{{{ REACT_APP_META_DESC }}}" />
+    <meta property="og:image" content="{{{ REACT_APP_META_IMAGE }}}" />
     <meta property="og:type" content="website" />
-    <title>$REACT_APP_META_TITLE</title>
-    <meta name="description" content="$REACT_APP_META_DESC" />
+    <title>{{{ REACT_APP_META_TITLE }}}</title>
+    <meta name="description" content="{{{ REACT_APP_META_DESC }}}" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <script>
       // Allow e2e tests to pre-define it in runtime
-      window.REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS ??= '$REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS'
+      window.REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS ??= '{{{ REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS }}}'
     </script>
     <script type="module" src="../src/index.tsx"></script>
   </body>
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+Use parcel-transformer-env-variables-injection instead of plasmohq`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`"extends": "@parcel/config-default",`
`3`	`3`	`"transformers": {`
`4`	`4`	`"*.html": [`
`5`		`- "@plasmohq/parcel-transformer-inject-env",`
	`5`	`+ "parcel-transformer-env-variables-injection",`
`6`	`6`	`"..."`
`7`	`7`	`]`
`8`	`8`	`}`