Spaces:

kramp
/

space-tester

Running

kramp HF Staff commited on Dec 5, 2022

Commit

644c4fc

1 Parent(s): 1b2afe2

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -8,17 +8,31 @@
 	</head>
 	<body>
 		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>
-				You can modify this app directly by editing <i>index.html</i> in the
-				Files and versions tab.
-			</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank"
-					>Spaces documentation</a
-				>.
-			</p>
 		</div>
 	</body>
 </html>

 	</head>
 	<body>
 		<div class="card">
+			<h1>Space tester</h1>
+			<form>
+              <fieldset name="urlparams">
+            		<legend>URL params</legend>
+                        <div>
+                			<label>Query params <input name="queryparams" type="text" placeholder="?key=value"></label>
+                        </div>
+                         <div>
+                			<label>Hash <input name="hash" type="text" placeholder="#hash"></label>
+                        </div>
+                        <div>
+                            <button type="button">Update embedder URL</button>
+                        </div>
+            	</fieldset>
+            </form>
 		</div>
+        <script async>
+            const urlparams = document.querySelector('[name="urlparams"]');
+            urlparams.querySelector('button').addEventListener('click', () => {
+                const queryString = urlparams.querySelector('[name="queryparams"]').value;
+                const hash = urlparams.querySelector('[name="hash"]').value;
+                if(hash || queryString) {
+                  window.parent.postMessage(JSON.stringify( {hash, queryString }));
+                }
+            });
+        </script>
 	</body>
 </html>