npm - @wavemaker-ai/rn-codegen - Versions diffs - 1.0.0-rc.647469 - Mend

@wavemaker-ai/rn-codegen 1.0.0-rc.647469

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1624) hide show

package/src/templates/theme/wavemaker/assets/fonts/font.config.js.hbs ADDED Viewed

@@ -0,0 +1,14 @@
+export default {
+    baseFont: '{{baseFont}}',
+    fonts : [
+{{#each fonts}}
+        {
+            name: '{{name}}',
+            path: require('{{path}}'),
+            {{#if stylePath}}
+            csspath: require('{{stylePath}}')
+            {{/if}}
+        },
+{{/each}}
+    ]
+};

package/src/templates/theme/wavemaker/assets/fonts/font.config.json ADDED Viewed

@@ -0,0 +1,53 @@
+{
+    "baseFont" : "Roboto",
+    "fonts" : [
+        {
+            "name": "Roboto",
+            "path": "./Roboto/Roboto-Regular.ttf"
+        },
+        {
+            "name": "Roboto-Italic",
+            "path": "./Roboto/Roboto-Italic.ttf"
+        },
+        {
+            "name": "Roboto-Black",
+            "path": "./Roboto/Roboto-Italic.ttf"
+        },
+        {
+            "name": "Roboto-BlackItalic",
+            "path": "./Roboto/Roboto-BlackItalic.ttf"
+        },
+        {
+            "name": "Roboto-Bold",
+            "path": "./Roboto/Roboto-Bold.ttf"
+        },
+        {
+            "name": "Roboto-Boldtalic",
+            "path": "./Roboto/Roboto-BoldItalic.ttf"
+        },
+        {
+            "name": "Roboto-Light",
+            "path": "./Roboto/Roboto-Light.ttf"
+        },
+        {
+            "name": "Roboto-LightItalic",
+            "path": "./Roboto/Roboto-LightItalic.ttf"
+        },
+        {
+            "name": "Roboto-Medium",
+            "path": "./Roboto/Roboto-Medium.ttf"
+        },
+        {
+            "name": "Roboto-MediumItalic",
+            "path": "./Roboto/Roboto-MediumItalic.ttf"
+        },
+        {
+            "name": "Roboto-Thin",
+            "path": "./Roboto/Roboto-Thin.ttf"
+        },
+        {
+            "name": "Roboto-ThinItalic",
+            "path": "./Roboto/Roboto-ThinItalic.ttf"
+        }
+    ]
+}

package/src/templates/theme/wavemaker/assets/readme.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ This is empty

package/src/templates/theme/wavemaker/styles.less.template ADDED Viewed

@@ -0,0 +1,6 @@
+@import 'variables.less';
+.defineVariables();
+{{#each components}}
+@import '{{this}}';
+{{/each}}
+@import (optional) '../custom/styles.less';

package/src/templates/theme/wavemaker/variables.js.less.template ADDED Viewed

@@ -0,0 +1,8 @@
+@import 'variables.less';
+.defineVariables();
+.themeVariables {
+    {{#each variables}}
+    {{@key}}: {{{this}}};
+    {{/each}}
+};

package/src/templates/theme/wavemaker/variables.less.template ADDED Viewed

@@ -0,0 +1,10 @@
+@import (optional) '../custom/variables.less';
+.defineVariables() {
+{{#each variables}}
+{{#if md}}
+@{{@key}}: if(isdefined(@_{{@key}}), @_{{@key}}, if(isdefined({{md}}), {{mdValue}}, {{dValue}}));
+{{else}}
+@{{@key}}: if(isdefined(@_{{@key}}), @_{{@key}}, {{dValue}});
+{{/if}}
+{{/each}}
+}

package/src/templates/theme/wmproject.properties.template ADDED Viewed

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE properties SYSTEM "http://java.sun.com/dtd/properties.dtd">
+<properties>
+<comment>Theme Properties</comment>
+<entry key="version">1.0</entry>
+<entry key="name">{{theme}}</entry>
+<entry key="platformType">NATIVE_MOBILE</entry>
+<entry key="type">THEME</entry>
+<entry key="author"></entry>
+<entry key="description">Native Mobile Default Theme</entry>
+</properties>

package/src/templates/theme-asset.resolver.template ADDED Viewed

@@ -0,0 +1,10 @@
+const resourceStore = {
+    {{#each resources}}
+    '{{this}}' : () => require('{{../path}}{{this}}'),
+    {{/each}}
+};
+export default {
+  resolve: (path) => (resourceStore[path] && resourceStore[path]())
+};

package/src/templates/theme.index.html ADDED Viewed

@@ -0,0 +1,132 @@
+<html>
+<head>
+    <link href="./android/style.css" rel="stylesheet">
+    <script type="module">
+    </script>
+    <style>
+        button, input {
+            padding: 8pt !important;
+            border-radius: 4pt !important;
+            border-width: 1pt !important;
+            border-style: solid !important;
+            display: block !important;
+            height: 28pt !important;
+            flex-grow: 0;
+            flex-shrink: 0;
+            font-size: 12pt;
+            width:160pt
+        }
+        div.app-label {
+            margin-left: 16pt !important;
+            margin-bottom: -6pt !important;
+            z-index: 1 !important;
+            padding: 0 8pt !important;
+            display: inline-block !important;
+            position: relative !important;
+        }
+        body {
+            margin: 0 !important;
+            background-color: #ffffff;
+            overflow: hidden;
+        }
+        .content {
+            padding: 8px !important;
+        }
+        .btn-panel {
+            display: flex !important;
+            flex-direction: row !important;
+            justify-content: flex-start !important;
+            align-items: flex-end !important;
+            padding-bottom: 8pt !important;
+        }
+        .btn-panel:last-child {
+            padding-bottom: 0 !important;
+        }
+        .box {
+            width: 28pt !important;
+            height: 28pt !important;
+            border-radius: 4pt !important;
+            margin-left: 8pt !important;
+            border: 1px solid #DDDDDD !important;
+            flex-shrink: 0;
+        }
+        @font-face {
+            font-family: {{headerFontFamily}};
+            src: url({{headerFontFamilyPath}});
+        }
+        @font-face {
+            font-family: {{labelFontFamily}};
+            src: url({{labelFontFamilyPath}});
+        }
+        .heading-text {
+            font-family: '{{headerFontFamily}}'
+        }
+        .body-text {
+            font-family: '{{labelFontFamily}}'
+        }
+    </style>
+</head>
+<body>
+    <div class="wm-studio" style="transform: scale(0.72);transform-origin: left top;">
+        <div class="wm-right-panel-container">
+            <div class="file-container-pane">
+                <div class="wm-file-container">
+                    <div class="wm-workspace">
+                        <div class="workspace-content">
+                            <div class="canvas-panel">
+                                <div class="content">
+                                    <div>
+                                        <div class="btn-panel">
+                                            <button class="btn btn-primary app-button">
+                                                <span class="btn-caption">Button Primary</span>
+                                            </button>
+                                            <div class="box bg-primary app-tile"></div>
+                                        </div>
+                                        <div class="btn-panel">
+                                            <button class="btn btn-secondary app-button">
+                                                <span class="btn-caption">Button Secondary</span>
+                                            </button>
+                                            <div class="box app-mobile-navbar"></div>
+                                        </div>
+                                        <div class="btn-panel">
+                                            <input type="text" class="app-textbox" value="Input">
+                                            <div class="box app-page-content"></div>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <span class="app-label" style="display: none"></span>
+                                    </div>
+                                </div>
+                                <div style="border-top: 1px solid #ccc; padding: 8pt;width: 300pt">
+                                    <div style="font-size: 16pt; padding-bottom: 8pt;" class="heading-text">
+                                        <span>H : </span>
+                                        <span>Heading</span>
+                                    </div>
+                                    <div style="font-size: 12pt;" class="body-text">
+                                        <span>B : </span>
+                                        <span>Heading</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        (function() {
+            function getStyle(el , property) {
+                return window.getComputedStyle(el).getPropertyValue(property);
+            }
+            const label = document.querySelectorAll('.app-label')[0];
+            const labelColor = getStyle(label, 'color');
+            document.querySelectorAll('.heading-text span:last-child')[0].innerText ="{{headerFontFamily}}";
+            document.querySelectorAll('.body-text span:last-child')[0].innerText = "{{labelFontFamily}}";
+        })();
+    </script>
+</body>
+</html>

package/src/templates/token.overrides.template ADDED Viewed

@@ -0,0 +1,5 @@
+:theme-variables {
+    {{#each tokens}}
+    {{@key}}: {{this}};
+    {{/each}}
+}

package/src/templates/variables.template ADDED Viewed

@@ -0,0 +1,239 @@
+import { ModelVariable  } from '@wavemaker-ai/app-rn-runtime/variables/model-variable';
+import { ServiceVariable  } from '@wavemaker-ai/app-rn-runtime/variables/service-variable';
+import { LiveVariable  } from '@wavemaker-ai/app-rn-runtime/variables/live-variable';
+import { NavigationAction  } from '@wavemaker-ai/app-rn-runtime/actions/navigation-action';
+import { TimerAction  } from '@wavemaker-ai/app-rn-runtime/actions/timer-action';
+import { NotificationAction  } from '@wavemaker-ai/app-rn-runtime/actions/notification-action';
+import { DeviceVariable  } from '@wavemaker-ai/app-rn-runtime/variables/device-variable';
+import { LoginAction  } from '@wavemaker-ai/app-rn-runtime/actions/login-action';
+import { LogoutAction  } from '@wavemaker-ai/app-rn-runtime/actions/logout-action';
+{{#ifEquals scope 'App' this}}
+import { getEntityPropertyMap, getEntityRelatedTables } from '../metadata/entities/entity-provider';
+{{/ifEquals}}
+{{#ifEquals addEntityProvider true this}}
+import { getEntityPropertyMap, getEntityRelatedTables } from '../../../metadata/entities/entity-provider';
+{{/ifEquals}}
+import WmPartialContainer from '@wavemaker-ai/app-rn-runtime/components/page/partial-container/partial-container.component';
+import React from 'react';
+{{#each imports}}
+{{{this}}};
+{{/each}}
+export default ({{scope}}) => {
+    return {
+        {{#each context}}
+        {{@key}} : {
+            {{#each this}}
+            {{name}}: new {{classname}}({
+                name: '{{name}}',
+                _context: {{../../scope}},
+                {{#ifNotEmpty serviceType this}}
+                serviceType: '{{serviceType}}',
+                {{/ifNotEmpty}}
+                {{#ifNotEmpty operation this}}
+                operation: {{{stringify operation}}},
+                {{/ifNotEmpty}}
+                {{#ifNotEmpty service this}}
+                service: {{{stringify service}}},
+                {{/ifNotEmpty}}
+                {{#ifNotEmpty maxResults this}}
+                maxResults: '{{maxResults}}',
+                {{/ifNotEmpty}}
+                {{#ifNotEmpty operationId this}}
+                operationId: '{{operationId}}',
+                {{/ifNotEmpty}}
+                {{#ifNotEmpty operationType this}}
+                operationType: '{{operationType}}',
+                {{/ifNotEmpty}}
+                {{#ifNotEmpty controller this}}
+                controller: '{{controller}}',
+                {{/ifNotEmpty}}
+                {{#ifEquals name 'loggedInUser' this}}
+                paramProvider: () => App.appConfig.loggedInUser,
+                {{else}}
+                paramProvider: () => (
+                  {{#ifEquals classname 'ModelVariable' this}}
+                        {{{stringify params}}}
+                        {{else}}
+                  {{#ifEquals classname 'ServiceVariable' this}}
+                        {{{stringify params}}}
+                    {{else}}
+                  {{#ifEquals classname 'LiveVariable' this}}
+                        {{{stringify params}}}
+                    {{else}}
+                    {
+                        {{#each params}}
+                        '{{@key}}': {{{quoteIfString this}}},
+                        {{/each}}
+                    }
+                    {{/ifEquals}}
+                    {{/ifEquals}}
+                    {{/ifEquals}}
+                ),
+                {{/ifEquals}}
+                {{#ifNotEmpty filters this}}
+                filterProvider: () => (
+                    {
+                        {{#each filters}}
+                        '{{@key}}': {{{quoteIfString this}}},
+                        {{/each}}
+                    }
+                ),
+                {{/ifNotEmpty}}
+                {{#ifEquals classname 'ServiceVariable' this}}
+                    {{#if ../../isPrefabApp}}
+                        baseUrl: {{../../scope}}.baseUrl,
+                    {{else}}
+                        baseUrl: {{../../scope}}.baseUrl + '/services',
+                    {{/if}}
+                {{/ifEquals}}
+                {{#ifEquals classname 'NavigationAction' this}}
+                appConfig: {{../../scope}}.appConfig,
+                {{/ifEquals}}
+                {{#ifEquals classname 'LoginAction' this}}
+                baseURL: {{../../scope}}.appConfig.url,
+                securityService: () => {{../../scope}}.appConfig.SecurityService,
+                useDefaultSuccessHandler: {{useDefaultSuccessHandler}},
+                {{#if onBeforeUpdate}}
+                onBeforeUpdate: (variable, inputData, options) => {
+                    return {{{onBeforeUpdate}}}
+                },
+                {{/if}}
+                {{/ifEquals}}
+                {{#ifEquals classname 'LogoutAction' this}}
+                baseURL: {{../../scope}}.appConfig.url,
+                redirectTo: '{{redirectTo}}',
+                useDefaultSuccessHandler: {{useDefaultSuccessHandler}},
+                securityService: () => {{../../scope}}.appConfig.SecurityService,
+                {{/ifEquals}}
+                {{#ifEquals classname 'TimerAction' this}}
+                repeating: {{{stringify repeating}}},
+                delay: {{{stringify delay}}},
+                {{#if onTimerFire}}
+                onSuccess: (variable, data, options) => {
+                    {{{onTimerFire}}}
+                },
+                {{/if}}
+                {{/ifEquals}}
+                {{#ifEquals classname 'NotificationAction' this}}
+                {{#if showDialog}}
+                showDialog: (options)  => {
+                    {{{showDialog}}}
+                },
+                {{/if}}
+                {{#if partialContent}}
+                partialContent: React.createElement(WmPartialContainer, {...{{{stringify partialContent}}}, parentWatcher: {{../../scope}}.watcher}),
+                {{/if}}
+                onOk: (variable, data, options) => {
+                    {{{onOk}}}
+                },
+                {{#ifEquals operation 'confirm' this}}
+                onCancel: (variable, data, options) => {
+                    {{{onCancel}}}
+                },
+                {{/ifEquals}}
+                {{#ifEquals operation 'toast' this}}
+                {{#ifEquals ../../scope 'App' this}}
+                 toasterService: () => {{../../scope}}.appConfig.currentPage.toaster,
+                 {{else}}
+                 toasterService: () => {{../../scope}}.toaster,
+                 {{/ifEquals}}
+                {{/ifEquals}}
+                onClose: (variable, data, options) => {
+                    {{{onClose}}}
+                },
+                {{/ifEquals}}
+                {{#ifEquals classname 'ServiceVariable' this}}
+                    getServiceInfo: () => {{../../scope}}.serviceDefinitions['{{operationId}}']?.wmServiceOperationInfo,
+                    {{#if onBeforeUpdate}}
+                    onBeforeUpdate: (variable, inputData, options) => {
+                        return {{{onBeforeUpdate}}}
+                    },
+                    {{/if}}
+                {{/ifEquals}}
+                {{#if onSuccess}}
+                onSuccess: (variable, data, options) => {
+                    {{{onSuccess}}}
+                },
+                {{/if}}
+                {{#if onError}}
+                onError: (variable, data, options) =>  {
+                    {{{onError}}}
+                },
+                {{/if}}
+                {{#if onCanUpdate}}
+                onCanUpdate: (variable, data, options) => {
+                    {{{onCanUpdate}}}
+                },
+                {{/if}}
+                {{#if onResult}}
+                onResult: (variable, data, options) => {
+                    {{{onResult}}}
+                },
+                {{/if}}
+                {{#if onBeforeDatasetReady}}
+                onBeforeDatasetReady: (variable, data, options) => {
+                    return {{{onBeforeDatasetReady}}}
+                },
+                {{/if}}
+                {{#if onOnline}}
+                onOnline: (variable, data, options) => {
+                    return {{{onOnline}}}
+                },
+                {{/if}}
+                {{#if onOffline}}
+                onOffline: (variable, data, options) => {
+                    return {{{onOffline}}}
+                },
+                {{/if}}
+                {{#if inFlightBehavior}}
+                inFlightBehavior: {{{stringify inFlightBehavior}}},
+                {{/if}}
+                {{#ifEquals isList true this}}
+                isList: {{isList}},
+                {{/ifEquals}}
+                {{#ifEquals twoWayBinding true this}}
+                twoWayBinding: {{twoWayBinding}},
+                {{/ifEquals}}
+                {{#if spinnerContext}}
+                spinnerContext: '{{spinnerContext}}',
+                {{/if}}
+                {{#if spinnerMessage}}
+                spinnerMessage: '{{spinnerMessage}}',
+                {{/if}}
+                {{#ifEquals classname 'LiveVariable' this}}
+                type: '{{type}}',
+                {{#ifEquals autoUpdate true this}}
+                autoUpdate: {{autoUpdate}},
+                {{/ifEquals}}
+                {{#if onBeforeUpdate}}
+                {{#ifEquals operation "read" this}}
+                onBeforeUpdate: (variable, dataFilter, options) => {
+                    return {{{onBeforeUpdate}}}
+                },
+                {{else}}
+                onBeforeUpdate: (variable, inputData, options) => {
+                    return {{{onBeforeUpdate}}}
+                },
+                {{/ifEquals}}
+                {{/if}}
+                liveSource: '{{liveSource}}',
+                baseUrl: {{../../scope}}.baseUrl,
+                orderBy: '{{orderBy}}',
+                propertiesMap: getEntityPropertyMap('{{liveSource}}', '{{type}}'),
+                relatedTables: getEntityRelatedTables('{{liveSource}}', '{{type}}'),
+                category: '{{category}}',
+                tableName: '{{tableName}}',
+                tableType: '{{tableType}}',
+                {{#ifNotEmpty filterExpressions this}}
+                filterExpressions: {{{stringify filterExpressions}}}
+                {{/ifNotEmpty}}
+                {{/ifEquals}}
+            }),
+            {{/each}}
+        },
+        {{/each}}
+    };
+};

package/src/templates/wmxcomponent/wmxcomponent.native.template ADDED Viewed

@@ -0,0 +1,52 @@
+import { createRef } from 'react';
+import { BaseComponent, BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import {{componentName}} from './index';
+const WIDGET_CSS_CLASSNAME = '{{cssClassName}}';
+class Wmx{{componentName}}Props extends BaseProps {
+    {{#each props}}
+      {{name}} = {{{defaultValue}}};
+    {{/each}}
+}
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+    addStyle(WIDGET_CSS_CLASSNAME, '', {
+        {{#each styles}}
+        '{{name}}' : {{{style}}},
+        {{/each}}
+    });
+});
+export class Wmx{{componentName}} extends BaseComponent {
+    widgetRef = createRef();
+    constructor(props) {
+        super(props,
+            WIDGET_CSS_CLASSNAME,
+            new Wmx{{componentName}}Props());
+    }
+    get widget() {
+        return this.widgetRef?.current;
+    }
+    renderWidget(props) {
+        return (
+            <{{componentName}}
+                ref={this.widgetRef}
+                {...this.styles}
+                {{#each props}}
+                {{propertyName}}={ props.{{name}} }
+                {{/each}}
+                {{#each events}}
+                {{eventName}} = { props.{{name}} }
+                {{/each}}
+            />
+        );
+    }
+};
+export default Wmx{{componentName}};

package/src/templates/wmxcomponent/wmxcomponent.web.template ADDED Viewed

@@ -0,0 +1,30 @@
+//web.js
+import React from 'react';
+import {
+  View,
+  Text,
+} from 'react-native';
+const styles = {
+  container: {
+    backgroundColor: '#666666',
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  text: {
+    fontWeight: 'bold',
+    color: '#fff'
+  }
+};
+export default (props) => (
+    <View style={styles.container}>
+      <Text style={styles.text}>
+        {"This Prefab doesn't support Web Preview."}
+      </Text>
+    </View>
+);