@wavemaker/react-codegen 11.14.1-rc.236

package/src/variables/variable.transformer.js

@@ -0,0 +1,299 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const bind_ex_transformer_1 = __importDefault(require("../transpile/bind.ex.transformer"));
+const lodash_1 = require("lodash");
+function transformDataItem(d, scope) {
+    let v = (0, lodash_1.isArray)(d.value) ? d.value[0] : d.value;
+    if (v) {
+        if (v.startsWith && v.startsWith("bind:")) {
+            // "value" : "bind:'Do you want to delete this product: \"'+Widgets.Cart_Details.selecteditem.productDetails.productName+'\" from your Cart'",
+            v = v.substr(5);
+            // Remove trailing semicolons and trim whitespace from binding expressions
+            v = (v || "").trim().replace(/;+\s*$/, "");
+            v =
+                v === "null"
+                    ? null
+                    : `${scope}.eval(() => ${(0, bind_ex_transformer_1.default)(v, scope, "attr").replace(/\\n/g, "")})`;
+        }
+        else if (d.type === "string") {
+            v = `${v}`;
+        }
+    }
+    return {
+        name: d.target,
+        value: v,
+    };
+}
+function appendIfNotEmpty(input, str) {
+    return input && input + "";
+}
+function checkEmptyObject(obj) {
+    let isVariableEmpty = true;
+    (0, lodash_1.forEach)(obj, (value) => {
+        if ((0, lodash_1.isEmpty)(value) && !(0, lodash_1.isBoolean)(value) && !(0, lodash_1.isNumber)(value)) {
+            return;
+        }
+        if (!(0, lodash_1.isObject)(value)) {
+            isVariableEmpty = false;
+        }
+        else if ((0, lodash_1.isArray)(value)) {
+            isVariableEmpty = (0, lodash_1.isEmpty)(value) || (value.length === 1 ? (0, lodash_1.isEmpty)(value[0]) : false);
+        }
+        else {
+            isVariableEmpty = checkEmptyObject(value);
+        }
+        return isVariableEmpty;
+    });
+    return isVariableEmpty;
+}
+function transformVariable(variable, scope) {
+    let params = {}, filters = {};
+    if (variable.category !== "wm.DeviceVariable") {
+        if ((0, lodash_1.isArray)(variable.dataSet)) {
+            if (variable.category === "wm.NavigationVariable") {
+                variable.dataSet.forEach((d) => {
+                    const { name, value } = transformDataItem(d, scope);
+                    (0, lodash_1.set)(params, name, value);
+                });
+            }
+            else if (variable.isList && variable.category === "wm.Variable") {
+                params = (0, lodash_1.clone)(variable.dataSet);
+            }
+        }
+        else if (variable.dataSet) {
+            Object.keys(variable.dataSet).forEach(k => {
+                if (params[k] == undefined || params[k] == null) {
+                    (0, lodash_1.set)(params, k, (0, lodash_1.get)(variable.dataSet, k));
+                }
+            });
+        }
+    }
+    if (variable.dataBinding) {
+        variable.dataBinding.forEach((d) => {
+            const { name, value } = transformDataItem(d, scope);
+            (0, lodash_1.set)(params, name, value);
+        });
+        if (params.dataBinding) {
+            params = params.dataBinding;
+        }
+    }
+    const filterProvider = (rules) => {
+        rules === null || rules === void 0 ? void 0 : rules.forEach((r) => {
+            if (r.rules) {
+                filterProvider(r.rules);
+            }
+            else {
+                const { name, value } = transformDataItem(r, scope);
+                filters[name] = value;
+            }
+        });
+    };
+    if (variable.filterExpressions) {
+        filterProvider(variable.filterExpressions.rules);
+    }
+    // Todo: these properties directly on variable are to be handled from studio
+    if (variable.category === "wm.DeviceVariable" && variable.operation === "scanBarCode") {
+        params["barcodeFormat"] = variable.barcodeFormat;
+    }
+    if (variable.category === "wm.DeviceVariable" &&
+        variable.service === "file" &&
+        variable.operation === "upload") {
+        params["browse"] = !variable.localFile;
+    }
+    const obj = {
+        name: variable.name,
+        group: "variable",
+        params: params,
+        filters: filters,
+        onSuccess: appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onSuccess, scope, "event"), ";"),
+        onError: appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onError, scope, "event"), ";"),
+    };
+    if (variable.onCanUpdate) {
+        obj.onCanUpdate = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onCanUpdate, scope, "event"), ";");
+    }
+    if (variable.onBeforeUpdate) {
+        obj.onBeforeUpdate = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onBeforeUpdate, scope, "event"), ";");
+    }
+    if (variable.onResult) {
+        obj.onResult = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onResult, scope, "event"), ";");
+    }
+    if (variable.onOnline) {
+        obj.onOnline = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onOnline, scope, "event"), ";");
+    }
+    if (variable.onOffline) {
+        obj.onOffline = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onOffline, scope, "event"), ";");
+    }
+    if (variable.onBeforeDatasetReady) {
+        obj.onBeforeDatasetReady = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onBeforeDatasetReady, scope, "event"), ";");
+    }
+    if (variable.spinnerContext) {
+        obj.spinnerContext = variable.spinnerContext;
+        obj.spinnerMessage = variable.spinnerMessage;
+    }
+    if (variable.category === "wm.LoginVariable" || variable.category === "wm.LogoutVariable") {
+        obj.useDefaultSuccessHandler = variable.useDefaultSuccessHandler;
+    }
+    return obj;
+}
+function transformModelVariable(variable, scope) {
+    if ((0, lodash_1.isArray)(variable.dataSet) &&
+        variable.dataSet.length === 1 &&
+        checkEmptyObject(variable.dataSet[0])) {
+        variable.dataSet = [];
+    }
+    const tv = transformVariable(variable, scope);
+    tv.classname = "ModelVariable";
+    tv.twoWayBinding = variable.twoWayBinding;
+    tv.isList = !!variable.isList;
+    return tv;
+}
+function transformServiceVariable(variable, scope) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "ServiceVariable";
+    tv.operationId = variable.operationId;
+    tv.isList = !!variable.isList;
+    tv.inFlightBehavior = variable.inFlightBehavior;
+    tv.service = variable.service;
+    tv.operation = variable.operation;
+    tv.operationType = variable.operationType;
+    tv.maxResults = variable.maxResults;
+    tv._context = variable._context;
+    tv.serviceType = variable.serviceType;
+    tv.controller = variable.controller;
+    tv.autoUpdate = variable.autoUpdate;
+    return tv;
+}
+function transformNavigationAction(variable, scope) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "NavigationAction";
+    tv.group = "action";
+    tv.operation = variable.operation;
+    tv.params = (0, lodash_1.isArray)(tv.params) && tv.params.length == 0 ? {} : tv.params;
+    if (!tv.params["pageName"] && variable.pageName) {
+        tv.params["pageName"] = variable.pageName;
+    }
+    return tv;
+}
+function transformTimerAction(variable, scope) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "TimerAction";
+    tv.group = "action";
+    tv.repeating = variable.repeating;
+    tv.delay = variable.delay;
+    if (variable.onTimerFire) {
+        tv.onTimerFire = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onTimerFire, scope, "event"), ";");
+    }
+    return tv;
+}
+function transformNotificationAction(variable, scope, imports) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "NotificationAction";
+    tv.group = "action";
+    tv.operation = variable.operation;
+    const partialContent = variable.dataBinding.filter((binding) => {
+        return binding.target === "page";
+    })[0];
+    if (variable.onOk || variable.onClick) {
+        tv.onOk = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onOk || variable.onClick, scope, "event"), ";");
+    }
+    if (variable.onCancel) {
+        tv.onCancel = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onCancel, scope, "event"), ";");
+    }
+    if (variable.onClose || variable.onHide) {
+        tv.onClose = appendIfNotEmpty((0, bind_ex_transformer_1.default)(variable.onClose || variable.onHide, scope, "event"), ";");
+    }
+    if (variable.operation === "alert" || variable.operation === "confirm") {
+        const owner = scope === "App" ? "App" : scope;
+        const widgetName = `Common${(0, lodash_1.upperFirst)(variable.operation)}Dialog`;
+        if (owner === "App") {
+            tv.showDialog = `App.openActionDialog(options,"${widgetName}");`;
+        }
+        else {
+            tv.showDialog = `${owner}.App.openActionDialog(options,"${widgetName}");`;
+        }
+    }
+    if (partialContent) {
+        const partialName = partialContent.value.charAt(0).toUpperCase() + partialContent.value.slice(1);
+        const importItem = `import ${partialName} from "@/app/components/${partialContent.value}/${partialContent.value}";`;
+        if (!imports.includes(importItem)) {
+            imports.push(importItem);
+        }
+        tv.partialContent = { component: partialName };
+    }
+    return tv;
+}
+function transformDeviceVariable(variable, scope, appUrl) {
+    if ((0, lodash_1.isArray)(variable.dataSet) &&
+        variable.dataSet.length === 1 &&
+        checkEmptyObject(variable.dataSet[0])) {
+        variable.dataSet = [];
+    }
+    const tv = transformVariable(variable, scope);
+    tv.classname = "DeviceVariable";
+    tv.operation = variable.operation;
+    tv.service = variable.service;
+    if (variable.service === "file") {
+        tv.params.serverUrl = `${scope}.eval(() => ${scope}.appConfig.url)`;
+    }
+    return tv;
+}
+function transformLoginVariable(variable, scope) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "LoginAction";
+    tv.group = "action";
+    return tv;
+}
+function transformLogoutVariable(variable, scope) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "LogoutAction";
+    tv.group = "action";
+    tv.redirectTo = variable.redirectTo;
+    return tv;
+}
+function transformLiveVariable(variable, scope) {
+    const tv = transformVariable(variable, scope);
+    tv.classname = "LiveVariable";
+    tv.isList = !!variable.isList;
+    tv.inFlightBehavior = variable.inFlightBehavior;
+    tv.maxResults = variable.maxResults;
+    tv._context = variable._context;
+    tv.operation = variable.operation;
+    tv.type = variable.type;
+    tv.autoUpdate = variable.autoUpdate;
+    tv.orderBy = variable.orderBy;
+    tv.liveSource = variable.liveSource;
+    tv.category = variable.category;
+    tv.tableName = variable.tableName;
+    tv.tableType = variable.tableType;
+    tv.relatedTables = variable.relatedTables;
+    tv.filterExpressions = variable.filterExpressions;
+    tv._id = variable._id;
+    return tv;
+}
+exports.default = (variable, scope, appUrl, imports) => {
+    switch (variable.category) {
+        case "wm.Variable":
+            return transformModelVariable(variable, scope);
+        case "wm.ServiceVariable":
+            return transformServiceVariable(variable, scope);
+        case "wm.NavigationVariable":
+            return transformNavigationAction(variable, scope);
+        case "wm.TimerVariable":
+            return transformTimerAction(variable, scope);
+        case "wm.NotificationVariable":
+            return transformNotificationAction(variable, scope, imports);
+        case "wm.DeviceVariable":
+            return transformDeviceVariable(variable, scope, appUrl);
+        case "wm.LoginVariable":
+            return transformLoginVariable(variable, scope);
+        case "wm.LogoutVariable":
+            return transformLogoutVariable(variable, scope);
+        case "wm.LiveVariable":
+            return transformLiveVariable(variable, scope);
+    }
+    return null;
+};
+//# sourceMappingURL=variable.transformer.js.map

package/src/variables/variable.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable.transformer.js","sourceRoot":"","sources":["../../../src/variables/variable.transformer.ts"],"names":[],"mappings":"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"}

package/templates/app.style.template

@@ -0,0 +1,3 @@
+export default (theme) => {
+    return theme.$new({{{styles}}});
+};

package/templates/app.variables.template

@@ -0,0 +1 @@
+export default {{{variables}}};

package/templates/build-info/error.html

@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Preview Build Failure</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta charset="UTF-8" />
+    <style>
+      body {
+        font-family: sans-serif;
+        background-color: #101010;
+      }
+
+      .info-container {
+        display: flex;
+        height: 90vh;
+        flex-direction: column;
+        justify-content: center;
+        font-size: 12pt;
+        text-align: center;
+        padding: 16pt;
+        color: red;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div class="info-container">Build failed. Please check logs.</div>
+  </body>
+</html>

package/templates/build-info/index.html

@@ -0,0 +1,94 @@
+<!--cHJldmlld2J1aWxk-->
+<!doctype html>
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <title>Preview Build</title>
+    <meta charset="UTF-8" />
+    <style>
+      body {
+        font-family: sans-serif;
+        background-color: #101010;
+        margin: 0;
+      }
+
+      .info-container {
+        display: flex;
+        height: 100vh;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        font-size: 12pt;
+        text-align: center;
+        padding: 0 16pt;
+        color: #fff;
+      }
+      .lds-ripple {
+        display: inline-block;
+        position: relative;
+        width: 80pt;
+        height: 80pt;
+      }
+      .lds-ripple div {
+        position: absolute;
+        border: 4pt solid #1794ef;
+        opacity: 1;
+        border-radius: 50%;
+        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
+      }
+      .lds-ripple div:nth-child(2) {
+        animation-delay: -0.5s;
+      }
+      @keyframes lds-ripple {
+        0% {
+          top: 36pt;
+          left: 36pt;
+          width: 0;
+          height: 0;
+          opacity: 1;
+        }
+        100% {
+          top: 0pt;
+          left: 0pt;
+          width: 72pt;
+          height: 72pt;
+          opacity: 0;
+        }
+      }
+    </style>
+  </head>
+
+  <body>
+    <div class="info-container">
+      <div class="lds-ripple">
+        <div></div>
+        <div></div>
+      </div>
+      Preview is being generated. When preview is ready, screen will refresh automatically. <br />
+      please wait...
+    </div>
+    <script type="text/javascript">
+      function check() {
+        function reqListener() {
+          if (
+            this.status <= 0 ||
+            this.status >= 400 ||
+            !this.responseText ||
+            this.responseText.startsWith("<!--cHJldmlld2J1aWxk-->")
+          ) {
+            setTimeout(check, 2000);
+          } else {
+            window.location.reload(true);
+          }
+        }
+        var oReq = new XMLHttpRequest();
+        oReq.addEventListener("load", reqListener);
+        oReq.open("GET", location.href);
+        oReq.send();
+      }
+      check();
+    </script>
+  </body>
+</html>

package/templates/build-info/info.html

@@ -0,0 +1,120 @@
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WaveMaker Preview</title>
+    <style>
+      .show {
+        opacity: 0;
+      }
+
+      .hide {
+        opacity: 0;
+      }
+    </style>
+  </head>
+
+  <body
+    style="
+      height: 100vh;
+      display: flex;
+      padding: 16px;
+      justify-content: center;
+      flex-direction: column;
+      font-family: Arial, Helvetica, sans-serif;
+      background-color: #111;
+      color: #f4f4f4;
+      line-height: 24px;
+      overflow: hidden;
+    "
+  >
+    <div>
+      <b style="color: #82d3e0">1.</b> Studio web preview is disabled. To enable, visit Project
+      Settings.<br />
+      <b style="color: #82d3e0">2.</b> Otherwise, execute the following command in your local
+      terminal.
+      <br />
+    </div>
+    <div>
+      <div
+        style="
+          position: relative;
+          background-color: #ccc;
+          color: #333;
+          padding: 24px 16px 16px 16px;
+          border-radius: 8px;
+          font-family: monospace, &quot;Courier New&quot;, Courier;
+          overflow: auto;
+          margin: 8px 0;
+        "
+      >
+        <div
+          style="
+            position: absolute;
+            top: 0;
+            right: 0;
+            background: #666;
+            padding: 2px 8px;
+            color: #82d3e0;
+          "
+          onclick="copy()"
+        >
+          Copy
+        </div>
+        <div id="command-info" style="word-break: break-word"></div>
+      </div>
+    </div>
+    <div>
+      <b style="color: #82d3e0">3.</b> Then, open
+      <a style="color: #82d3e0" href="http://localhost:19009" target="_blank"
+        >http://localhost:19009</a
+      >
+      in a web browser. <br /><span
+        ><br /><br /><br /><i style="color: #eee"
+          >To know more,
+          <a
+            href="https://docs.wavemaker.com/learn/react-native/generate-web-preview-locally"
+            target="_blank"
+            style="color: #82d3e0"
+            >please visit this link</a
+          >.</i
+        ></span
+      >
+      <span style="display: none">Modified at : {{modified_date}}</span>
+    </div>
+    <div
+      id="message"
+      style="
+        position: fixed;
+        top: 0;
+        right: 0;
+        background: #eee;
+        color: #666;
+        padding: 16px;
+        left: 0;
+        margin: 4pt;
+        border-radius: 4pt;
+        transition: opacity linear 1s;
+      "
+      class="hide"
+    >
+      Copied !!!
+    </div>
+    <script>
+      var div = document.getElementById("command-info");
+
+      function copy() {
+        // Copy the text inside the text field
+        navigator.clipboard.writeText(div.innerText);
+        document.getElementById("message").classList.remove("hide");
+      }
+      var xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState == XMLHttpRequest.DONE) {
+          div.innerText = `wm-reactnative run web-preview "${location.href.split("/rn-bundle")[0]}#${xhr.responseText.split(";")[0]}"`;
+        }
+      };
+      xhr.open("GET", "/studio/services/auth/token", true);
+      xhr.send(null);
+    </script>
+  </body>
+</html>

package/templates/component/app.libs.hbs

@@ -0,0 +1,21 @@
+"use client";
+
+const loadPrefabsLibs = async () => {
+  try {
+
+    if (typeof window !== 'undefined') {
+    const { QRCode,Utils } = await import('@wavemaker/react-runtime/libs');
+      window.QRCode = QRCode
+      window.Utils = Utils
+    }
+    
+    console.log('loaded default prefabs libraries:');
+    
+  } catch (error) {
+    console.error('Failed to load default prefabs libraries:', error);
+  }
+}
+
+{{#if hasDefaultPrefabs}}
+  loadPrefabsLibs();
+{{/if}}

package/templates/component/app.script.hbs

@@ -0,0 +1,9 @@
+import _ from "lodash-es";
+import "core-js";
+{{#if hasDefaultPrefabs}}
+import "./app.libs.js";
+{{/if}}
+
+export default function attachScript(App) {
+  {{{prependSpace script 2}}}
+}

package/templates/component/app.template.hbs

@@ -0,0 +1,46 @@
+import React from 'react';
+import BaseApp from '@wavemaker/react-runtime/higherOrder/BaseApp';
+import appstore from '@wavemaker/react-runtime/core/appstore';
+import formatters from '@wavemaker/react-runtime/core/formatters';
+import { VALIDATOR , MATCH_MODES } from '@wavemaker/react-runtime/core/util'; 
+
+import partialConfigs from '@/app/components/partial-config';
+import appVariables from '@/app/app.variables';
+import WM_CUSTOM_FORMATTERS from '@/libs/extensions/formatters';
+import AppScript from "@/app/app.script.js"
+import Common from '@/app/components/Common/Common'
+
+function App({children}: {children: React.ReactNode}) {
+
+// _set default wavemaker app configs
+  const appConfig = {
+    partials: partialConfigs,
+    appVariables: appVariables,
+  };
+
+  appstore.set('AppConfig', appConfig);
+  appstore.set('CONSTANTS', { VALIDATOR ,MATCH_MODES});
+  Object.keys(WM_CUSTOM_FORMATTERS).forEach(k => {
+        formatters.set(`custom.${k}`, WM_CUSTOM_FORMATTERS[k]);
+  });
+
+  return children;
+}
+
+const WmApp = BaseApp(
+  App,
+  AppScript,
+  appVariables,
+  {
+    componentName: "App",
+    startUpVariables: [{{#each startUpVariables}}'{{this}}'{{#unless @last}},{{/unless}}{{/each}}],
+    startUpActions: [{{#each startUpActions}}'{{this}}'{{#unless @last}},{{/unless}}{{/each}}],
+    autoUpdateVariables: [{{#each autoUpdateVariables}}'{{this}}'{{#unless @last}},{{/unless}}{{/each}}],
+    type:'App',
+    common:Common,
+  }
+);
+
+export default React.memo((props: any) => {
+  return <WmApp   {...props} />;
+});