Upload folder using huggingface_hub

README.md

@@ -1,47 +1,17 @@
+
 ---
-title: gradio iFrame (Demo)
 tags: [gradio-custom-component,gradio-template-HTML,HTML,iFrame]
-emoji: 🪟
-colorFrom: yellow
-colorTo: gray
+title: gradio_iframe V0.0.4
+colorFrom: red
+colorTo: red
 sdk: docker
 pinned: false
-license: mit
+license: apache-2.0
 ---
 
-# gradio iFrame
-A custom gradio component to embed an iframe in a gradio interface. This component is based on the [HTML]() component.
-It's currently still a work in progress.
-
-## Usage
-
-The usage is similar to the HTML component. You can pass valid html and it will be rendered in the interface as an iframe, meaning you can embed any website or webapp that supports iframes. Also, JavaScript should run normal.
-
-You can still pass normal html that's not interactive.
-
-### Example
-
-```python
-import gradio as gr
-from gradio_iframe import iFrame
-
-gr.Interface(
-    iFrame(
-        label="iFrame Example",
-        value=("https://www.youtube.com/watch?v=dQw4w9WgXcQ"),
-        heigth="500px",
-        show_label=True)
-)
-```
-
-## Known Issues
-
-**There are many reason why it's not a good idea to embed websites in an iframe.**
-See [this](https://blog.bitsrc.io/4-security-concerns-with-iframes-every-web-developer-should-know-24c73e6a33e4), or just google "iframe security concerns" for more information. Also, iFrames will use additional computing power and memory, which can slow down the interface.
 
-Also this component is still a work in progress and not fully tested. Use at your own risk.
+# Name: gradio_iframe
 
-### Other Issues
+Description: Experimental empowered iFrame component based on existing HTML gradio component.
 
-- Height does not properly grow according to the inner component.
-- ...
+Install with: pip install gradio_iframe

src/.gitignore

@@ -6,3 +6,6 @@ __pycache__/
 __tmp/*
 *.pyi
 node_modules
+./dist/
+./dist
+/dist/

src/backend/gradio_iframe/iframe.pyi

@@ -49,7 +49,7 @@ class iFrame(Component):
             elem_id: An optional string that is assigned as the id of this component in the iFrame DOM. Can be used for targeting CSS styles.
             elem_classes: An optional list of strings that are assigned as the classes of this component in the iFrame DOM. Can be used for targeting CSS styles.
             render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
-            height: The height of the iFrame in pixels. If None, the height will be automatically set to 100%
+            height: The height of the iFrame in valid css (i.e "10px). If None, the height will be automatically set to 100%
         """
         super().__init__(
             label=label,

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_iframe"
-version = "0.0.4"
+version = "0.0.5"
 description = "Experimental empowered iFrame component based on existing HTML gradio component."
 readme = "README.md"
 license = "MIT"
@@ -36,7 +36,7 @@ classifiers = [
 dev = ["build", "twine"]
 
 [tool.hatch.build]
-artifacts = ["/backend/gradio_iframe/templates", "*.pyi", "backend/gradio_iframe/templates", "home/lennard/.virtualenvs/thesis/lib/python3.11/site-packages/gradio_iframe/templates", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates"]
+artifacts = ["/backend/gradio_iframe/templates", "*.pyi", "backend/gradio_iframe/templates", "home/lennard/.virtualenvs/thesis/lib/python3.11/site-packages/gradio_iframe/templates", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["/backend/gradio_iframe"]