Refactored instances of dagitty to models4pt in gui/dagitty.js file and dependencies

Author: scollinspt

gui/dags.html

@@ -57,21 +57,21 @@
         dag_model_text_data : null
     };
 
-    var DAGittyControl;
+    var Models4PTControl;
 
     function initialize(){
 
 
-        DAGitty.setup({autofocus:true});
-        DAGittyControl = DAGitty.controllers[0];
+      Models4PT.setup({autofocus:true});
+      Models4PTControl = Models4PT.controllers[0];
 
         GUI.menus = ["model","examples","howto","layout","help"]
         _.each(GUI.menus,function(t){
             document.getElementById("menu_"+t+"_title").addEventListener( 'click', 
                 function(){menuToggle(t)} );
         });
 
-        DAGittyControl.observe( 'graphchange',
+        Models4PTControl.observe( 'graphchange',
             function(g){
                 Model.dag = g;
                 document.getElementById("adj_matrix").value = g.toString();
@@ -86,13 +86,13 @@
             }
         );
 
-        DAGittyControl.observe( 'graphlayoutchange',
+        Models4PTControl.observe( 'graphlayoutchange',
             function(g){
                 document.getElementById("adj_matrix").value = g.toString();
             }
         );
 
-        DAGittyControl.observe( 'vertex_marked',
+        Models4PTControl.observe( 'vertex_marked',
             function( v ){
                 if( v ){
                     displayShow( 'variable' )
@@ -120,13 +120,13 @@
             // load user-supplied model
             loadOnline( "dagitty.net/m"+getid );
         } else {
-            DAGittyControl.graphChanged();
+         Models4PTControl.graphChanged();
         }
 
         document.onkeydown = function(e){
             if( e.keyCode == 27 ){
-                DAGittyControl.getView().getImplementation().stopMousemove()
-                DAGittyControl.getView().closeDialog()
+               Models4PTControl.getView().getImplementation().stopMousemove()
+               Models4PTControl.getView().closeDialog()
             }
         }
     }
@@ -211,7 +211,7 @@
       <li style="float:none; overflow: hidden; border-right: none;"> &nbsp;</li>
    </ul>
 
-   <div id="canvas" class="dagitty" data-mutable="true">
+   <div id="canvas" class="models4pt" data-mutable="true">
 A [selected,pos="-2.200,-1.520"]
 B [pos="1.400,-1.460"]
 D [outcome,pos="1.400,1.621"]
@@ -257,8 +257,8 @@ <h3 onclick="displayToggle('variable')"><img src="images/arrow-down.png" alt=""
     <input type="hidden" id="variable_id" value="">
 
     <p>
-        <button type="button" onclick="DAGittyControl.deleteVertex(document.getElementById('variable_id').value)">delete</button>
-        <button type="button" onclick="DAGittyControl.getView().renameVertexDialog(document.getElementById('variable_id').value)">rename</button>
+        <button type="button" onclick="Models4PTControl.deleteVertex(document.getElementById('variable_id').value)">delete</button>
+        <button type="button" onclick="Models4PTControl.getView().renameVertexDialog(document.getElementById('variable_id').value)">rename</button>
     </p>
 
       </form>

gui/js/dagitty.js

@@ -8649,7 +8649,7 @@ var Models4PTController = Class.extend({
 	}
 })
 
-var DAGitty = {
+var Models4PT = {
 	makeController : function( el, op ){
 		for( var k of Object.keys( el.dataset ) ){
 			if( !op.hasOwnProperty( k ) ){
@@ -8684,7 +8684,8 @@ var DAGitty = {
 			var tags = op.tags || ["div", "pre"]
 			for( var j = 0 ; j < tags.length ; j ++ ){
 				var divs = document.getElementsByTagName( tags[j] )
-				var re = new RegExp("\\bdagitty\\b")
+				// var re = new RegExp("\\bdagitty\\b")
+				var re = new RegExp("\\bmodels4pt\\b")
 				for( var i = 0 ; i < divs.length ; i ++ ){
 					el = divs.item(i)
 					if( re.test(el.className) ){
@@ -8702,8 +8703,8 @@ var DAGitty = {
 		return this.controllers_by_id[id]
 	},
 	resize : function(){
-		for( var i = 0 ; i < DAGitty.controllers.length ; i ++ ){
-			DAGitty.controllers[i].getView().resize()
+		for( var i = 0 ; i < Models4PT.controllers.length ; i ++ ){
+			Models4PT.controllers[i].getView().resize()
 		}
 	},
 	Math : {
@@ -8796,7 +8797,7 @@ var DAGitty = {
 }
 
 
-/* globals DAGitty,Class,_ */
+/* globals Models4PT,Class,_ */
 /* exported GraphGUI_SVG */
 
 var svgns = "http://www.w3.org/2000/svg"
@@ -8829,10 +8830,10 @@ var GraphGUI_SVG = Class.extend({
 		return this.style
 	},
 	setStyle : function( stylename ){
-		if( DAGitty.stylesheets[stylename] ){
-			this.style = DAGitty.stylesheets[stylename]
+		if( Models4PT.stylesheets[stylename] ){
+			this.style = Models4PT.stylesheets[stylename]
 		} else {
-			this.style = DAGitty.stylesheets["default"]
+			this.style = Models4PT.stylesheets["default"]
 		}
 	},
 	clear : function(){
@@ -8931,10 +8932,10 @@ var GraphGUI_SVG = Class.extend({
 			this.unsetLastHoveredElement, this ) )
 	},
 	anchorEdgeShape : function( el ){
-		var anchorback = DAGitty.Math.svgEdgeAnchor( el, 0, el.directed )
+		var anchorback = Models4PT.Math.svgEdgeAnchor( el, 0, el.directed )
 		el.x1 = anchorback[0]; el.y1 = anchorback[1]
 
-		var anchorfront = DAGitty.Math.svgEdgeAnchor( el, 1., el.directed )
+		var anchorfront = Models4PT.Math.svgEdgeAnchor( el, 1., el.directed )
 		el.x2 = anchorfront[0]; el.y2 = anchorfront[1]
 
 		if( el.cx ){

gui/js/main.js

@@ -26,7 +26,7 @@ var GUI = {
 	highlight_puredirect : false,
 	allow_intermediate_adjustment : true,
 	activate_path_style : function( s, b ){
-		var sty = DAGitty.stylesheets.default.style
+		var sty = Models4PT.stylesheets.default.style
 		if( b ) {
 			if(sty[s+"path_inactive"] ){
 				sty[s+"path"] = sty[s+"path_inactive"];
@@ -38,10 +38,10 @@ var GUI = {
 			delete sty[s+"path"];
 			displayHide("legend_"+s);
 		}
-		DAGittyControl && DAGittyControl.redraw();
+		Models4PTControl && Models4PTControl.redraw();
 	},
 	activate_node_style : function( s, b ){
-		var sty = DAGitty.stylesheets.default.style
+		var sty = Models4PT.stylesheets.default.style
 		if( b ) {
 			if(sty[s+"node_inactive"] ){
 				sty[s+"node"] = sty[s+"node_inactive"];
@@ -67,15 +67,15 @@ var GUI = {
 			this.activate_node_style( n, b );
 		},this);
 		b ? displayShow("legend_ancestors") : displayHide("legend_ancestors");
-		DAGittyControl && DAGittyControl.redraw();
+		Models4PTControl && Models4PTControl.redraw();
 	},
 	set_view_mode : function( vm ){
 		let vmel = document.getElementById( "dagview_"+vm )
 		vmel.checked ||= true
-		DAGittyControl && DAGittyControl.setViewMode( vm );
+		Models4PTControl && Models4PTControl.setViewMode( vm );
 	},
 	set_bias_mode : function( bm ){
-		DAGittyControl && DAGittyControl.setBiasMode( bm );		
+		Models4PTControl && Models4PTControl.setBiasMode( bm );		
 	},
 	refresh_variable_status : function(){
 		var vid = document.getElementById("variable_id").value
@@ -89,14 +89,14 @@ var GUI = {
 	set_variable_status : function( n, stat ){
 		var vid = document.getElementById("variable_id").value
 		if( stat ){
-			DAGittyControl && DAGittyControl.setVertexProperty( vid, n )
+			Models4PTControl && Models4PTControl.setVertexProperty( vid, n )
 		} else {
-			DAGittyControl && DAGittyControl.unsetVertexProperty( vid, n )
+			Models4PTControl && Models4PTControl.unsetVertexProperty( vid, n )
 		}
 	},
 	set_style : function( s ){
-		DAGitty.stylesheets.default = DAGitty.stylesheets[s]
-		var sty = DAGitty.stylesheets.default.style
+		Models4PT.stylesheets.default = Models4PT.stylesheets[s]
+		var sty = Models4PT.stylesheets.default.style
 		document.getElementById("highlight_ancestral").checked = typeof(sty["confoundernode_inactive"]) === "undefined";
 		document.getElementById("highlight_ancestral").checked ? displayShow("legend_ancestors") : displayHide("legend_ancestors");
 
@@ -111,7 +111,7 @@ var GUI = {
 			"outcome","rnode","adjustednode"],function(n){
 			document.getElementById("li"+n).src="images/legend/"+s+"/"+n+".png"
 		},this);
-		DAGittyControl.setStyle( s )
+		Models4PTControl.setStyle( s )
 	}
 };
 
@@ -183,7 +183,7 @@ function nl2br (str, is_xhtml) {
 }
 
 function msg( t ){
-	DAGittyControl.getView().openAlertDialog( t );
+	Models4PTControl.getView().openAlertDialog( t );
 }
 
 function how( t ){
@@ -608,7 +608,7 @@ function displayImplicationInfo( full ){
 }
 
 function exportTikzCode(){
-	DAGittyControl.getView().openHTMLDialog( 
+	Models4PTControl.getView().openHTMLDialog( 
 		"<textarea style=\"width:80%\" rows=\"10\">"+
 		"% This code uses the tikz package\n"+
 		"\\begin{tikzpicture}\n"+
@@ -653,7 +653,7 @@ function loadDAGFromTextData(){
 		var layouter = new GraphLayouter.Spring( Model.dag );
 		layouter.layout();
 	}
-	DAGittyControl.setGraph( Model.dag  );
+	Models4PTControl.setGraph( Model.dag  );
 	displayHide("model_refresh");
 	document.getElementById("adj_matrix").style.backgroundColor="#fff";
 }
@@ -662,7 +662,7 @@ function generateSpringLayout(){
 	var layouter = new GraphLayouter.Spring( Model.dag );
 	_.each(Model.dag.edges,function(e){delete e["layout_pos_x"];delete e["layout_pos_y"]})
 	layouter.layout();
-	DAGittyControl.setGraph( Model.dag ); // trigges to refresh the rendering
+	Models4PTControl.setGraph( Model.dag ); // trigges to refresh the rendering
 };
 
 function loadExample( nr ){
@@ -684,7 +684,7 @@ function newModel2(ename){
 	if( ename === null ){ return false; }
 	ename = (""+ename).trim()
 	if( ename == "" ){ return false; }
-	DAGittyControl.getView().openPromptDialog(
+	Models4PTControl.getView().openPromptDialog(
 		"Please enter name of outcome variable","",function(s){ 
 			newModel3(ename,s) } )
 	return true;
@@ -695,7 +695,7 @@ function newModel3(ename,oname){
 	if( oname == "" || ename == oname ){ return false; }
 	document.getElementById("adj_matrix").value = ename+" E @0,0\n"+oname+" O @1,1\n\n"+ename+" "+oname
 	loadDAGFromTextData()
-	DAGittyControl.getView().closeDialog()
+	Models4PTControl.getView().closeDialog()
 }
 
 function supportsSVG() {
@@ -799,9 +799,9 @@ function hostName(){
 function networkFailMsg(){
 	msg(
 	 "A network error occurred when trying to perform this function. "+
-	 "If you are using a downloaded DAGitty version, this is likely "+
+	 "If you are using a downloaded Models4PT version, this is likely "+
 	 "due to Browser security settings. Try again using the online "+
-	 "version of DAGitty." )
+	 "version of Models4PT." )
 }
 
 function getModelIdFromURL( url ){
@@ -820,31 +820,7 @@ function saveOnlineForm(){
 	}
 }
 
-/* 
-The original loadOnline function fetched a model from dagitty.net using an API call.
-This version has been commented out as we are transitioning to using localStorage
-for saving and loading models. When we implement a backend in the future, we may revisit
-or adapt this function to integrate with our own backend.
-
-	async function loadOnline( url ){
-	var graphid = getModelIdFromURL( url )
-	try{
-	   	const response = await fetch( "https://dagitty.net/db/id/"+graphid )
-		if( response.ok ){
-			const modelsyntax = await response.json()
-			DAGittyControl.getView().closeDialog()
-			document.getElementById("adj_matrix").value = modelsyntax.g
-			Model.uniqid = modelsyntax.g.id
-			loadDAGFromTextData()
-		} else {
-       	 		networkFailMsg(); return
-		}
-	} catch( err ){
-		networkFailMsg(); 
-		console.log( err );
-		return
-	}
-} */
+
 
 // New localStorage-based version	
 async function loadOnline(url) {
@@ -861,7 +837,7 @@ async function loadOnline(url) {
 		const modelsyntax = JSON.parse(modelData);
 
 		// Update the UI and render the DAG
-		DAGittyControl.getView().closeDialog();
+		Models4PTControl.getView().closeDialog();
 		document.getElementById("adj_matrix").value = modelsyntax.g;
 		Model.uniqid = graphid; // Optional: track the graph ID
 		loadDAGFromTextData(); // Render the graph
@@ -874,7 +850,7 @@ async function loadOnline(url) {
 // Updated loadOnlineForm function for localStorage:
 // This version prompts the user for a Graph ID instead of a URL and loads the model from localStorage.
 function loadOnlineForm() {
-    DAGittyControl.getView().openPromptDialog(
+    Models4PTControl.getView().openPromptDialog(
         "Enter the Graph ID",
         "exampleGraph123", // Example placeholder
         function (graphID) {
@@ -888,16 +864,7 @@ function loadOnlineForm() {
 }
 
 
-/* 
-The original loadOnlineForm function opened a prompt dialog for the user to enter a URL.
-This functionality relied on models stored remotely on dagitty.net.
-As we transition to localStorage, this version has been replaced with one that prompts for a Graph ID instead of a URL.
 
-Original code:
-	function loadOnlineForm(){
-	DAGittyControl.getView().openPromptDialog(
-		"Enter the URL","dagitty.net/mOWOV4V",loadOnline)
-} */
 
 		// ----------------------------
 // Save and Load Functionality

gui/js/styles/learn.js

@@ -26,6 +26,6 @@ var Decoration = {
 		{ 'class' : "arrowback", 'd': "M-1.5,0L5,5M-1.5,0L5,-5" }
 	]
 }
-DAGitty.stylesheets.semlikePlain = { style : Base, decoration : Decoration };
-DAGitty.stylesheets.default = DAGitty.stylesheets.semlikePlain
+Models4PT.stylesheets.semlikePlain = { style : Base, decoration : Decoration };
+Models4PT.stylesheets.default = Models4PT.stylesheets.semlikePlain
 })();

gui/js/styles/original.js

@@ -1,5 +1,5 @@
 (function(){ 
-DAGitty.stylesheets.original = {
+	Models4PT.stylesheets.original = {
 			style : {
 				node : {
 					'd' : 'M 0 0 m 20, 0 a 20,15 0 1,1 -40,0 a 20,15 0 1,1 40,0',
@@ -31,5 +31,5 @@ DAGitty.stylesheets.original = {
 				]
 			}
 	};
-	DAGitty.stylesheets.default = DAGitty.stylesheets.original
+	Models4PT.stylesheets.default = Models4PT.stylesheets.original
 })();

gui/js/styles/semlike.js

@@ -40,7 +40,7 @@ var Decoration = {
 	]
 }
 
-DAGitty.stylesheets.semlike = { style : Base, decoration : Decoration };
-DAGitty.stylesheets.default = DAGitty.stylesheets.semlike
+Models4PT.stylesheets.semlike = { style : Base, decoration : Decoration };
+Models4PT.stylesheets.default = Models4PT.stylesheets.semlike
 
 })();

gui/publish.html

@@ -162,7 +162,7 @@ <h1>Publish your causal diagram</h1>
 	<br/>
 
 
-	<label for="modelsavefrm_code">DAGitty code</label><br/>
+	<label for="modelsavefrm_code">Models4PT code</label><br/>
 	<textarea class="form-control" name="code" readonly required
 		value="" id="modelsavefrm_code"></textarea>
 	<br/>