OPC is added

OPC.js

@@ -0,0 +1,53 @@
+class OPC {
+	static options = {};
+	static variables = [];
+	constructor(container = null) {
+		this.container = container;
+		this.options = {};
+		this.variables = [];
+	}
+
+	static slider(variableName, value, min = 0, max = null, step = null){
+		max = max == null? value*2: max;
+		step = step == null? value/10: step;
+
+		this.options[variableName] = {
+			name: variableName,
+			type: 'slider',
+			value: value,
+			min: min,
+			max: max,
+			step: step
+		}
+		this.callParentFunction('OPC', this.options[variableName] );
+		//delete existing
+		Object.defineProperty(window, variableName, {
+			get: function () {
+				return OPC.options[variableName].value;
+			}
+		});
+		this.callParentFunction('OPC', this.options[variableName]);
+		return true;
+	} 
+
+	static set = function (variableName, value){
+		OPC.options[variableName].value = value;
+	}
+
+	static callParentFunction = function (functionName, arg = {}) {
+		//this.console.log(arg);
+		// below might fail if arg can not be cloned to be sent over.
+		// console.profile('callParentFunction');
+		try {
+			//try sending as is
+			window.parent.postMessage({
+				'messageType': functionName,
+				'message': window.OP_makeTransmittable(arg, 0)
+			}, '*');
+		} catch (error) {
+			console.log('postMessage', error);
+
+		}
+	}
+
+}