light9 Changeset - 1ef921880e37

Changeset - 1ef921880e37

Parent rev.

Child rev.

[Not reviewed]

default

0 3 4

drewp@bigasterisk.com - 3 years ago 2022-06-01 08:12:23
drewp@bigasterisk.com

start fade (replaces KC)

7 files changed with 146 insertions and 8 deletions:

bin/fade

light9/fade/web/Light9FadeUi.ts

light9/fade/web/index.html

light9/fade/web/vite.config.ts

package.json

pnpm-lock.yaml

show/dance2019/networking.n3

0 comments (0 inline, 0 general)

bin/fade

➞

Show inline comments

@@ file copied from bin/effectListing to bin/fade @@
 #!/bin/sh
-pnpx vite -c light9/effect/listing/web/vite.config.ts &
+pnpx vite -c light9/fade/web/vite.config.ts &
 wait

light9/fade/web/Light9FadeUi.ts

➞

Show inline comments

@@ new file 100644 @@
 import debug from "debug";
 import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { NamedNode } from "n3";
 import { getTopGraph } from "../../web/RdfdbSyncedGraph";
 import { SyncedGraph } from "../../web/SyncedGraph";
 import { provideFASTDesignSystem, fastSlider, fastSliderLabel } from "@microsoft/fast-components";
 provideFASTDesignSystem().register(fastSlider(), fastSliderLabel());
 debug.enable("*");
 const log = debug("fade");
 @customElement("light9-fade-ui")
 export class Light9FadeUi extends LitElement {
   static styles = [
     css`
       :host {
         display: block;
+      }
     `,
   ];
   render() {
     return html`
       <rdfdb-synced-graph></rdfdb-synced-graph>
       <h1>Fade <a href="metrics">[metrics]</a></h1>
       <light9-fader></light9-fader>
       <light9-fader></light9-fader>
     `;
+  }
   graph!: SyncedGraph;
   constructor() {
     super();
     getTopGraph().then((g) => {
       this.graph = g;
     });
+  }
+}
 @customElement("light9-fader")
 export class Light9Fader extends LitElement {
   static styles = [
     css`
       :host {
         display: inline-block;
+      }
       fast-slider {
         height: 256px;
+      }
       fast-slider > .track {
         background: #e3bbc0;
         box-shadow: 0 0 8px;
+      }
       fast-slider {
         --accent-foreground-rest: #0a0a0c;
+      }
     `,
   ];
   render() {
     return html`
       <fast-slider orientation="vertical" value=${this.value} step=${1 / 255} min="1" max="0" @change=${this.onSliderInput}>
         <fast-slider-label label="0"></fast-slider-label>
         <fast-slider-label label="1.0"></fast-slider-label>
       </fast-slider>
       <div>${this.value.toPrecision(3)}</div>
       <div>curtain</div>
       <div>Slider 1</div>
     `;
+  }
   graph!: SyncedGraph;
   @property() value: number = 0.111;
   constructor() {
     super();
     getTopGraph().then((g) => {
       this.graph = g;
     });
+  }
   onSliderInput(ev: CustomEvent) {
     this.value = (ev.target as any).valueAsNumber;
+  }
+}

light9/fade/web/index.html

➞

Show inline comments

 <!doctype html>
 <html>
   <head>
-    <title>effect listing</title>
+    <title>fade</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="./style.css">
-    <script type="module" src="../effectListing/Light9EffectListing"></script>
+    <script type="module" src="../fade/Light9FadeUi"></script>
   </head>
   <body>
-    <light9-effect-listing></light9-effect-listing>
+    <light9-fade-ui></light9-fade-ui>
   </body>
 </html>

light9/fade/web/vite.config.ts

➞

Show inline comments

 import { defineConfig } from "vite";
-const servicePort = 8218;
+const servicePort = 8219;
 export default defineConfig({
   base: "/effectListing/",
   root: "./light9/effect/listing/web",
   base: "/fade/",
   root: "./light9/fade/web",
   publicDir: "../web",
   server: {
     host: "0.0.0.0",
     strictPort: true,
     port: servicePort + 100,
     hmr: {

package.json

➞

Show inline comments

@@ @@ -7,12 +7,13 @@ @@
   "main": "index.js",
   "directories": {
     "test": "test"
   },
   "dependencies": {
     "@material/mwc-slider": "^0.26.1",
     "@microsoft/fast-components": "^2.30.6",
     "@types/async": "^3.2.13",
     "@types/d3": "^7.1.0",
     "@types/debug": "^4.1.7",
     "@types/n3": "^1.10.4",
     "@types/node": "^17.0.31",
     "@types/reconnectingwebsocket": "^1.0.7",

pnpm-lock.yaml

➞

Show inline comments

 lockfileVersion: 5.3
 specifiers:
   '@material/mwc-slider': ^0.26.1
   '@microsoft/fast-components': ^2.30.6
   '@types/async': ^3.2.13
   '@types/d3': ^7.1.0
   '@types/debug': ^4.1.7
   '@types/n3': ^1.10.4
   '@types/node': ^17.0.31
   '@types/reconnectingwebsocket': ^1.0.7
@@ @@ -23,12 +24,13 @@ specifiers: @@
   underscore: ^1.13.3
   vite: ^2.9.9
   vite-plugin-rewrite-all: ^0.1.2
 dependencies:
   '@material/mwc-slider': 0.26.1
   '@microsoft/fast-components': 2.30.6
   '@types/async': 3.2.13
   '@types/d3': 7.1.0
   '@types/debug': 4.1.7
   '@types/n3': 1.10.4
   '@types/node': 17.0.31
   '@types/reconnectingwebsocket': 1.0.7
@@ @@ -166,12 +168,45 @@ packages: @@
     dependencies:
       '@material/feature-targeting': 14.0.0-canary.53b3cad2f.0
       '@material/theme': 14.0.0-canary.53b3cad2f.0
       tslib: 2.4.0
     dev: false
   /@microsoft/fast-colors/5.3.0:
     resolution: {integrity: sha512-MtuVlnvoirgc3cyEGzkDdv+zlEt0dEm7y3HaBqoOYwti5OVROi7x99Kbn/cWGlqF13+a/TEX6L8IkYW0/LT7Yw==}
     dev: false
   /@microsoft/fast-components/2.30.6:
     resolution: {integrity: sha512-q6nPiRyA/8HHqCbN4ClziJfOfFaTIVIyBUTSJTcO7ODzkr8oEin7VzKJNoIP/qMpKMkg90wxwLOucr6nsokApw==}
     dependencies:
       '@microsoft/fast-colors': 5.3.0
       '@microsoft/fast-element': 1.10.2
       '@microsoft/fast-foundation': 2.46.9
       '@microsoft/fast-web-utilities': 5.4.1
       tslib: 1.14.1
     dev: false
   /@microsoft/fast-element/1.10.2:
     resolution: {integrity: sha512-Nh80AEx/caDe4jhFYNT75sTG4k6MWy1N6XfgyhmejAX0ylivYy0M78WI2JgQOqi2ZRozCiNcpAPLVhYyAVN9sA==}
     dev: false
   /@microsoft/fast-foundation/2.46.9:
     resolution: {integrity: sha512-jgkVT7bAWIV844eDj3V9cmYFsRIcJ8vMuB4h2SlkJ9EmFbCfimvh6RyAhsHv+bC6QZSS0N0bpZHm5A5QsWgi3Q==}
     dependencies:
       '@microsoft/fast-element': 1.10.2
       '@microsoft/fast-web-utilities': 5.4.1
       tabbable: 5.3.3
       tslib: 1.14.1
     dev: false
   /@microsoft/fast-web-utilities/5.4.1:
     resolution: {integrity: sha512-ReWYncndjV3c8D8iq9tp7NcFNc1vbVHvcBFPME2nNFKNbS1XCesYZGlIlf3ot5EmuOXPlrzUHOWzQ2vFpIkqDg==}
     dependencies:
       exenv-es6: 1.1.1
     dev: false
   /@rdfjs/types/1.1.0:
     resolution: {integrity: sha512-5zm8bN2/CC634dTcn/0AhTRLaQRjXDZs3QfcAsQKNturHT7XVWcKy/8p3P5gXl+YkZTAmy7T5M/LyiT/jbkENw==}
     dependencies:
       '@types/node': 17.0.31
     dev: false
@@ @@ -884,12 +919,16 @@ packages: @@
       esbuild-sunos-64: 0.14.34
       esbuild-windows-32: 0.14.34
       esbuild-windows-64: 0.14.34
       esbuild-windows-arm64: 0.14.34
     dev: false
   /exenv-es6/1.1.1:
     resolution: {integrity: sha512-vlVu3N8d6yEMpMsEm+7sUBAI81aqYYuEvfK0jNqmdb/OPXzzH7QWDDnVjMvDSY47JdHEqx/dfC/q8WkfoTmpGQ==}
     dev: false
   /fsevents/2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
     dev: false
@@ @@ -1072,12 +1111,20 @@ packages: @@
   /sylvester/0.0.21:
     resolution: {integrity: sha1-KYexzivS84sNzio0OIiEv6RADqc=}
     engines: {node: '>=0.2.6'}
     dev: false
   /tabbable/5.3.3:
     resolution: {integrity: sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==}
     dev: false
   /tslib/1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: false
   /tslib/2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: false
   /typescript/4.7.2:
     resolution: {integrity: sha512-Mamb1iX2FDUpcTRzltPxgWMKy3fhg0TN378ylbktPGPK/99KbDtMQ4W1hwgsbPAsG3a0xKa1vmw4VKZQbkvz5A==}

show/dance2019/networking.n3

➞

Show inline comments

@@ @@ -18,12 +18,13 @@ sh:netHome @@
   :subServer        <http://localhost:8211/>;
   :vidref           <http://localhost:8212/>;
   :webServer        <http://localhost:8200/>;
   :timeline         <http://localhost:8216/>;
   :live             <http://localhost:8217/>;
   :effectListing    <http://localhost:8218/>;
   :fade             <http://localhost:8219/>;
   :collector        <http://localhost:8202/>;
   :collectorZmq     <http://localhost:8203/> .
 :captureDevice    :urlPath "captureDevice" .
 :collector        :urlPath "collector" .
@@ @@ -35,7 +36,8 @@ sh:netHome @@
 :paintServer      :urlPath "paintServer" .
 :rdfdb            :urlPath "rdfdb" .
 :subServer        :urlPath "subServer" .
 :vidref           :urlPath "vidref" .
 :timeline         :urlPath "timeline" .
 :live             :urlPath "live" .
 :effectListing    :urlPath "effectListing" .
@@ \ No newline at end of file @@
 :effectListing    :urlPath "effectListing" .
 :fade             :urlPath "fade" .

0 comments (0 inline, 0 general)