support new VSA urls

editor/base64.js

@@ -0,0 +1,4 @@
+export const decode = s => Uint8Array.from(atob(s), c => c.charCodeAt(0));
+export const encode = b => btoa(String.fromCharCode(...new Uint8Array(b)));
+export const decodeToString = s => new TextDecoder().decode(decode(s));
+export const encodeString = s => encode(new TextEncoder().encode(s));

editor/compressor.js

@@ -0,0 +1,4 @@
+/* global LZMA */
+
+const compressor = new LZMA( 'js/lzma_worker.js' );
+export default compressor;

editor/index.js

@@ -1,8 +1,7 @@
-/* global LZMA */
 /* global WavMaker */
 import '../js/scrollbars.js';
 import * as twgl from '../js/twgl-full.module.js';
-
+import compressor from './compressor.js';
 import { createElem as el } from './elem.js';
 
 import ByteBeatNode from '../src/ByteBeatNode.js';
@@ -66,7 +65,6 @@ let visualTypeElem;
 let saveElem;
 let compileStatusElem;
 let canvas;
-let compressor;
 let controls;
 let doNotSetURL = true;
 const g_slow = false;
@@ -134,7 +132,6 @@ const setVisualizer = ndx => {
 };
 
 async function main() {
-  compressor = new LZMA( 'js/lzma_worker.js' );
   canvas = $('visualization');
   controls = $('controls');
 

editor/visualizers/effects/VSAEffect.js

@@ -1,5 +1,9 @@
 
 import * as twgl from '../../../js/twgl-full.module.js';
+import {
+  decode,
+} from '../../base64.js';
+import compressor from '../../compressor.js';
 
 const m4 = twgl.m4;
 
@@ -305,11 +309,19 @@ export default class VSAEffect {
       this.currentUrl = this.pendingUrl;
       this.pendingUrl = undefined;
       this.compiling = true;
-      const mungedUrl = url.includes('vertexshaderart.com')
-        ? `${url}/art.json`
-        : url;
-      const req = await fetch(mungedUrl);
-      const vsa = await req.json();
+      let vsa;
+      if (u.hash.includes('s=')) {
+        const q = new URLSearchParams(u.hash.substring(1));
+        const bytes = decode(q.get('s'));
+        const text = await new Promise((resolve, reject) => compressor.decompress(bytes, resolve, () => {}, reject));
+        vsa = JSON.parse(text);
+      } else {
+        const mungedUrl = url.includes('vertexshaderart.com')
+          ? `${url}/art.json`
+          : url;
+        const req = await fetch(mungedUrl);
+        vsa = await req.json();
+      }
       const gl = this.gl;
       const vs = applyTemplateToShader(vsa.settings.shader);
       const programInfo = await twgl.createProgramInfoAsync(gl, [vs, s_fs]);