Rpatel/embedded codemod widget

docs/introduction/overview.mdx

@@ -9,7 +9,40 @@ iconType: "solid"
 
 It provides a scriptable interface to a powerful, multi-lingual language server built on top of [Tree-sitter](https://tree-sitter.github.io/tree-sitter/).
 
-<iframe src="https://chadcode.sh/embedded/123" className="w-full h-96"></iframe>
+export const intoSnippet = `# grabs codebase content
+
+file = codebase.files[0] # or .get_file("test.py")
+function = codebase.functions[0] # or .get_symbol("my_func")
+
+# print logs
+
+print(f'# of files: {len(codebase.files)}')
+print(f'# of functions: {len(codebase.functions)}')
+
+# make edits
+
+file.edit('🌈' + file.content) # edit contents
+function.rename('new_name') # rename
+function.set_docstring('new docstring') # set docstring
+
+# ... etc.
+
+`
+
+<iframe
+  width="100%"
+  height="300px"
+  scrolling="no"
+  src={`https://www.chadcode.sh/embedded/codemod/?code=${encodeURIComponent(
+    intoSnippet
+  )}`}
+  className="rounded-md"
+  style={{
+    borderRadius: "0.5rem",
+    borderColor: "rgb(var(--primary-light))",
+    borderWidth: "1px",
+  }}
+></iframe>
 
 ## Installation