Spaces:

multimodalart
/

test-static

Sleeping

App Files Files Community

multimodalart HF Staff

XciD HF Staff commited on Apr 30, 2023

Commit

a548ebc

0 Parent(s):

Duplicate from XciD/test-static

Browse files

Co-authored-by: Adrien <[email protected]>

Files changed (9) hide show

.gitattributes +34 -0
Dockerfile +9 -0
README.md +12 -0
main.js +29 -0
style.css +28 -0
www2/index.html +11 -0
www2/requeststorageaccess.html +9 -0
www2/scripts/index.js +51 -0
www2/scripts/requeststorageaccess.js +7 -0

.gitattributes ADDED Viewed

	@@ -0,0 +1,34 @@

+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

Dockerfile ADDED Viewed

	@@ -0,0 +1,9 @@

+FROM node
+WORKDIR /usr/app
+ADD . .
+RUN npm install express
+CMD node main.js

README.md ADDED Viewed

	@@ -0,0 +1,12 @@

+---
+title: Test Static
+emoji: 🏢
+colorFrom: gray
+colorTo: red
+sdk: docker
+app_port: 3001
+pinned: false
+duplicated_from: XciD/test-static
+---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

main.js ADDED Viewed

	@@ -0,0 +1,29 @@

+'use strict'
+// Define the basic imports and constants.
+const express = require('express');
+const app = express();
+const embeddedApp = express();
+const port = 3000;
+const embeddedPort = 3001;
+// Setup the outside app with the www folder as static content.
+app.use(express.static('www'));
+// Create the outside app and run it.
+app.listen(port, () => {
+  console.log(`Open browser to http://localhost:${port}/ to begin.`);
+});
+// Create the embedded app with the www2 folder as static content and
+// set the cookie from the embedded app in the headers on all requests.
+embeddedApp.use(express.static('www2', {
+  setHeaders: function (res, path, stat) {
+    res.set('Set-Cookie', "embeddedCookie=Hello from an embedded third party cookie!;Path=/;Secure;SameSite=None");
+  }
+}));
+// Create the server and start it.
+embeddedApp.listen(embeddedPort, () => {
+  console.log(`Embedded server now running on ${embeddedPort}...`)
+});

style.css ADDED Viewed

	@@ -0,0 +1,28 @@

+body {
+	padding: 2rem;
+	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+}
+h1 {
+	font-size: 16px;
+	margin-top: 0;
+}
+p {
+	color: rgb(107, 114, 128);
+	font-size: 15px;
+	margin-bottom: 10px;
+	margin-top: 5px;
+}
+.card {
+	max-width: 620px;
+	margin: 0 auto;
+	padding: 16px;
+	border: 1px solid lightgray;
+	border-radius: 16px;
+}
+.card p:last-child {
+	margin-bottom: 0;
+}

www2/index.html ADDED Viewed

	@@ -0,0 +1,11 @@

+<head>
+    <title>Hello World from third party embedded URL</title>
+    <link rel="stylesheet" href="content/basic.css">
+    <script type="text/javascript" src="scripts/index.js"></script>
+</head>
+<body>
+    <h2>I am cross-domain embedded content in an iframe</h2>
+    <div id="cookieValue">Cookie cannot be found,
+     it's being rejected by the browser...</div>
+     <button id="requestStorageAccessButton">Click to request storage access</button>
+</body>

www2/requeststorageaccess.html ADDED Viewed

	@@ -0,0 +1,9 @@

+<head>
+    <title>Request Storage Access</title>
+    <link rel="stylesheet" href="content/basic.css">
+    <script type="text/javascript" src="scripts/requeststorageaccess.js"></script>
+</head>
+<body>
+    <h2>Hi there. This is my brand. Learn about it, then click the button.</h2>
+    <button id="theButton">Click to return</button>
+</body>

www2/scripts/index.js ADDED Viewed

	@@ -0,0 +1,51 @@

+// Helper function to get a cookie.
+// From https://stackoverflow.com/questions/10730362/get-cookie-by-name
+function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(';').shift();
+}
+document.addEventListener('DOMContentLoaded', event => {
+    // Always try to get the cookie.
+    const cookieValue = getCookie('embeddedCookie');
+    if (cookieValue) {
+        document.getElementById('cookieValue').innerText = cookieValue;
+    }
+});
+// Check for iOS / Safari.
+if (!!document.hasStorageAccess) {
+    document.hasStorageAccess().then(result => {
+        // If we don't have access we must request it, but the request
+        // must come from a UI event.
+        if (!result) {
+            // Show the button and tie to the click.
+            const requestStorageAccessButton =
+                  document.getElementById('requestStorageAccessButton');
+            requestStorageAccessButton.style.display = "block";
+            requestStorageAccessButton.addEventListener("click", event => {
+                // On UI event, consume the event by requesting access.
+                document.requestStorageAccess().then(result => {
+                    // Finally, we are allowed! Reload to get the cookie.
+                    window.location.reload();
+                }).catch(err => {
+                    // If we get here, it means either our page
+                    // was never loaded as a first party page,
+                    // or the user clicked 'Don't Allow'.
+                    // Either way open that now so the user can request
+                    // from there (or learn more about us).
+                    window.top.location = window.location.href +
+                                          "requeststorageaccess.html";
+                });
+            });
+        }
+    }).catch(err => console.error(err));
+}

www2/scripts/requeststorageaccess.js ADDED Viewed

	@@ -0,0 +1,7 @@

+document.addEventListener('DOMContentLoaded', event => {
+    document.getElementById('theButton').addEventListener("click", event => {
+        // Just go back to the outside iframe we came from.
+        window.history.back();
+    });
+});