@explorable-viz/fluid 0.7.100 → 0.7.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorable-viz/fluid",
-  "version": "0.7.100",
+  "version": "0.7.101",
   "description": "Fluid is an experimental programming language which integrates a bidirectional dynamic analysis to connect outputs to data sources in a fine-grained way. Fluid is implemented in PureScript and runs in the browser.",
   "main": "index.js",
   "repository": {
@@ -34,8 +34,9 @@
     "build-prod": "BUILD_ENV=prod ./script/build.sh",
     "build-test": "./script/build-test.sh",
     "bundle-fluid": "./script/bundle-fluid.sh",
-    "bundle-serve": "sh -c './script/bundle-website.sh -w \"$@\" && ./script/serve.sh \"$1\"' _",
+    "bundle-serve": "sh -c './script/bundle-website.sh \"$@\" && ./script/serve.sh \"$1\"' _",
     "bundle-website": "./script/bundle-website.sh",
+    "bundle-website-all": "./script/bundle-website-all.sh",
     "fluid": "node ./dist/fluid/shared/fluid.mjs",
     "npm-publish": "./script/npm-publish.sh",
     "serve": "./script/serve.sh",
@@ -57,7 +58,7 @@
     "datetime": "^0.0.3",
     "express": "^4.19.2",
     "express-static": "^1.2.6",
-    "http-serve": "^1.0.1",
+    "http-server": "^14.1.1",
     "http-shutdown": "^1.2.2",
     "node": "^22.11.0",
     "node-process": "^1.0.1",

package/script/bundle-website.sh

@@ -28,7 +28,7 @@ echo "Processing other static files:"
 set +xu  # try to remove +u
 TO_COPY=()
 shopt -s dotglob extglob
-for CHILD in website/$WEBSITE/!(.|..); do
+for CHILD in ${PREFIX_}website/$WEBSITE/!(.|..); do
    BASENAME="$(basename "$CHILD")"
    if [[ "$BASENAME" =~ ^[a-z.] ]]; then
       TO_COPY+=("$CHILD")

package/script/install-article.sh

@@ -3,4 +3,8 @@ set -xeu
 
 rm -rf website
 mkdir -p website
-cp -r node_modules/@explorable-viz/fluid/website/article website
+cp -r node_modules/@explorable-viz/fluid/website/{article,css,font,shared} website
+
+ln -s ../css website/article/css
+ln -s ../font website/article/font
+ln -s ../shared website/article/shared

package/website/article/css/styles.css

@@ -1,357 +0,0 @@
-@charset "UTF-8";
-@import url("https://fonts.googleapis.com/css2?family=Fira+Code&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
-
-@font-face {
-   font-family: 'OdiseanTech';
-   src: url('/font/OdiseanTech.woff2') format('woff2');
-   font-weight: normal;
-   font-style: normal;
-}
-
-@font-face {
-   font-family: 'GraphikLight';
-   src: url('/font/GraphikLight.woff2') format('woff2');
-   font-weight: 300;
-   font-style: normal;
-}
-
-@font-face {
-   font-family: 'GraphikLightItalic';
-   src: url('/font/GraphikLightItalic.woff2') format('woff2');
-   font-weight: 300;
-   font-style: italic;
-}
-
-@font-face {
-   font-family: 'GraphikMedium';
-   src: url('/font/GraphikMedium.woff2') format('woff2');
-   font-weight: 500;
-   font-style: normal;
-}
-
-@font-face {
-   font-family: 'GraphikMediumItalic';
-   src: url('/font/GraphikMediumItalic.woff2') format('woff2');
-   font-weight: 500;
-   font-style: italic;
-}
-
-.fluid-logo {
-   margin-bottom: 0;
-}
-
-.fluid-subtitle {
-   margin-bottom: 0;
-   margin-top: 0;
-   font-size: 12pt;
-}
-
-a:link {
-  color: darkslategray;
-}
-
-a:visited {
-  color: #004d40;
-}
-
-a:hover {
-  color: #009688;
-}
-
-a:active {
-  color: #003d33;
-}
-
-.right-justified {
-   margin-left: auto;
-   width: fit-content;
-}
-
-.nowrap {
-   white-space: nowrap;
-}
-
-code {
-   font-family: 'Ubuntu Mono', monospace;
-}
-
-body {
-   font-size: 12pt;
-   font-family: "GraphikLight", sans-serif;
-   font-weight: 300;
-   line-height: 1.25;
-   padding: 0;
-   margin: 0;
-   background-color: #FFFFFF;
-   color: #404040;
-   margin-bottom: 10em;
-}
-
-.para-text {
-   font-size: 9pt;
-}
-
-p {
-   margin-top: 1em;
-   margin-bottom: 1em;
-}
-
-p + p {
-   margin-top: 0;
-}
-
-svg {
-   overflow: visible;
-}
-
-.faq-question {
-   font-family: 'GraphikMedium';
-   color: darkslategrey;
-}
-
-.highlight {
-   font-family: 'GraphikMedium';
-}
-
-.align-right {
-   text-align: right;
-}
-
-h2 {
-   font-size: 18pt;
-}
-
-h3 {
-   width: 100%;
-   font-size: 16pt;
-   font-weight: bold;
-   margin-top: 10pt;
-   margin-bottom: 4pt;
-   border-bottom: 0.5px solid lightgray;
-}
-
-h4 {
-   font-size: 16pt;
-   font-weight: bold;
-   margin-top: 0.4em;
-   margin-bottom: 0;
-}
-
-.sub-header * {
-   font-size: 16pt;
-   margin-bottom: 4px;
-}
-
-ul {
-   padding-left: 20px;
-   margin-top: 0;
-   margin-bottom: 0;
-}
-
-li {
-   margin-bottom: 1ex;
-}
-
-li:last-child {
-   margin-bottom: 0;
-}
-
-.table-caption {
-   text-align: left;
-}
-
-nav ul {
-   padding-left: 0;
-   list-style: none;
-}
-
-nav ul li {
-   float: left;
-   overflow: hidden;
-   margin-bottom: 0;
-}
-
-nav ul li:not(:last-child)::after {
-   content: "•";
-   margin-right: 5px;
-   margin-left: 5px;
-}
-
-nav ul li.active-page a {
-   pointer-events: none;
-   color: inherit;
-   text-decoration: none;
-   cursor: default;
-   font-weight: bold;
-   color: rgb(135, 129, 255);
-}
-
-.cm-editor {
-   background: #2D2D2D;
-   color: #F0F0F0;
-}
-
-.cm-line {
-   font-family: 'Ubuntu Mono';
-   font-size: 10pt;
-}
-
-.cm-gutter {
-   background-color: #232323;
-}
-
-.cm-gutterElement {
-   font-family: 'Ubuntu Mono';
-   font-size: 10pt;
-   color: #88C0D0;
-}
-
-.right-border {
-   border-right: 0.5px solid lightgray;
-   padding-right: 6px;
-}
-
-.right-border + div {
-   padding-left: 4px
-}
-
-.header-grid-container {
-   display: grid;
-   background-color: #f0f0f0;
-   width: 100%;
-   grid-template-columns: 30% 1fr;
-   padding-top: 7px;
-   padding-bottom: 7px;
-}
-
-.footer-grid-container {
-   display: grid;
-   background-color: #f0f0f0;
-   width: 100%;
-   grid-template-columns: 30% 1fr;
-   margin-top: 10px;
-}
-
-:root {
-  --toggle-button-width: 24px;
-  --text-pane-width: 800px;
-}
-
-.grid-container {
-   display: grid;
-   grid-template-columns: auto var(--toggle-button-width) var(--text-pane-width);
-   justify-content: center;
-}
-
-.grid-container.data-pane-hidden {
-   grid-template-columns: 0 var(--toggle-button-width) var(--text-pane-width);
-}
-
-.grid-container.double-size {
-   max-width: 66.7vw; /* undo effect of transform: scale(1.5) for layout purposes */
-}
-
-.grid-container > :last-child {
-  padding-right: 10px;
-}
-
-.flex-bottom-align {
-   display: flex;
-   flex-direction: row;
-}
-
-.flex-bottom-align:first-child {
-   margin-top: auto;
-}
-
-.flex-left-align {
-   display: flex;
-   flex-direction: column;
-   align-items: start;
-}
-
-.flex-right-align {
-   display: flex;
-   flex-direction: column;
-   align-items: flex-end;
-}
-
-.flex-top-align {
-   display: flex;
-   flex-direction: row;
-   align-items: flex-start;
-}
-
-.flex-bottom-align {
-   display: flex;
-   flex-direction: row;
-   align-items: flex-end;
-}
-
-.data-pane-button {
-   font-size: 10pt;
-}
-
-.toggle-button {
-   color: #CCCCCC;
-   user-select: none;
-}
-
-.toggle-button:hover {
-   color: #999999;
-   cursor: pointer;
-}
-
-.data-pane-column {
-   border-right: 1px dotted #CCCCCC;
-}
-
-.data-pane-hidden .data-pane {
-   visibility: hidden;
-}
-
-.data-pane-hidden .data-pane * {
-   display: none;
-}
-
-.data-pane * {
-   font-size: 10pt;
-}
-
-.data-pane p {
-   margin-right: 3px;
-}
-
-/* Not actually double-size any more.. */
-.double-size {
-   transform: scale(1.5);
-   transform-origin: top;
-   --text-pane-width: 600px;
-}
-
-body.standalone {
-   height: 100%;
-   display: grid;
-   justify-items: center;
-   align-items: start;
-}
-
-/* Needed for contained height specifications to work */
-html {
-   height: 100%;
-}
-
-@keyframes fadeIn {
-   from { opacity: 0; }
-   to { opacity: 1; }
-}
-
-.fig-loading:only-child {
-   color: fuchsia;
-   animation: fadeIn 2s ease-in-out infinite alternate;
-}
-
-.fig-loading:not(:only-child) {
-   display: none;
-}

package/website/article/css/view-styles.css

@@ -1,190 +0,0 @@
-.legend-box {
-   stroke: lightgray;
-   stroke-width: 0.5px;
-   fill: none;
-}
-
-.legend-text {
-   font-size: 9pt;
-}
-
-.title-text {
-   fill: Black;
-   font-size: 9pt;
-}
-
-.table-view th {
-   font-size: 11px;
-   text-align: left;
-   border-bottom: 'thin solid';
-}
-
-.table-view td {
-   font-size: 11px;
-}
-
-.table-view td:nth-child(1) {
-   color: lightgray;
-}
-
-table {
-   border-collapse: collapse;
-}
-
-thead {
-   border-top: 0.5px solid lightgray;
-}
-
-.table-cell {
-   border-radius: 0px;
-}
-
-td.table-cell {
-   background-color: white;
-}
-
-.table-cell.inert {
-   color: lightgrey;
-}
-
-.table-cell.selected-primary-persistent {
-   background-color: #93E9BE;
-}
-
-.table-cell.selected-secondary-persistent {
-   background-color: rgb(226, 226, 226);
-}
-
-.table-cell.selected-primary-transient {
-   color: blue;
-   font-weight: 600;
-}
-
-.table-cell.selected-secondary-transient {
-   /* color: royalblue; */
-}
-
-.table-row {
-   display: table-row;
-}
-
-.table-row.hidden {
-   visibility: collapse;
-}
-
-/* hack to match Safari-only */
-@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
-   .table-row.hidden {
-      display: none; /* suboptimal for table rows but Safari doesn't support visibility: collapse */
-   }
-}
-
-.linked-text {
-   border-radius: 0px;
-   background-color: White;
-   border-bottom-style: solid;
-   border-bottom-color: white;
-   border-bottom-width: 1px;
-   display: inline;
-}
-
-.linked-text.inert {
-   fill: lightgrey;
-}
-
-.linked-text.selected-primary-persistent {
-   background-color: #93E9BE;
-}
-
-.linked-text.selected-primary-transient {
-   border-bottom-color: blue;
-}
-
-.linked-text.selected-secondary-persistent {
-   background-color: rgb(226, 226, 226);
-}
-
-.linked-text.selected-secondary-transient {
-   border-bottom-color: lightblue;
-}
-
-.matrix-cell {
-   stroke: DarkGray;
-   fill: White;
-}
-
-.matrix-cell.inert {
-   stroke: DarkGray;
-   fill: rgb(185, 185, 185);
-}
-
-.matrix-cell.selected-primary-persistent {
-   fill: LightGreen;
-}
-
-.matrix-cell.selected-secondary-persistent {
-   fill: rgb(214, 240, 214)
-}
-
-.matrix-cell.selected-primary-transient {
-}
-
-.matrix-cell.selected-secondary-transient {
-}
-
-.matrix-cell-text {
-   font-size: 10pt;
-   font-family: "GraphikLight", sans-serif;
-   color: rgb(205, 205, 205)
-}
-
-.matrix-cell-text.selected-primary-persistent {
-   font-weight: 400;
-   color: darkgreen
-}
-
-.matrix-cell-text.selected-secondary-persistent {
-   color: green
-}
-
-.matrix-cell-text.selected-primary-transient {
-   font-weight: 400;
-   color: blue
-}
-
-.matrix-cell-text.selected-secondary-transient {
-   color: royalblue
-}
-
-.scatterplot-point {
-   fill: white;
-   stroke: black;
-}
-
-.scatterplot-point.inert {
-   fill: rgb(185,185,185);
-   stroke: black;
-}
-
-.scatterplot-point.selected-primary-persistent {
-   fill: LightGreen;
-   stroke: teal;
-}
-
-.scatterplot-point.selected-secondary-transient {
-   stroke: blue;
-   stroke-width: 1;
-}
-
-.scatterplot-point.selected-primary-transient {
-   stroke: blue;
-   stroke-width: 1;
-}
-
-.scatterplot-point.selected-secondary-persistent {
-   fill: rgb(226, 226, 226);
-}
-
-.scatterplot-point.selected-secondary-transient {
-   stroke-width: 1;
-}