@wavemaker/rn-codegen 12.0.0-next.45752 → 12.0.0-next.47810

package/src/templates/bootstrap.template

@@ -0,0 +1,89 @@
+import { LogBox } from 'react-native';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+import Logger from '@wavemaker/app-rn-runtime/core/logger';
+import StorageService from '@wavemaker/app-rn-runtime/core/storage.service';
+import WM from '@wavemaker/app-rn-runtime/runtime/platform.api';
+import AppI18nService from '@wavemaker/app-rn-runtime/runtime/services/app-i18n.service';
+import appTheme from './app.theme';
+import PageConfig from './src/pages/pages-config';
+import PartialConfig from './src/partials/partial-config';
+
+{{#each prefabUsed}}
+import {{this}}Config from './src/prefabs/{{this}}/src/partials/partial-config';
+{{/each}}
+
+import SecurityService from '@wavemaker/app-rn-runtime/runtime/services/app-security.service';
+import axios from 'axios';
+import ResourceResolver from './src/resolve/resource.resolver';
+import * as config from './wm_rn_config.json';
+
+export const appConfig = {
+    url : config.serverPath !==  'http://NOSERVERREQUIRED.com' ? config.serverPath : null,
+    theme: appTheme,
+    preferences: config.preferences,
+    splash: config.splash,
+    spinner: {loader: config.loader, json:{}},
+    refresh: () => {},
+    SecurityService: SecurityService,
+    appLocale: {},
+    diagnostics: {
+        appStartTime: Date.now(),
+        appReadyTime: Date.now(),
+        pageStartTime: -1,
+        pageReadyTime: -1
+    },
+    revertLayoutToExpo50: config.revertLayoutToExpo50,
+    edgeToEdgeConfig:config.edgeToEdgeConfig,
+};
+
+{{#if profile.generateWeb}}
+appConfig.url = location.href.split('/rn-bundle')[0];
+{{/if}}
+
+injector.set('APP_CONFIG', appConfig);
+injector.I18nService.set(AppI18nService);
+
+LogBox.ignoreLogs(['VirtualizedLists should never be nested']);
+global.wm = WM;
+{{#if enableLogs}}
+{{else}}
+LogBox.ignoreAllLogs();
+{{/if}}
+axios.defaults.withCredentials = true;
+StorageService.target = config.id;
+
+if(config.initScript){
+const initScript = ResourceResolver.resolve(config.initScript, appConfig.url);
+initScript.default && initScript.default();
+}
+
+const bootstrap = () => {
+    const prefabsPartials = [
+        {{#each prefabUsed}}
+        {
+            prefabName: "{{this}}",
+            partials: {{this}}Config
+        },
+        {{/each}}
+    ]
+
+    Logger.init();
+    injector.set('AppConfig', appConfig);
+    appConfig.appId = config.id;
+    appConfig.pages = PageConfig;
+    appConfig.partials = PartialConfig;
+    appConfig.prefabs = {partials: prefabsPartials};
+    {{#ifEquals profile.targetPlatform 'web' this}}
+    {{#ifEquals loader 'skeleton' this}}
+    {{else}}    
+    return axios.get(ResourceResolver.resolve("resources/files/"+config.loader+".json", appConfig.url)).then((response)=>{
+        appConfig.spinner.json = response.data;
+        appConfig.refresh();
+    });
+    {{/ifEquals}}
+    {{else}}
+        appConfig.spinner.json = ResourceResolver.resolve("resources/files/"+config.loader+".json", appConfig.url);
+        appConfig.refresh();
+    {{/ifEquals}}
+};
+export default bootstrap;

package/src/templates/component/component.template

@@ -0,0 +1,153 @@
+import React from 'react';
+
+import { ScrollView } from 'react-native-gesture-handler';
+
+import { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';
+import Base{{typeLabel}} from '@wavemaker/app-rn-runtime/runtime/base-{{lType}}.component';
+import { useWatcher } from '@wavemaker/app-rn-runtime/runtime/watcher';
+import { WmMemo } from '@wavemaker/app-rn-runtime/runtime/memo.component';
+import { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';
+{{#each eagerImports}}
+import {{name}} from '{{from}}';
+{{/each}}
+{{#contains 'prefab,customwidget' lType this}}
+import { PartialServiceImpl } from '@wavemaker/app-rn-runtime/runtime/services/partial.service';
+
+import defaultProps from './{{name}}.props';
+import partialConfig from '../../partials/partial-config';
+{{/contains}}
+import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+
+import { merge, get as _get } from 'lodash';
+import ResourceResolver from '../../resolve/resource.resolver';
+import add{{typeLabel}}Script from './{{name}}.script';
+import styles from './{{name}}.style';
+import getVariables from './{{name}}.variables';
+
+const FragmentContext = React.createContext();
+
+{{#each lazyImports}}
+const {{name}} = React.lazy(() => import('{{from}}'));
+{{/each}}
+
+{{#each components}}
+const {{@key}} = {{{this}}};
+
+{{/each}}
+
+export default class {{name}}{{typeLabel}} extends Base{{typeLabel}} {
+
+  {{#ifEquals lType 'prefab' this}}
+    {{#each dynamicPrefabProps}}
+        {{@key}};
+    {{/each}}
+  {{/ifEquals}}
+
+  {{#ifEquals lType 'customwidget' this}}
+    {{#each dynamicPrefabProps}}
+        {{@key}};
+    {{/each}}
+  {{/ifEquals}}
+
+  components;
+
+  constructor(props) {
+    {{#contains 'prefab,customwidget' lType this}}
+    super(props, defaultProps, new PartialServiceImpl(partialConfig))
+    {{else}}
+    super(props);
+    {{/contains}}
+    {{#ifEquals lType 'partial' this}}
+    this.pageParams = this.state.props;
+    {{/ifEquals}}
+    const _this = this.proxy;
+    this.name = "{{name}}";
+    this.theme = (props.themeToUse || this.appConfig.theme);
+    const styleOverrides = this.theme.getStyle(props.classname);
+    this.theme = this.theme.$new('{{name}}-styles', styles);
+    if (styleOverrides) {
+      this.theme = this.theme.$new('{{name}}-styleOverrides', styleOverrides);
+    }
+  }
+
+  {{#ifEquals lType 'prefab' this}}
+    evalDynamicProps() {
+      const _this = this.proxy;
+      {{#each dynamicPrefabProps}}
+      _this.setPropDefault('{{@key}}', {{{this}}});
+      {{/each}}
+    }
+  {{/ifEquals}}
+
+  {{#ifEquals lType 'customwidget' this}}
+    evalDynamicProps() {
+      const _this = this.proxy;
+      {{#each dynamicProps}}
+      _this.setPropDefault('{{@key}}', {{{this}}});
+      {{/each}}
+    }
+  {{/ifEquals}}
+
+  init() {
+    const data = getVariables(this.proxy);
+    this.fragmentVariables = data.Variables;
+    this.fragmentActions = data.Actions;
+    this.Variables = Object.assign(this.Variables, data.Variables);
+    this.Actions = Object.assign(this.Actions, data.Actions);
+    this.startUpVariables = [{{#each startUpVariables}}'{{this}}',{{/each}}];
+    this.startUpActions = [{{#each startUpActions}}'{{this}}',{{/each}}];
+    this.autoUpdateVariables = [{{#each autoUpdateVariables}}'{{this}}',{{/each}}];
+    add{{typeLabel}}Script(this.App, this.proxy);
+  }
+  
+  provideAsset = (path) => this.handleUrl(path);
+
+  componentDidMount() {
+    
+    {{#ifEquals lType 'prefab' this}}
+      {{#if profile.useLocalMetadata}}
+      Promise.resolve(require('../../../service-definitions.json').serviceDefs)
+      {{else}}
+      this.getServiceDefinitions()
+      {{/if}}
+      .then((defs) => {
+        this.serviceDefinitions = defs;
+        this.init();
+        super.componentDidMount();
+        super.onFragmentReady();
+      });
+    {{else}}
+      this.init();
+      super.componentDidMount();
+      super.onFragmentReady();
+    {{/ifEquals}}
+  }
+
+  handleUrl(url) {
+    return this.App.handleUrl(url) ||
+      ResourceResolver.resolve(url, this.resourceBaseUrl) ||
+      super.handleUrl(url);
+  }
+
+  {{#ifEquals lType 'page' this}}
+  renderPage() {
+  {{/ifEquals}}
+  {{#ifEquals lType 'prefab' this}}
+  renderPrefab() {
+  this.evalDynamicProps();
+  {{/ifEquals}}
+  {{#ifEquals lType 'customwidget' this}}
+  renderCustomWidget() {
+  this.evalDynamicProps();
+  {{/ifEquals}}
+  {{#ifEquals lType 'partial' this}}
+  renderPartial() {
+  {{/ifEquals}}
+    const fragment = this.proxy;
+    return (<FragmentContext.Provider value={this.proxy}>
+      <AssetProvider value={this.provideAsset}>
+        {{{markup}}}
+      </AssetProvider>
+    </FragmentContext.Provider>);
+  }
+}

package/src/templates/component/design-token.style.template

@@ -0,0 +1,8 @@
+{{#each styledefs}}
+
+{{this.className}} {
+    {{#each dtStyle}}
+    {{@key}}: {{this}};
+    {{/each}}
+}
+{{/each}}

package/src/templates/component/design-tokens-defaults.template

@@ -0,0 +1,12 @@
+:root[color="{{colorScheme}}"]  {
+    {{#each tokens}}
+    /*{{this.path}}*/
+    {{#each this.tokens}}
+    {{@key}}: {{this}};
+    {{/each}}
+
+
+
+
+    {{/each}}
+}

package/src/templates/component/style-def.template

@@ -0,0 +1,19 @@
+@import url('{{basePath}}variables.less');
+{{#each styledefs}}
+
+
+{{#ifNotEmpty this.document this}}
+/**********************************************************************************
+{{this.document}}
+***********************************************************************************/
+{{/ifNotEmpty}}
+{{this.className}} {
+    {{#each style}}
+    {{@key}}: {{this}};
+    {{/each}}
+}
+{{/each}}
+
+@import (optional) url('{{basePath}}../wavemaker/design-tokens/{{path}}');
+@import (optional) url('{{basePath}}../custom/components/{{path}}');
+@import (optional) url('{{basePath}}../custom/os/components/{{path}}');

package/src/templates/foundation-theme/.wmproject.properties

@@ -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">foundation-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/foundation-theme/build/android/wavemaker/components/advanced/carousel/carousel-content.less

@@ -0,0 +1,12 @@
+@import url('../../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of carousel content.
+***********************************************************************************/
+.app-carousel-content {
+}
+
+@import (optional) url('../../../../wavemaker/design-tokens/advanced/carousel/carousel-content.less');
+@import (optional) url('../../../../custom/components/advanced/carousel/carousel-content.less');
+@import (optional) url('../../../../custom/os/components/advanced/carousel/carousel-content.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/advanced/carousel/carousel-template.less

@@ -0,0 +1,12 @@
+@import url('../../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of carousel template.
+***********************************************************************************/
+.app-carousel-template {
+}
+
+@import (optional) url('../../../../wavemaker/design-tokens/advanced/carousel/carousel-template.less');
+@import (optional) url('../../../../custom/components/advanced/carousel/carousel-template.less');
+@import (optional) url('../../../../custom/os/components/advanced/carousel/carousel-template.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/advanced/carousel.less

@@ -0,0 +1,126 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of the carousel widget.
+***********************************************************************************/
+.app-carousel {
+}
+
+
+/**********************************************************************************
+To style the arrow indicators wrapper element of carousel widget.
+***********************************************************************************/
+.app-carousel-btn-panel {
+}
+
+
+/**********************************************************************************
+To style slide.
+***********************************************************************************/
+.app-carousel-slide {
+}
+
+
+/**********************************************************************************
+To style the first slide.
+***********************************************************************************/
+.app-carousel-first-slide {
+}
+
+
+/**********************************************************************************
+To style the last slide.
+***********************************************************************************/
+.app-carousel-last-slide {
+}
+
+
+/**********************************************************************************
+To style the active slide.
+***********************************************************************************/
+.app-carousel-active-slide {
+}
+
+
+/**********************************************************************************
+To style the previous(left) arrow indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-prev-btn {
+}
+
+
+.app-carousel-prev-btn .root {
+}
+
+
+.app-carousel-prev-btn .text {
+}
+
+
+.app-carousel-prev-btn .app-icon-shape {
+    color: @carouselPrevBtnColor;
+}
+
+
+/**********************************************************************************
+To style the next(right) arrow indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-next-btn {
+}
+
+
+.app-carousel-next-btn .app-icon-shape {
+    color: @carouselNextBtnColor;
+}
+
+
+.app-carousel-next-btn .root {
+}
+
+
+.app-carousel-next-btn .text {
+}
+
+
+/**********************************************************************************
+To style dot container.
+***********************************************************************************/
+.app-carousel-dot-wrapper {
+    background-color: @carouselDotWrapperBgColor;
+}
+
+
+.app-carousel-dot-container {
+}
+
+
+/**********************************************************************************
+To style the dot indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-dot {
+    background-color: @carouselActiveDotColor;
+}
+
+
+/**********************************************************************************
+To style the active dot indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-active-dot {
+    background-color: @carouselDotColor;
+}
+
+
+/**********************************************************************************
+To style the skeleton of the carousel widget
+***********************************************************************************/
+.app-carousel-skeleton {
+}
+
+
+.app-carousel-dot-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/carousel.less');
+@import (optional) url('../../../custom/components/advanced/carousel.less');
+@import (optional) url('../../../custom/os/components/advanced/carousel.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/advanced/customwidgetcontainer.less

@@ -0,0 +1,5 @@
+@import url('../../variables.less');
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/customwidgetcontainer.less');
+@import (optional) url('../../../custom/components/advanced/customwidgetcontainer.less');
+@import (optional) url('../../../custom/os/components/advanced/customwidgetcontainer.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/advanced/login.less

@@ -0,0 +1,30 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of login widget.
+***********************************************************************************/
+.app-login {
+}
+
+
+.app-login-text {
+}
+
+
+/**********************************************************************************
+To style the error message of login widget.
+***********************************************************************************/
+.app-login-error-message {
+}
+
+
+/**********************************************************************************
+To style the login form container.
+***********************************************************************************/
+.app-login-form-container {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/login.less');
+@import (optional) url('../../../custom/components/advanced/login.less');
+@import (optional) url('../../../custom/os/components/advanced/login.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/advanced/network-toast.less

@@ -0,0 +1,40 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of the Network toast message widget.
+***********************************************************************************/
+.app-network-info-toaster {
+}
+
+
+/**********************************************************************************
+To style the Network toast message text.
+***********************************************************************************/
+.app-network-info-toaster-text {
+}
+
+
+/**********************************************************************************
+To style actions in the Network toast.
+***********************************************************************************/
+.app-network-info-toaster-action {
+}
+
+
+/**********************************************************************************
+To style text of actions in the Network toast.
+***********************************************************************************/
+.app-network-info-toaster-action-text {
+}
+
+
+/**********************************************************************************
+To style the separator between actions
+***********************************************************************************/
+.app-network-info-toaster-action-separator {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/network-toast.less');
+@import (optional) url('../../../custom/components/advanced/network-toast.less');
+@import (optional) url('../../../custom/os/components/advanced/network-toast.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/advanced/webview.less

@@ -0,0 +1,19 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of webview component.
+***********************************************************************************/
+.app-webview {
+}
+
+
+/**********************************************************************************
+To style the content of webview component.
+***********************************************************************************/
+.app-webview-content {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/webview.less');
+@import (optional) url('../../../custom/components/advanced/webview.less');
+@import (optional) url('../../../custom/os/components/advanced/webview.less');