Add code block interpolation trick (#2)

* Add screenshots * Make readme lowercase * Add Interpolation in Code Blocks trick * Add code example for interpolation trick * Add CodeSandbox screenshot
karlhorky · Dec 9, 2024 · ee1765f · ee1765f
1 parent 09ab60c
commit ee1765f
Show file tree

Hide file tree

Showing 77 changed files with 10,881 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/interpolation-in-code-blocks-code-fence-broken.avif b/interpolation-in-code-blocks-code-fence-broken.avif
diff --git a/interpolation-in-code-blocks-codeblock.avif b/interpolation-in-code-blocks-codeblock.avif
diff --git a/interpolation-in-code-blocks-language-prop-autosuggest.avif b/interpolation-in-code-blocks-language-prop-autosuggest.avif
diff --git a/interpolation-in-code-blocks-language-prop-error.avif b/interpolation-in-code-blocks-language-prop-error.avif
diff --git a/interpolation-in-code-blocks/.next/app-build-manifest.json b/interpolation-in-code-blocks/.next/app-build-manifest.json
@@ -0,0 +1,14 @@
+{
+  "pages": {
+    "/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/layout.js"
+    ],
+    "/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/page.js"
+    ]
+  }
+}
diff --git a/interpolation-in-code-blocks/.next/build-manifest.json b/interpolation-in-code-blocks/.next/build-manifest.json
@@ -0,0 +1,20 @@
+{
+  "polyfillFiles": [
+    "static/chunks/polyfills.js"
+  ],
+  "devFiles": [],
+  "ampDevFiles": [],
+  "lowPriorityFiles": [
+    "static/development/_buildManifest.js",
+    "static/development/_ssgManifest.js"
+  ],
+  "rootMainFiles": [
+    "static/chunks/webpack.js",
+    "static/chunks/main-app.js"
+  ],
+  "rootMainFilesTree": {},
+  "pages": {
+    "/_app": []
+  },
+  "ampFirstPages": []
+}
diff --git a/interpolation-in-code-blocks/.next/cache/.rscinfo b/interpolation-in-code-blocks/.next/cache/.rscinfo
@@ -0,0 +1 @@
+{"encryption.key":"0nRembzes/bUn6yWcUN+rAzGEN02oCWqIaaczGO0QdM=","encryption.expire_at":1734963226446}
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/client-development/0.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/client-development/0.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/client-development/1.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/client-development/1.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/client-development/2.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/client-development/2.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/client-development/index.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/client-development/index.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/client-development/index.pack.gz.old b/interpolation-in-code-blocks/.next/cache/webpack/client-development/index.pack.gz.old
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/server-development/0.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/server-development/0.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/server-development/1.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/server-development/1.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/server-development/index.pack.gz b/interpolation-in-code-blocks/.next/cache/webpack/server-development/index.pack.gz
diff --git a/interpolation-in-code-blocks/.next/cache/webpack/server-development/index.pack.gz.old b/interpolation-in-code-blocks/.next/cache/webpack/server-development/index.pack.gz.old
diff --git a/interpolation-in-code-blocks/.next/package.json b/interpolation-in-code-blocks/.next/package.json
@@ -0,0 +1 @@
+{"type": "commonjs"}
diff --git a/interpolation-in-code-blocks/.next/react-loadable-manifest.json b/interpolation-in-code-blocks/.next/react-loadable-manifest.json
@@ -0,0 +1 @@
+{}
diff --git a/interpolation-in-code-blocks/.next/server/app-paths-manifest.json b/interpolation-in-code-blocks/.next/server/app-paths-manifest.json
@@ -0,0 +1,4 @@
+{
+  "/page": "app/page.js",
+  "/favicon.ico/route": "app/favicon.ico/route.js"
+}
diff --git a/interpolation-in-code-blocks/.next/server/app/favicon.ico/route.js b/interpolation-in-code-blocks/.next/server/app/favicon.ico/route.js
diff --git a/interpolation-in-code-blocks/.next/server/app/page.js b/interpolation-in-code-blocks/.next/server/app/page.js
diff --git a/interpolation-in-code-blocks/.next/server/app/page_client-reference-manifest.js b/interpolation-in-code-blocks/.next/server/app/page_client-reference-manifest.js
diff --git a/interpolation-in-code-blocks/.next/server/interception-route-rewrite-manifest.js b/interpolation-in-code-blocks/.next/server/interception-route-rewrite-manifest.js
@@ -0,0 +1 @@
+self.__INTERCEPTION_ROUTE_REWRITE_MANIFEST="[]"
diff --git a/interpolation-in-code-blocks/.next/server/middleware-build-manifest.js b/interpolation-in-code-blocks/.next/server/middleware-build-manifest.js
@@ -0,0 +1,22 @@
+self.__BUILD_MANIFEST = {
+  "polyfillFiles": [
+    "static/chunks/polyfills.js"
+  ],
+  "devFiles": [],
+  "ampDevFiles": [],
+  "lowPriorityFiles": [],
+  "rootMainFiles": [
+    "static/chunks/webpack.js",
+    "static/chunks/main-app.js"
+  ],
+  "rootMainFilesTree": {},
+  "pages": {
+    "/_app": []
+  },
+  "ampFirstPages": []
+};
+self.__BUILD_MANIFEST.lowPriorityFiles = [
+"/static/" + process.env.__NEXT_BUILD_ID + "/_buildManifest.js",
+,"/static/" + process.env.__NEXT_BUILD_ID + "/_ssgManifest.js",
+
+];
diff --git a/interpolation-in-code-blocks/.next/server/middleware-manifest.json b/interpolation-in-code-blocks/.next/server/middleware-manifest.json
@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "middleware": {},
+  "functions": {},
+  "sortedMiddleware": []
+}
diff --git a/interpolation-in-code-blocks/.next/server/middleware-react-loadable-manifest.js b/interpolation-in-code-blocks/.next/server/middleware-react-loadable-manifest.js
@@ -0,0 +1 @@
+self.__REACT_LOADABLE_MANIFEST="{}"
diff --git a/interpolation-in-code-blocks/.next/server/next-font-manifest.js b/interpolation-in-code-blocks/.next/server/next-font-manifest.js
diff --git a/interpolation-in-code-blocks/.next/server/next-font-manifest.json b/interpolation-in-code-blocks/.next/server/next-font-manifest.json
@@ -0,0 +1 @@
+{"pages":{},"app":{},"appUsingSizeAdjust":false,"pagesUsingSizeAdjust":false}
diff --git a/interpolation-in-code-blocks/.next/server/pages-manifest.json b/interpolation-in-code-blocks/.next/server/pages-manifest.json
@@ -0,0 +1 @@
+{}
diff --git a/interpolation-in-code-blocks/.next/server/server-reference-manifest.js b/interpolation-in-code-blocks/.next/server/server-reference-manifest.js
diff --git a/interpolation-in-code-blocks/.next/server/server-reference-manifest.json b/interpolation-in-code-blocks/.next/server/server-reference-manifest.json
@@ -0,0 +1,5 @@
+{
+  "node": {},
+  "edge": {},
+  "encryptionKey": "0nRembzes/bUn6yWcUN+rAzGEN02oCWqIaaczGO0QdM="
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"encryption.key":"0nRembzes/bUn6yWcUN+rAzGEN02oCWqIaaczGO0QdM=","encryption.expire_at":1734963226446}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		self.__INTERCEPTION_ROUTE_REWRITE_MANIFEST="[]"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"pages":{},"app":{},"appUsingSizeAdjust":false,"pagesUsingSizeAdjust":false}