(fix) Fix Nextra v3 upgrade (#14865)

Author: dylburger

.npmrc

@@ -1,4 +1,8 @@
 auto-install-peers=true
 enable-pre-post-scripts=true
 save-workspace-protocol=false
-link-workspace-packages=false
+link-workspace-packages=false
+shamefully-hoist=true
+node-linker=hoisted
+shared-workspace-lockfile=true
+engine-strict=false

docs-v2/.eslintrc.js

@@ -0,0 +1,8 @@
+auto-install-peers=true
+enable-pre-post-scripts=true
+save-workspace-protocol=false
+link-workspace-packages=false
+shamefully-hoist=true
+node-linker=hoisted
+shared-workspace-lockfile=true
+engine-strict=false

docs-v2/.npmrc

@@ -6,8 +6,7 @@
 
 ```bash
 asdf install
-yarn install
-yarn dev
+pnpm dev
 ```
 
 Open [http://localhost:3000/docs](http://localhost:3000/docs).
@@ -55,7 +54,7 @@ pages
       google.mdx  # /docs/workspaces/sso/google
 ```
 
-The `_meta.json` files in each directory defines a mapping between the labels in the sidebar and the files in that directory. If you want to add an item to the sidebar, you'll probably want to edit the `_meta.json` file. [See the Nextra docs](https://nextra.site/docs/docs-theme/page-configuration) for more info.
+The `_meta.tsx` files in each directory defines a mapping between the labels in the sidebar and the files in that directory. If you want to add an item to the sidebar, you'll probably want to edit the `_meta.tsx` file. [See the Nextra docs](https://nextra.site/docs/docs-theme/page-configuration) for more info.
 
 ## Custom components
 
@@ -65,7 +64,6 @@ Use (and create!) custom components in `components/`. You'll see a lot of refere
 
 If you need to add any custom redirects, e.g. when you move pages to a different directory, add then to the `vercel.json` file in this directory.
 
-
 ## Adding new versions
 
 Add a new version of docs by creating a new feature branch in the format of `docs-v{number}-pathing`.

docs-v2/README.md

@@ -12,6 +12,7 @@ function Search() {
         facetFilters: [
           "version:latest",
         ],
+        indexName: process.env.ALGOLIA_INDEX_NAME,
       }}
       transformItems={(items) => {
         return items.map((item) => ({

docs-v2/components/DocSearch.tsx

@@ -1,8 +1,14 @@
 import React from "react";
 
+type LanguageLinkProps = {
+  icon: string;
+  name: string;
+  link: string;
+};
+
 function LanguageLink({
   icon, name, link,
-}) {
+}: LanguageLinkProps) {
   return (
     <div className="flex justify-center items-center">
       <a href={link}>

docs-v2/components/LanguageLink.tsx

@@ -16,7 +16,7 @@ const fira = Fira_Code({
 });
 
 const PipedreamCode = ({ children }: PipedreamCodeProps) => <>
-  <code className={`${fira.className} dark:text-white`}>{children}</code>
+  <code className={`${fira.className} dark:text-white p-2`}>{children}</code>
 </>;
 
 export default PipedreamCode;

docs-v2/components/PipedreamCode.tsx

@@ -72,7 +72,7 @@ const PythonMappings = () => {
                 <a
                   target="_blank"
                   className="external"
-                  href={`https://pypi.org/project/${mapping[0]}`}
+                  href={`https://pypi.org/project/${mapping[0]}`} rel="noreferrer"
                 >
                   <span className="font-mono">{`# pipedream add-package ${mapping[0]}`}</span>
                 </a>

docs-v2/components/PythonMappings.tsx

@@ -1,8 +1,14 @@
 import React from "react";
 
+type VideoPlayerProps = {
+  src: string;
+  title: string;
+  startAt?: number;
+};
+
 const VideoPlayer = ({
   src, title, startAt,
-}) => {
+}: VideoPlayerProps) => {
   const embedUrl = `${src}?rel=0${startAt
     ? `&start=${startAt}`
     : ""}`;