@innovastudio/contentbuilder 1.4.83 → 1.4.85

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.83",
+  "version": "1.4.85",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [
@@ -55,10 +55,9 @@
     "cropperjs": "^1.5.12",
     "js-beautify": "^1.14.0",
     "moveable": "^0.30.0",
-    "opus-recorder": "^8.0.5",
     "rangy": "^1.3.0",
     "socket.io-client": "^4.7.1",
     "sortablejs": "^1.14.0",
-    "string-similarity": "^4.0.4"
+    "string-similarity-js": "^2.1.4"
   }
 }

package/public/contentbuilder/contentbuilder.esm.js

@@ -1,9 +1,5 @@
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
 var rangyCore = {exports: {}};
 
 /**
@@ -8551,7 +8547,7 @@ class Dom {
 
 var js$1 = {exports: {}};
 
-var src$1 = {};
+var src = {};
 
 var javascript = {exports: {}};
 
@@ -13690,9 +13686,9 @@ function style_html(html_source, options, js, css) {
 }
 style_html.defaultOptions = html_beautify.defaultOptions;
 
-src$1.js = js_beautify;
-src$1.css = css_beautify;
-src$1.html = style_html;
+src.js = js_beautify;
+src.css = css_beautify;
+src.html = style_html;
 
 /*jshint node:true */
 
@@ -13735,7 +13731,7 @@ function get_beautify(js_beautify, css_beautify, html_beautify) {
 
 {
   (function(mod) {
-    var beautifier = src$1;
+    var beautifier = src;
     beautifier.js_beautify = beautifier.js;
     beautifier.css_beautify = beautifier.css;
     beautifier.html_beautify = beautifier.html;
@@ -77398,14 +77394,8 @@ class Lib {
   }
 }
 
-var recorder_min = {exports: {}};
-
-(function (module, exports) {
-!function(e,t){module.exports=t();}("undefined"!=typeof self?self:commonjsGlobal,(function(){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n});},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,o){(function(t){function o(e,t){if(null==e)return {};var o,n,i=function(e,t){if(null==e)return {};var o,n,i={},r=Object.keys(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||(i[o]=e[o]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i}var n=t.AudioContext||t.webkitAudioContext,i=function e(){var t=this,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!e.isRecordingSupported())throw new Error("Recording is not supported in this browser");this.state="inactive",this.config=Object.assign({bufferLength:4096,encoderApplication:2049,encoderFrameSize:20,encoderPath:"encoderWorker.min.js",encoderSampleRate:48e3,maxFramesPerPage:40,mediaTrackConstraints:!0,monitorGain:0,numberOfChannels:1,recordingGain:1,resampleQuality:3,streamPages:!1,wavBitDepth:16,sourceNode:{context:null}},o),this.encodedSamplePosition=0,this.initAudioContext(),this.initialize=this.initWorklet().then((function(){return t.initEncoder()}));};i.isRecordingSupported=function(){var e=t.navigator&&t.navigator.mediaDevices&&t.navigator.mediaDevices.getUserMedia;return n&&e&&t.WebAssembly},i.version="8.0.5",i.prototype.clearStream=function(){this.stream&&(this.stream.getTracks?this.stream.getTracks().forEach((function(e){return e.stop()})):this.stream.stop());},i.prototype.close=function(){return this.monitorGainNode.disconnect(),this.recordingGainNode.disconnect(),this.sourceNode&&this.sourceNode.disconnect(),this.clearStream(),this.encoder&&(this.encoderNode.disconnect(),this.encoder.postMessage({command:"close"})),this.config.sourceNode.context?Promise.resolve():this.audioContext.close()},i.prototype.encodeBuffers=function(e){if("recording"===this.state){for(var t=[],o=0;o<e.numberOfChannels;o++)t[o]=e.getChannelData(o);this.encoder.postMessage({command:"encode",buffers:t});}},i.prototype.initAudioContext=function(){this.audioContext=this.config.sourceNode.context?this.config.sourceNode.context:new n,this.monitorGainNode=this.audioContext.createGain(),this.setMonitorGain(this.config.monitorGain),this.recordingGainNode=this.audioContext.createGain(),this.setRecordingGain(this.config.recordingGain);},i.prototype.initEncoder=function(){var e=this;this.audioContext.audioWorklet?(this.encoderNode=new AudioWorkletNode(this.audioContext,"encoder-worklet",{numberOfOutputs:0}),this.encoder=this.encoderNode.port):(console.log("audioWorklet support not detected. Falling back to scriptProcessor"),this.encodeBuffers=function(){return delete e.encodeBuffers},this.encoderNode=this.audioContext.createScriptProcessor(this.config.bufferLength,this.config.numberOfChannels,this.config.numberOfChannels),this.encoderNode.onaudioprocess=function(t){var o=t.inputBuffer;return e.encodeBuffers(o)},this.encoderNode.connect(this.audioContext.destination),this.encoder=new t.Worker(this.config.encoderPath));},i.prototype.initSourceNode=function(){var e=this;return this.config.sourceNode.context?(this.sourceNode=this.config.sourceNode,Promise.resolve()):t.navigator.mediaDevices.getUserMedia({audio:this.config.mediaTrackConstraints}).then((function(t){e.stream=t,e.sourceNode=e.audioContext.createMediaStreamSource(t);}))},i.prototype.initWorker=function(){var e=this,t=(this.config.streamPages?this.streamPage:this.storePage).bind(this);return this.recordedPages=[],this.totalLength=0,new Promise((function(n){e.encoder.addEventListener("message",(function o(i){var r=i.data;switch(r.message){case"ready":n();break;case"page":e.encodedSamplePosition=r.samplePosition,t(r.page);break;case"done":e.encoder.removeEventListener("message",o),e.finish();}})),e.encoder.start&&e.encoder.start();var i=e.config,r=(i.sourceNode,o(i,["sourceNode"]));e.encoder.postMessage(Object.assign({command:"init",originalSampleRate:e.audioContext.sampleRate,wavSampleRate:e.audioContext.sampleRate},r));}))},i.prototype.initWorklet=function(){return this.audioContext.audioWorklet?this.audioContext.audioWorklet.addModule(this.config.encoderPath):Promise.resolve()},i.prototype.pause=function(e){var t=this;if("recording"===this.state)return this.state="paused",this.recordingGainNode.disconnect(),e&&this.config.streamPages?new Promise((function(e){t.encoder.addEventListener("message",(function o(n){"flushed"===n.data.message&&(t.encoder.removeEventListener("message",o),t.onpause(),e());})),t.encoder.start&&t.encoder.start(),t.encoder.postMessage({command:"flush"});})):(this.onpause(),Promise.resolve())},i.prototype.resume=function(){"paused"===this.state&&(this.state="recording",this.recordingGainNode.connect(this.encoderNode),this.onresume());},i.prototype.setRecordingGain=function(e){this.config.recordingGain=e,this.recordingGainNode&&this.audioContext&&this.recordingGainNode.gain.setTargetAtTime(e,this.audioContext.currentTime,.01);},i.prototype.setMonitorGain=function(e){this.config.monitorGain=e,this.monitorGainNode&&this.audioContext&&this.monitorGainNode.gain.setTargetAtTime(e,this.audioContext.currentTime,.01);},i.prototype.start=function(){var e=this;return "inactive"===this.state?(this.state="loading",this.encodedSamplePosition=0,this.audioContext.resume().then((function(){return e.initialize})).then((function(){return Promise.all([e.initSourceNode(),e.initWorker()])})).then((function(){e.state="recording",e.encoder.postMessage({command:"getHeaderPages"}),e.sourceNode.connect(e.monitorGainNode),e.sourceNode.connect(e.recordingGainNode),e.monitorGainNode.connect(e.audioContext.destination),e.recordingGainNode.connect(e.encoderNode),e.onstart();})).catch((function(t){throw e.state="inactive",t}))):Promise.resolve()},i.prototype.stop=function(){var e=this;return "paused"===this.state||"recording"===this.state?(this.state="inactive",this.recordingGainNode.connect(this.encoderNode),this.monitorGainNode.disconnect(),this.clearStream(),new Promise((function(t){e.encoder.addEventListener("message",(function o(n){"done"===n.data.message&&(e.encoder.removeEventListener("message",o),t());})),e.encoder.start&&e.encoder.start(),e.encoder.postMessage({command:"done"});}))):Promise.resolve()},i.prototype.storePage=function(e){this.recordedPages.push(e),this.totalLength+=e.length;},i.prototype.streamPage=function(e){this.ondataavailable(e);},i.prototype.finish=function(){if(!this.config.streamPages){var e=new Uint8Array(this.totalLength);this.recordedPages.reduce((function(t,o){return e.set(o,t),t+o.length}),0),this.ondataavailable(e);}this.onstop();},i.prototype.ondataavailable=function(){},i.prototype.onpause=function(){},i.prototype.onresume=function(){},i.prototype.onstart=function(){},i.prototype.onstop=function(){},e.exports=i;}).call(this,o(1));},function(e,t){var o;o=function(){return this}();try{o=o||new Function("return this")();}catch(e){"object"==typeof window&&(o=window);}e.exports=o;}])}));
-}(recorder_min));
-
-var Recorder = /*@__PURE__*/getDefaultExportFromCjs(recorder_min.exports);
-
+// import RecordRTC  from 'recordrtc';
+// import Recorder from 'opus-recorder'; // Using Recorder
 const dom = new Dom();
 class Dictation {
   constructor(opts = {}, builder) {
@@ -77845,11 +77835,11 @@ class Dictation {
         this.mediaRecorder.stop();
         this.localStream.getTracks().forEach(track => track.stop()); // Stop the tracks to release the resources
       }
-    } else {
-      // Using Recorder
-      if (this.recorder) this.recorder.stop();
-      if (this.localStream) this.localStream.getTracks().forEach(track => track.stop()); // Stop the tracks to release the resources
-    }
+    } /* else {
+        // Using Recorder
+        if(this.recorder) this.recorder.stop();
+        if(this.localStream) this.localStream.getTracks().forEach(track => track.stop()); // Stop the tracks to release the resources
+      } */
 
     if (this.websocket && this.websocket.readyState === WebSocket.OPEN) {
       this.websocket.close();
@@ -77922,22 +77912,23 @@ class Dictation {
         }).catch(error => {
           console.log(error);
         });
-      } else {
-        // Using Recorder
-        this.recorder = new Recorder({
-          encoderPath: 'https://cdnjs.cloudflare.com/ajax/libs/opus-recorder/8.0.5/encoderWorker.min.js',
-          leaveStreamOpen: true,
-          numberOfChannels: 1,
-          // OPUS options
-          encoderSampleRate: sampleRate,
-          streamPages: true,
-          maxBuffersPerPage: 1
-        });
-        this.recorder.ondataavailable = e => {
-          if (this.aborted) return;
-          this.websocket.send(e.buffer);
-        };
-      }
+      } /* else {
+           // Using Recorder
+          this.recorder = new Recorder({
+              encoderPath: this.builder.encoderPath||
+                  'https://cdnjs.cloudflare.com/ajax/libs/opus-recorder/8.0.5/encoderWorker.min.js',
+              leaveStreamOpen: true,
+              numberOfChannels: 1,
+                           // OPUS options
+              encoderSampleRate: sampleRate,
+              streamPages: true,
+              maxBuffersPerPage: 1,
+          });
+          this.recorder.ondataavailable = (e) => {
+              if(this.aborted) return;
+              this.websocket.send(e.buffer);
+          };
+        } */
 
       /*
       // Using RecordRTC
@@ -77966,6 +77957,7 @@ class Dictation {
         }, 2000);
       }
       let finalTranscripts = '';
+      let speechTimeout;
       this.websocket.onmessage = event => {
         const message = JSON.parse(event.data);
         if (message.event === 'can-open-mic') {
@@ -77973,22 +77965,29 @@ class Dictation {
 
           if (this.builder.useMediaRecorder) {
             this.mediaRecorder.start(1000); // Using mediaRecorder
-          } else {
-            this.recorder.start(); // Using Recorder
-          }
+          } /* else {
+              this.recorder.start(); // Using Recorder
+            } */
 
           // console.log('Start Dictation');
           this.aborted = false;
         }
         if (message.event === 'transcript-result') {
-          const transcripts = message.data;
           if (this.builder.isInProgress || this.aborted) {
             return;
           }
-          finalTranscripts += ' ' + transcripts;
+          const transcript = message.data.channel.alternatives[0].transcript;
+          if (transcript && message.data.is_final) {
+            finalTranscripts += ' ' + transcript;
+          }
           inpCommand.value = finalTranscripts;
-          clearTimeout(this.speechTimeout);
-          this.speechTimeout = setTimeout(() => {
+          clearTimeout(speechTimeout);
+
+          // console.log('Writing..');
+
+          speechTimeout = setTimeout(() => {
+            // console.log('Clear');
+
             this.builder.commandText = '';
             finalTranscripts = '';
             if (this.builder.autoSendCommand) {
@@ -78089,72 +78088,51 @@ class Dictation {
   }
 }
 
-var src = {
-	compareTwoStrings:compareTwoStrings,
-	findBestMatch:findBestMatch
+var stringSimilarity = {};
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringSimilarity = void 0;
+/* global exports, Map */
+/**
+ * Calculate similarity between two strings
+ * @param {string} str1 First string to match
+ * @param {string} str2 Second string to match
+ * @param {number} [substringLength=2] Optional. Length of substring to be used in calculating similarity. Default 2.
+ * @param {boolean} [caseSensitive=false] Optional. Whether you want to consider case in string matching. Default false;
+ * @returns Number between 0 and 1, with 0 being a low match score.
+ */
+var stringSimilarity = function (str1, str2, substringLength, caseSensitive) {
+    if (substringLength === void 0) { substringLength = 2; }
+    if (caseSensitive === void 0) { caseSensitive = false; }
+    if (!caseSensitive) {
+        str1 = str1.toLowerCase();
+        str2 = str2.toLowerCase();
+    }
+    if (str1.length < substringLength || str2.length < substringLength)
+        return 0;
+    var map = new Map();
+    for (var i = 0; i < str1.length - (substringLength - 1); i++) {
+        var substr1 = str1.substr(i, substringLength);
+        map.set(substr1, map.has(substr1) ? map.get(substr1) + 1 : 1);
+    }
+    var match = 0;
+    for (var j = 0; j < str2.length - (substringLength - 1); j++) {
+        var substr2 = str2.substr(j, substringLength);
+        var count = map.has(substr2) ? map.get(substr2) : 0;
+        if (count > 0) {
+            map.set(substr2, count - 1);
+            match++;
+        }
+    }
+    return (match * 2) / (str1.length + str2.length - ((substringLength - 1) * 2));
 };
+exports.stringSimilarity = stringSimilarity;
+exports.default = exports.stringSimilarity;
 
-function compareTwoStrings(first, second) {
-	first = first.replace(/\s+/g, '');
-	second = second.replace(/\s+/g, '');
-
-	if (first === second) return 1; // identical or empty
-	if (first.length < 2 || second.length < 2) return 0; // if either is a 0-letter or 1-letter string
-
-	let firstBigrams = new Map();
-	for (let i = 0; i < first.length - 1; i++) {
-		const bigram = first.substring(i, i + 2);
-		const count = firstBigrams.has(bigram)
-			? firstBigrams.get(bigram) + 1
-			: 1;
-
-		firstBigrams.set(bigram, count);
-	}
-	let intersectionSize = 0;
-	for (let i = 0; i < second.length - 1; i++) {
-		const bigram = second.substring(i, i + 2);
-		const count = firstBigrams.has(bigram)
-			? firstBigrams.get(bigram)
-			: 0;
-
-		if (count > 0) {
-			firstBigrams.set(bigram, count - 1);
-			intersectionSize++;
-		}
-	}
-
-	return (2.0 * intersectionSize) / (first.length + second.length - 2);
-}
-
-function findBestMatch(mainString, targetStrings) {
-	if (!areArgsValid(mainString, targetStrings)) throw new Error('Bad arguments: First argument should be a string, second should be an array of strings');
-	
-	const ratings = [];
-	let bestMatchIndex = 0;
-
-	for (let i = 0; i < targetStrings.length; i++) {
-		const currentTargetString = targetStrings[i];
-		const currentRating = compareTwoStrings(mainString, currentTargetString);
-		ratings.push({target: currentTargetString, rating: currentRating});
-		if (currentRating > ratings[bestMatchIndex].rating) {
-			bestMatchIndex = i;
-		}
-	}
-	
-	
-	const bestMatch = ratings[bestMatchIndex];
-	
-	return { ratings: ratings, bestMatch: bestMatch, bestMatchIndex: bestMatchIndex };
-}
-
-function areArgsValid(mainString, targetStrings) {
-	if (typeof mainString !== 'string') return false;
-	if (!Array.isArray(targetStrings)) return false;
-	if (!targetStrings.length) return false;
-	if (targetStrings.find( function (s) { return typeof s !== 'string'})) return false;
-	return true;
-}
+}(stringSimilarity));
 
+// import stringSimilarity from 'string-similarity';
 class Similarity {
   constructor(builder) {
     this.builder = builder;
@@ -78184,7 +78162,7 @@ class Similarity {
     const normalizedCommand = command.toLowerCase();
     let maxSimilarity = 0;
     for (const cmd of list) {
-      const similarity = src.compareTwoStrings(normalizedCommand, cmd);
+      const similarity = stringSimilarity.stringSimilarity(normalizedCommand, cmd);
       if (similarity > maxSimilarity) {
         // console.log(list)
         // console.log(similarity)
@@ -78809,16 +78787,18 @@ class ContentBuilder {
       enableDragResize: true,
       simpleTextSettings: false,
       enableColumnsPerLine: true,
-      /* Prompt/Command Stuff */
+      /* Prompt/Command Stuff for AI Assistant */
       isContentBox: false,
       sendCommandUrl: 'http://localhost:8081/answer',
       // speechTranscribeUrl: 'http://192.168.1.7:8081',
       onlineDemo: false,
-      autoSendDelay: 3000,
+      autoSendDelay: 4000,
       commandPlaceholderText: '',
       enableShortCommands: true,
       speechRecognitionLang: 'en-US',
-      useMediaRecorder: false,
+      useMediaRecorder: true,
+      // do not change
+      encoderPath: '',
       headlineList: ['We create simple and effective designs.', 'Ultimate Experiences With Story, Emotion, And Purpose.', 'Build Anything Beautifully', 'With Less Stuff and More Compassion', 'We\'re [CompanyName]. Full stack development with a spark of creativity.', 'Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.', 'Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions.', 'Creative and Inspiring'],
       shortCommandList: {
         undo: ['undo'],