Add LWC Button

Author: surajp

force-app/main/default/aura/jsButtonQuickAction/jsButtonQuickAction.cmp

@@ -1,4 +1,8 @@
 <aura:component implements="force:lightningQuickActionWithoutHeader,force:hasRecordId,force:hasSObjectName">
-  <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
-  <c:jsButton aura:id="jsbutton" recordId="{!v.recordId}" cmdtName="{!v.sObjectName}"></c:jsButton>
+  <c:jsButtonLwc
+    aura:id="jsbutton"
+    recordId="{!v.recordId}"
+    cmdtName="{!v.sObjectName}"
+    oninitcomplete="{!c.doInit}"
+  ></c:jsButtonLwc>
 </aura:component>

force-app/main/default/aura/jsButtonQuickAction/jsButtonQuickActionController.js

@@ -1,16 +1,16 @@
 ({
-  doInit: function (component, event, helper) {
+  doInit: function (component) {
     component
       .find("jsbutton")
       .invoke()
       .then(
-        $A.getCallback(() => {
+        $A.getCallback((resp) => {
+          console.log('>> resp '+JSON.stringify(resp));
           $A.get("e.force:closeQuickAction").fire();
         })
       )
       .catch(
         $A.getCallback((err) => {
-          alert("An error occurred " + err);
           $A.get("e.force:closeQuickAction").fire();
         })
       );

force-app/main/default/lwc/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["@salesforce/eslint-config-lwc/recommended"]
+}

force-app/main/default/lwc/jsButtonLwc/jsButtonLwc.js

@@ -1,62 +1,99 @@
-import { LightningElement, api, wire } from "lwc";
-import fetchJSFromCmdt from '@salesforce/apex/DynamicSOQLDMLController.getJSFromCmdt';
-import executeSoql from '@salesforce/apex/DynamicSOQLDMLController.executeSoqlQuery';
-import runDml from '@salesforce/apex/DynamicSOQLDMLController.executeDml';
-import getSObjectType from '@salesforce/apex/DynamicSOQLDMLController.getSObjectTypeFromId';
+import { LightningElement, api } from "lwc";
+import fetchJSFromCmdt from "@salesforce/apex/DynamicSOQLDMLController.getJSFromCmdt";
+import executeSoql from "@salesforce/apex/DynamicSOQLDMLController.executeSoqlQuery";
+import executeDml from "@salesforce/apex/DynamicSOQLDMLController.executeDml";
+import getSObjectType from "@salesforce/apex/DynamicSOQLDMLController.getSObjectTypeFromId";
+import { ShowToastEvent } from "lightning/platformShowToastEvent";
 
 const REGEX_SOQL = "\\|\\|\\s?(select\\s+[^|]+)\\s?\\|\\|";
 const REGEX_UPDATE = "\\|\\|\\s?update\\s([^|;]+);?\\s*\\|\\|";
 const REGEX_INSERT_UPSERT =
   "\\|\\|\\s?(insert|upsert)\\s([\\w\\d_]+)\\s?\\(\\s?(\\w+).*\\|\\|";
-const AsyncFunction = Object.getPrototypeOf(async () => {}).constructor;
+
 export default class JsButtonLwc extends LightningElement {
   @api js;
   @api cmdtName;
   @api recordId;
+  _notifiedParent = false;
+
+  renderedCallback() {
+    if (!this._notifiedParent)
+      this.dispatchEvent(new CustomEvent("initcomplete"));
+  }
 
   @api
   async invoke() {
     if (!this.js && this.cmdtName) {
-      this.js = await fetchJSFromCmdt({ cmdtName });
-      return await this.runJS();
-    } else if (this.js) {
-      return await this.runJS();
+      let js = await fetchJSFromCmdt({ cmdtName: this.cmdtName });
+      await this.runJS(js);
+    }else if(this.js){
+      await this.runJS(this.js)
     }
-    throw Error("No script found to execute");
   }
 
-  executeSoql(){
-    //TODO: implement
+  _showError(message) {
+    this.dispatchEvent(new ShowToastEvent({ message, variant: "error" }));
   }
 
-  executeDml(){
-    //TODO: implement
+  async executeSoql(query) {
+    try {
+      let results = await executeSoql({ query });
+      return results;
+    } catch (err) {
+      this._showError(err);
+    }
+    return null;
   }
 
+  async executeDml(dmlType, records, sObjectType) {
+    try {
+      if(records && !Array.isArray(records)){
+        records = [records];
+      }
+      if (!sObjectType)
+        sObjectType = await getSObjectType({ recordId: records[0].Id });
+      records = records.map((rec) => ({
+        ...rec,
+        attributes: { type: sObjectType }
+      }));
+      let results = executeDml({
+        operation: dmlType,
+        strData: sObjectType
+          ? JSON.stringify(records, (k, v) => {
+              return typeof v === "number" ? "" + v : v;
+            })
+          : null,
+        sObjectType
+      });
+      return results;
+    } catch (err) {
+      this._showError(err);
+    }
+    return null;
+  }
 
-  runJS() {
+  async runJS(js) {
     //replace consecutive spaces
-    this.js = this.js.replace(/\s+/g, " ");
+    js = js.replace(/\s+/g, " ");
 
     //parse soql
-    this.js = this.js.replace(
-      new RegExp(helper.REGEX_SOQL, "gi"),
-      "await this.executeSoql(cmp,`$1`);"
+    js = js.replace(
+      new RegExp(REGEX_SOQL, "gi"),
+      "await this.executeSoql(`$1`);"
     );
 
     //parse updates
-    this.js = this.js.replace(
-      new RegExp(helper.REGEX_UPDATE, "gi"),
-      "await this.executeDml(cmp,'update',$1);"
+    js = js.replace(
+      new RegExp(REGEX_UPDATE, "gi"),
+      "await this.executeDml('update',$1);"
     );
 
     //parse inserts
-    this.js = this.js.replace(
-      new RegExp(helper.REGEX_INSERT_UPSERT, "gi"),
-      "await this.executeDml(cmp,'$1',$3,'$2');"
+    js = js.replace(
+      new RegExp(REGEX_INSERT_UPSERT, "gi"),
+      "await this.executeDml('$1',$3,'$2');"
     );
-
-    return await AsyncFunction("recordId", `return ${js}`).bind(this)(recordId);
-
+    let op = await (Function("recordId", `return (async ()=>{${js}})()`).bind(this))(this.recordId);
+    return op;
   }
 }

package-lock.json

@@ -21,5 +21,14 @@
     "eslint": "^6.8.0",
     "prettier": "^2.0.5",
     "prettier-plugin-apex": "^1.4.0"
-  }
+  },
+  "main": ".eslintrc.js",
+  "dependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "git@suraj.github.com:surajp/lightning-js-button.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
 }