Inline view examples

example_plugins/plugins/ui_inline_code_block/.gitignore

@@ -0,0 +1,2 @@
+dist
+node_modules

example_plugins/plugins/ui_inline_code_block/gauntlet.toml

@@ -0,0 +1,16 @@
+[gauntlet]
+name = 'Docs Inline'
+description = ''
+
+# docs-code-segment:start main
+[[entrypoint]]
+id = 'main'
+name = 'Main'
+path = 'src/main.tsx'
+type = 'inline-view'
+description = ''
+# docs-code-segment:end
+
+[permissions]
+main_search_bar = ["read"]
+

example_plugins/plugins/ui_inline_code_block/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@project-gauntlet/docs-inline-code-block",
+  "private": true,
+  "scripts": {
+    "build": "gauntlet build",
+    "dev": "gauntlet dev"
+  },
+  "dependencies": {
+    "@project-gauntlet/api": "file:../../js/api"
+  },
+  "devDependencies": {
+    "@types/react": "*",
+    "@types/deno": "*",
+    "@project-gauntlet/tools": "*",
+    "typescript": "*"
+  }
+}

example_plugins/plugins/ui_inline_code_block/src/main.tsx

@@ -0,0 +1,19 @@
+import { ReactElement } from "react";
+import { Inline } from "@project-gauntlet/api/components";
+
+export default function Main({ text }: { text: string }): ReactElement | null {
+
+    if (text != "example") {
+        return null
+    }
+
+    return (
+        <Inline>
+            <Inline.Center>
+                <Inline.Center.CodeBlock>
+                    {"() => void"}
+                </Inline.Center.CodeBlock>
+            </Inline.Center>
+        </Inline>
+    )
+}

example_plugins/plugins/ui_inline_code_block/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "module": "ES2022",
+    "esModuleInterop": true,
+    "target": "ES2022",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx"
+  },
+  "lib": ["ES2020"]
+}