json-object-editor 0.10.439 → 0.10.443

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-object-editor",
-  "version": "0.10.439",
+  "version": "0.10.443",
   "description": "JOE the Json Object Editor | Platform Edition",
   "main": "app.js",
   "scripts": {
@@ -10,7 +10,8 @@
     "grunt": "start grunt --gruntfile grunt/Gruntfile.js",
     "test": "echo \"Error: no test specified\" && exit 1",
     "babel-wc": "babel web-components -d es5-build/web-components",
-    "babel-joe": "babel js/JsonObjectEditor.jquery.craydent.js -d es5-build/js/JsonObjectEditor_es5.jquery.craydent.js"
+    "babel-joe": "babel js/JsonObjectEditor.jquery.craydent.js -d es5-build/js/JsonObjectEditor_es5.jquery.craydent.js",
+    "build": "node build.js"
   },
   "repository": {
     "type": "git",
@@ -56,10 +57,14 @@
     "@babel/core": "^7.7.4",
     "@babel/preset-env": "^7.7.4",
     "babel-plugin-transform-es2015-template-literals": "^6.22.0",
+    "clean-css-cli": "^5.6.3",
+    "concat": "^1.0.3",
     "del": "^2.0.1",
+    "fs-extra": "^11.3.0",
     "grunt-traceur": "^0.5.5",
     "gulp": "^3.9.0",
     "gulp-concat": "^2.6.0",
-    "gulp-notify": "^2.2.0"
+    "gulp-notify": "^2.2.0",
+    "terser": "^5.43.1"
   }
 }

package/server/fields/core.js

@@ -256,7 +256,7 @@ var fields = {
         return html;
     }},
     milestone:{name:'milestone',width:'100px'},
-    tasks:{display:'Incomplete Tasks',type:'content',icon:'task',run:function(item){
+    tasks:{display:'Incomplete Tasks',type:'content',icon:'task',reloadable:true, run:function(item){
         var tasks = (_joe.Data.task.where({$and:[{project:item._id},{complete:{$in:[false,'false',undefined]}}]})||[]).sortBy('priority,!due_date,project_phase');
         var html = '';
         html+= _joe.renderMenuButtons({display:'view all '+tasks.length+' tasks',

package/server/plugins/engagementTracker.js

@@ -0,0 +1,78 @@
+function EngagementTracker() {
+    const self = this;
+
+    // 📸 Email open pixel endpoint
+    // Called as: /API/plugin/engagementTracker/pixel?campaign=...&visitor=...
+    this.pixel = async function(data, req, res) {
+        const campaign_id = req.query.campaign;
+        const visitor = req.query.visitor;
+
+        if (!campaign_id) return res.status(400).send({ error: "Missing campaign ID" });
+
+        const engagement = {
+            _id: cuid(),
+            itemtype: "engagement_event",
+            eventType: "email_open",
+            eventTarget: "email",
+            eventLabel: "Email opened",
+            campaign: campaign_id,
+            visitor: visitor || "anonymous",
+            eventLocation: "email",
+            created: new Date()
+        };
+
+        await JOE.Storage.save(engagement, "engagement_event");
+
+        // Transparent 1x1 gif
+        const img = Buffer.from("R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==", "base64");
+        res.writeHead(200, {
+            "Content-Type": "image/gif",
+            "Content-Length": img.length
+        });
+        return res.end(img);
+    };
+
+    // 🔗 Click-through tracking + redirect
+    // Called as: /API/plugin/engagementTracker/redirect?campaign=...&to=URL&target=cta_1&visitor=...
+    this.redirect = async function(data, req, res) {
+        const { campaign, to, target, visitor } = req.query;
+        if (!to || !campaign) return res.status(400).send({ error: "Missing required parameters" });
+
+        const engagement = {
+            _id: cuid(),
+            itemtype: "engagement_event",
+            eventType: "click_cta",
+            eventTarget: target || "unspecified",
+            eventLabel: `Clicked ${target || "link"}`,
+            campaign,
+            visitor: visitor || "anonymous",
+            eventLocation: "email_or_landing",
+            created: new Date()
+        };
+
+        await JOE.Storage.save(engagement, "engagement_event");
+        return res.redirect(to);
+    };
+
+    // ✍️ Generic event logger
+    // Called via POST to /API/plugin/engagementTracker/log with JSON body
+    this.log = async function(data, req, res) {
+        if (!data || !data.eventType || !data.campaign) {
+            return res.status(400).send({ error: "Missing eventType or campaign" });
+        }
+
+        const engagement = {
+            ...data,
+            _id: cuid(),
+            itemtype: "engagement_event",
+            created: new Date()
+        };
+
+        await JOE.Storage.save(engagement, "engagement_event");
+        return res.send({ status: "ok" });
+    };
+
+    return self;
+}
+
+module.exports = new EngagementTracker();

package/server/schemas/engagement_event.js

@@ -0,0 +1,33 @@
+var schema = {
+  title: "Engagement Event | ${eventType}",
+  info: "Tracks visitor interactions across email campaigns, landing pages, and CTAs for analytics and engagement insight.",
+  menuicon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="..."/></svg>`, // optional: stylized icon
+  idprop: "_id",
+  sorter: ["-created", "eventType", "eventTarget"],
+  listView: {
+    title: "<joe-title>${eventType}</joe-title><joe-subtitle>${eventLabel}</joe-subtitle><joe-subtitle>${visitor}</joe-subtitle>",
+    listWindowTitle: "Engagement Events"
+  },
+  fields: function(){
+    var fields = [
+    
+        {section_start:'objects'},
+            { name: "campaign", type: "objectReference", ref: "campaign", label: "Campaign" },
+        {section_end:'objects'},
+    { name: "eventType", type: "select", options: ["email_open", "email_click", "landing_visit", "click_cta", "form_submit"], required: true },
+    { name: "eventTarget", type: "text", label: "Target Element", placeholder: "e.g. CTA 1, Header Link" },
+    { name: "name", type: "text", label: "Event Label", placeholder: "Descriptive text of action" },
+    { name: "eventLocation", type: "select", options: ["email", "landingPage", "external"], label: "Location" },
+    { name: "visitor", type: "text", label: "Visitor ID or Email" },
+    { name: "session", type: "text", label: "Session ID" },
+    
+          {section_start:'system',collapsed:true},
+            '_id','created','itemtype',
+        {section_end:'system'},
+  ]
+
+  return fields;
+    }
+};
+
+module.exports = schema;

package/server/schemas/goal.js

@@ -42,20 +42,34 @@ var schema = {
         `
         return html; 
     },
+
     fields:[
         {extend:'name',specs:{width:'75%'}},
         {name:'code',width:'25%'},
         'info',
         'description',
+        {name:'completion_equation',display:'completion equation',type:'code',language:'javascript',comment:'This is a javascript function that takes an item as an argument and returns a number between 0 and 1 representing the completion percentage of the goal. It can use any properties of the item or datasets in joe'},
+        {name:'complettion_percentage', reloadable:true, display:'completion percentage',type:'content',run:function(item){
+            const fn = tryEval(item.completion_equation);
+            const result = fn(item); // or any item
+            return Math.round(result*100) + '%'; // Assuming the function returns a number between 0 and 1
+            return 80 + '%'; // Placeholder, should be calculated based on completion_equation
+        }},
         'impact',
         'group',
-
-        {name:'milestones',type:'objectList',properties:[
+        // {name:'has_milestones',display:'has milestones',type:'boolean',comment:'If true, this goal has milestones that can be tracked.',rerender:['milestones','timeline']},
+        {name:'milestones',
+            /*condition:function(item){return !!!item.has_milestones;},*/
+            type:'objectList',properties:[
             {name:'name'},
             {name:'status',type:'select',values:['','roadmap','in-progress','completed'],width:'120px'}
         ]},
 
-        {section_start:'timeline'},
+        {section_start:'timeline',
+        //     condition:function(item){
+        //     return !!!item.has_milestones;
+        // }
+    },
             {name:'start_dt',display:'kickoff',type:'date', native:true,width:'50%'},
             {name:'end_dt',display:'completion',type:'date', native:true,width:'50%'},
             {name:'phases',type:'objectList',

package/server/schemas/page.js

@@ -96,9 +96,26 @@ var page = {
             hidden:function(item){
                 return item.content_type =='plugin';
             },
+            language:function(item){
+                return 'javascript';
+            },
             comment:'${this.DATA.dataset_name}<br/>'+
             `also available: INCLUDES,PAGE,LAYOUT,SITE,JOEPATH,DATA,WEBCONFIG
-            <div>for module: export function(data) that returns an html string.</div>`,
+            <div>for module: export function(data) that returns an html string.</div>
+                
+
+                <h4>Example:</h4>
+                    <div class="pad10">
+                        <pre>
+    module.exports = async function(data){
+        // data contains all the page data, including dynamic items
+        return "html as string";
+                        
+    };
+                        </pre>
+                    </div>
+                </div>`
+            ,
             type:function(item){
                 if(!item.content_type){
                     return 'code';

package/server/schemas/tag.js

@@ -92,7 +92,7 @@ var tag ={
             tags.map(function(tag){
                 let tagObj = _joe.Cache.get(tag);//$J.get(tag);
                 if(tagObj){
-                    html+= `<joe-tag data-id="${tagObj._id}" title="${tagObj.info}" style="${tagObj.color && (`background:'${tagObj.color}'`)}">${tagObj.name}</joe-tag>`;
+                    html+= `<joe-tag data-id="${tagObj._id}" title="${tagObj.info}" style="${tagObj.color && (`background:'${tagObj.color}'`)||''}">${tagObj.name}</joe-tag>`;
                 }
             })
             html+= '</joe-tags>';