[v3] Add Terraform icon (#2811)

* [v3] Add terraform codeblock icon * [v3] Fix lint nextra-theme-docs
shuding · Apr 5, 2024 · 85de23b · 85de23b
1 parent ad108ff
commit 85de23b
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 2 deletions.
diff --git a/examples/swr-site/next-env.d.ts b/examples/swr-site/next-env.d.ts
@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/packages/nextra/src/client/icons/index.ts b/packages/nextra/src/client/icons/index.ts
@@ -23,3 +23,4 @@ export { ReactComponent as CsharpIcon } from './csharp.svg'
 export { ReactComponent as GraphQLIcon } from './graphql.svg'
 export { ReactComponent as PythonIcon } from './python.svg'
 export { ReactComponent as RustIcon } from './rust.svg'
+export { ReactComponent as TerraformIcon } from './terraform.svg'
diff --git a/packages/nextra/src/client/icons/terraform.svg b/packages/nextra/src/client/icons/terraform.svg
diff --git a/packages/nextra/src/server/rehype-plugins/__tests__/rehype-icon.test.ts b/packages/nextra/src/server/rehype-plugins/__tests__/rehype-icon.test.ts
@@ -89,6 +89,7 @@ describe('rehypeIcon', () => {
       import { GraphQLIcon } from 'nextra/icons'
       import { PythonIcon } from 'nextra/icons'
       import { RustIcon } from 'nextra/icons'
+      import { TerraformIcon } from 'nextra/icons'
       function _createMdxContent(props) {
         const _components = {
           code: 'code',
@@ -211,6 +212,22 @@ describe('rehypeIcon', () => {
                 <_components.span> </_components.span>
               </_components.code>
             </_components.pre>
+            {'\\n'}
+            <_components.pre icon={TerraformIcon} tabIndex="0" data-language="terraform" data-word-wrap="" data-copy="">
+              <_components.code>
+                <_components.span>
+                  <_components.span />
+                </_components.span>
+              </_components.code>
+            </_components.pre>
+            {'\\n'}
+            <_components.pre icon={TerraformIcon} tabIndex="0" data-language="tf" data-word-wrap="" data-copy="">
+              <_components.code>
+                <_components.span>
+                  <_components.span />
+                </_components.span>
+              </_components.code>
+            </_components.pre>
           </>
         )
       }

diff --git a/packages/nextra/src/server/rehype-plugins/rehype-icon.ts b/packages/nextra/src/server/rehype-plugins/rehype-icon.ts
@@ -22,7 +22,9 @@ export const REHYPE_ICON_DEFAULT_REPLACES: Record<string, string> = {
   python: 'PythonIcon',
   py: 'PythonIcon',
   rust: 'RustIcon',
-  rs: 'RustIcon'
+  rs: 'RustIcon',
+  terraform: 'TerraformIcon',
+  tf: 'TerraformIcon'
 }
 
 function createImport(iconName: string) {