Upload folder using huggingface_hub

README.md

@@ -2,8 +2,8 @@
 ---
 tags: [gradio-custom-component,gradio-template-HTML,HTML,iFrame]
 title: gradio_iframe V0.0.4
-colorFrom: blue
-colorTo: yellow
+colorFrom: red
+colorTo: green
 sdk: docker
 pinned: false
 license: apache-2.0

src/README.md

@@ -8,7 +8,7 @@ The usage is similar to the HTML component. You can pass valid html and it will
 Also, JavaScript should run normal. You can even pass an iframe inside an iframe (see below!), i.e. a youtube or spotify embed.
 
 The size will adjust to the size of the iframe (onload), **this is gonna be a bit delayed**. The width is default at 100%. 
-You can also set the height and width manually.
+You can also set the height and width manually. 
 
 ### Example
 

src/backend/gradio_iframe/templates/component/index.js

@@ -87,13 +87,13 @@ function ut(n) {
   };
 }
 function dt(n, t, e) {
-  let { elem_classes: l = [] } = t, { value: i } = t, { visible: s = !0 } = t, { min_height: o = !1 } = t, { height: a } = t, { width: r = "100%" } = t;
+  let { elem_classes: l = [] } = t, { value: i } = t, { visible: s = !0 } = t, { min_height: o = !1 } = t, { height: a = "100%" } = t, { width: r = "100%" } = t;
   const f = ct();
   let _;
   const m = () => {
     try {
       const c = _.contentDocument || _.contentWindow.document;
-      if (a === void 0) {
+      if (a === "100%") {
         const v = c.documentElement.scrollHeight;
         e(6, _.style.height = `${v}px`, _);
       }

src/frontend/shared/HTML.svelte

@@ -5,7 +5,7 @@
 	export let visible = true;
 	export let min_height = false;
 
-	export let height;
+	export let height = "100%";
 	export let width = "100%";
 
 	const dispatch = createEventDispatcher<{ change: undefined }>();
@@ -15,7 +15,7 @@
     const onLoad = () => {
 		try {
 			const iframeDocument = iframeElement.contentDocument || iframeElement.contentWindow.document;
-			if (height === undefined) {
+			if (height === "100%") {
 				const height = iframeDocument.documentElement.scrollHeight;
 				iframeElement.style.height = `${height}px`;
 			}

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_iframe"
-version = "0.0.6"
+version = "0.0.7"
 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", "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", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates", "backend/gradio_iframe/templates"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["/backend/gradio_iframe"]