@explorable-viz/fluid 0.9.0 → 0.9.3

package/.spago/web-storage/v5.0.0/.eslintrc.json

@@ -0,0 +1,29 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module"
+  },
+  "extends": "eslint:recommended",
+  "env": {
+    "browser": true
+  },
+  "rules": {
+    "strict": [2, "global"],
+    "block-scoped-var": 2,
+    "consistent-return": 2,
+    "eqeqeq": [2, "smart"],
+    "guard-for-in": 2,
+    "no-caller": 2,
+    "no-extend-native": 2,
+    "no-loop-func": 2,
+    "no-new": 2,
+    "no-param-reassign": 2,
+    "no-return-assign": 2,
+    "no-unused-expressions": 2,
+    "no-use-before-define": 2,
+    "radix": [2, "always"],
+    "indent": [2, 2],
+    "quotes": [2, "double"],
+    "semi": [2, "always"]
+  }
+}

package/.spago/web-storage/v5.0.0/.gitignore

@@ -0,0 +1,8 @@
+/.*
+!/.gitignore
+!/.eslintrc.json
+!/.github/
+package-lock.json
+/bower_components/
+/node_modules/
+/output/

package/.spago/web-xhr/v5.0.0/.eslintrc.json

@@ -0,0 +1,29 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module"
+  },
+  "extends": "eslint:recommended",
+  "env": {
+    "browser": true
+  },
+  "rules": {
+    "strict": [2, "global"],
+    "block-scoped-var": 2,
+    "consistent-return": 2,
+    "eqeqeq": [2, "smart"],
+    "guard-for-in": 2,
+    "no-caller": 2,
+    "no-extend-native": 2,
+    "no-loop-func": 2,
+    "no-new": 2,
+    "no-param-reassign": 2,
+    "no-return-assign": 2,
+    "no-unused-expressions": 2,
+    "no-use-before-define": 2,
+    "radix": [2, "always"],
+    "indent": [2, 2],
+    "quotes": [2, "double"],
+    "semi": [2, "always"]
+  }
+}

package/.spago/web-xhr/v5.0.0/.gitignore

@@ -0,0 +1,8 @@
+/.*
+!/.gitignore
+!/.eslintrc.json
+!/.github/
+package-lock.json
+/bower_components/
+/node_modules/
+/output/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorable-viz/fluid",
-  "version": "0.9.0",
+  "version": "0.9.3",
   "description": "A functional programming language which integrates a bidirectional dynamic analysis, connecting outputs to data sources in a fine-grained way. Fluid is implemented in PureScript and runs in the browser.",
   "main": "index.js",
   "repository": {
@@ -25,9 +25,6 @@
     "script/util/clean.sh",
     "script/util/lisp-case.sh",
     "website/article",
-    "website/css",
-    "website/font",
-    "website/shared",
     "script/install-article.sh",
     "script/util/serve.sh"
   ],
@@ -86,7 +83,7 @@
   },
   "bin": {
     "fluid": "./dist/fluid/shared/fluid.mjs",
-    "website-test": "./dist/fluid/shared/website-test.js",
+    "test-website": "./dist/fluid/shared/website-test.js",
     "install-article": "./script/install-article.sh",
     "bundle-website": "./script/bundle-website.sh"
   },

package/website/article/convolution/index.html

@@ -9,7 +9,6 @@
    <link href="../css/styles.css" rel="stylesheet" type="text/css">
    <link href="../css/view-styles.css" rel="stylesheet" type="text/css">
    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
-   <script src="../shared/util.js"></script>
    <style>
       .grid-container, .grid-container.data-pane-hidden {
          grid-template-columns: 0.8fr var(--toggle-button-width) var(--text-pane-width);

package/website/article/index.html

@@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-   <title>ESOP 2025 Submission 89 Anonymised Web Demo</title>
+   <title>Fluid Demo Articles</title>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
 </head>
@@ -15,7 +15,7 @@
    <div></div>
    <div class="flex-left-align">
       <div></div>
-      <h2>Fluid Article Demos</h2>
+      <h2>Fluid Demo Articles</h2>
 
       <a href="non-renewables">Non-renewable energy</a><br>
       <a href="moving-average">Moving average</a><br>

package/website/article/moving-average/index.html

@@ -9,7 +9,6 @@
    <link href="../css/styles.css" rel="stylesheet" type="text/css">
    <link href="../css/view-styles.css" rel="stylesheet" type="text/css">
    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
-   <script src="../shared/util.js"></script>
    <style>
       :root {
          --text-pane-width: 400px;
@@ -52,7 +51,7 @@
 <script type="module">
    import { loadFigure } from "../shared/load-figure.js"
    loadFigure("spec.json")("../fluid/moving-average.fld")()
-   
+
 </script>
 </body>
 </html>

package/website/article/non-renewables/index.html

@@ -9,7 +9,6 @@
    <link href="../css/styles.css" rel="stylesheet" type="text/css">
    <link href="../css/view-styles.css" rel="stylesheet" type="text/css">
    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
-   <script src="../shared/util.js"></script>
    <style>
       .data-pane {
          max-width: 475px;

package/website/shared/footer.html

@@ -1,6 +0,0 @@
-<div class="footer-grid-container">
-   <div></div>
-   <div class="flex-left-align">
-      <p>© Fluid Contributors 2019–2025</p>
-   </div>
-</div>

package/website/shared/header.html

@@ -1,27 +0,0 @@
-<div class="header-grid-container">
-   <div class="flex-right-align right-border">
-      <img class="fluid-logo" src="/image/fluid-logo.png" width="150px">
-      <h2 class="fluid-subtitle">explorable, self-explanatory research outputs</h2>
-   </div>
-   <div class="flex-left-align" style="justify-content: center; margin-left: 5px;">
-      <nav>
-         <ul>
-            <li><a href="https://github.com/explorable-viz/fluid">GitHub</a></li>
-            <li><a href="https://dl.acm.org/doi/10.1145/3498668">POPL 2022 paper</a></li>
-            <li><a href="https://www.youtube.com/watch?v=M_ePrtD9axk">POPL 2022 talk</a></li>
-            <li><a href="https://www.youtube.com/watch?v=2-S6yVyzypU">PROPL 2024</a></li>
-            <li><a href="https://www.youtube.com/watch?v=F3JaftEnFfM">ICCS Summer School</a></li>
-            <li><a href="https://arxiv.org/abs/2403.04403">ESOP 2025 preprint</a></li>
-         </ul>
-      </nav>
-      <nav>
-         <ul>
-            <li><a href="/">Overview</a></li>
-            <li><a href="/faq">FAQ</a></li>
-            <li><a href="/contributors">Contributors &amp; Funding</a></li>
-            <li><a href="/student-projects">Student Projects</a></li>
-         </ul>
-      </nav>
-      <div></div>
-   </div>
-</div>

package/website/shared/sub-header.html

@@ -1,12 +0,0 @@
-<div></div>
-<div></div>
-<div>
-   <h3 class="title">Overview</h3>
-   <nav class="sub-header">
-      <ul>
-         <li><a href="/">Transparent research outputs</a></li>
-         <li><a href="/convolution">Matrix convolution</a></li>
-         <li><a href="/moving-average">Moving average</a></li>
-      </ul>
-   </nav>
-</div>

package/website/shared/util.js

@@ -1,72 +0,0 @@
-function loadHeader () {
-   fetch('/shared/header.html')
-      .then(response => response.text())
-      .then(data => {
-         const header = document.createElement('div')
-         header.innerHTML = data
-         activateCurrentLink(header)
-         const divElement = header.children[0]
-         const grid = document.getElementById('grid')
-         grid.parentNode.insertBefore(divElement, grid)
-      })
-      .catch(error => console.error('Error loading shared HTML:', error))
-
-   fetch('/shared/footer.html')
-      .then(response => response.text())
-      .then(data => {
-         const footer = document.createElement('div')
-         footer.innerHTML = data
-         const divElement = footer.children[0]
-         const grid = document.getElementById('grid')
-         grid.parentNode.appendChild(divElement)
-      })
-      .catch(error => console.error('Error loading shared HTML:', error))
-}
-
-function eqPaths (path1, path2) {
-   const trailingSlashes = /\/+$/
-   return path1.replace(trailingSlashes, '') === path2.replace(trailingSlashes, '')
-}
-
-function activateCurrentLink (el) {
-   const listItems = el.querySelectorAll('li')
-   const n_ = Array.from(listItems).findIndex(li => {
-      const link = li.querySelector('a')
-      return link && eqPaths(link.getAttribute('href'), window.location.pathname)
-   })
-   if (n_ !== -1) {
-      listItems[n_].classList.add('active-page')
-   }
-}
-
-function loadSubHeader () {
-   fetch('/shared/sub-header.html')
-      .then(response => response.text())
-      .then(data => {
-         const header = document.createElement('div')
-         header.innerHTML = data
-         activateCurrentLink(header)
-         const divElements = header.children
-         const grid = document.getElementById('grid')
-         for (let i = Math.min(4, divElements.length - 1); i >= 0; --i) {
-            grid.insertBefore(divElements[i], grid.firstChild)
-         }
-      })
-      .catch(error => console.error('Error loading shared HTML:', error))
-}
-
-function toggleDataPane(gridId) {
-   const grid = document.getElementById(gridId)
-   const hidden = grid.classList.contains('data-pane-hidden')
-   const dataPaneButton = document.querySelector('.data-pane-button')
-
-   if (hidden) {
-      grid.classList.remove('data-pane-hidden')
-      dataPaneButton.classList.remove('fa-eye-slash')
-      dataPaneButton.classList.add('fa-eye')
-   } else {
-      grid.classList.add('data-pane-hidden')
-      dataPaneButton.classList.remove('fa-eye')
-      dataPaneButton.classList.add('fa-eye-slash')
-   }
-}