feat: initial commit for universal schema

Author: vip-git

src/Form.tsx

@@ -1,3 +1,9 @@
+/**
+ * Todo:
+ * - This file should be generated for react framework code gen
+ * - All Material UI libs should come from UIFramework const
+ * - All imports should be optional based on what gets selected
+ */
 // Library
 import React from 'react';
 import { nanoid as generate } from 'nanoid';
@@ -10,6 +16,7 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 
 // Types
 import { FormProps } from '@core-types/Form.type';
+import Framework from './universal-schema/react.framework';
 
 // Internal
 import formStyles from './form-styles';
@@ -27,6 +34,11 @@ import {
 // Initial Contexts
 import { LoadingContext, EventContext, StepperContext } from './helpers/context';
 
+// const {
+//   React,
+//   nanoId: generate,
+// } = Framework.library;
+
 const Form = ({
   formData: originalFormData,
   schema = {},

src/universal-schema/angular.framework.ts

@@ -0,0 +1,37 @@
+import { UniversalSchemaFramework } from './types/universal-schema-framework.type';
+
+const Framework: UniversalSchemaFramework = {
+  library: {
+    React: import('react'),
+    nanoId: async () => (await import('nanoid')).nanoid,
+  },
+  uiFramework: {
+    name: 'MaterialUI',
+    platform: 'web',
+    components: {
+      string: {
+        input: import('@material-ui/core/Input'),
+      },
+      array: {
+        select: import('@material-ui/core/Select'),
+      },
+      boolean: {
+        checkbox: import('@material-ui/core/Checkbox'),
+      },
+      null: {
+        emptyDiv: import('@material-ui/core/Divider'),
+      },
+    },
+  },
+  interceptors: {
+    translateRatings: import('@react-jsonschema-form-interceptors/translate-ratings'),
+    // translateCurrency: import('@react-jsonschema-form-interceptors/translate-currency'),
+    translateRangeDate: import('@react-jsonschema-form-interceptors/translate-range-date'),
+  },
+  parsers: {
+    enumUtils: import('@react-jsonschema-form-utils/enum-utils'),
+    parseValues: import('@react-jsonschema-form-utils/parse-values'),
+  },
+};
+
+export default Framework;

src/universal-schema/ionic.framework.ts

@@ -0,0 +1,75 @@
+interface Library {
+    // Frameworks
+    React?: Promise<any>;
+    Angular?: Promise<any>;
+    ReactNative?: Promise<any>;
+    NativeScript?: Promise<any>;
+    Ionic?: Promise<any>;
+    Stencil?: Promise<any>;
+    Vue?: Promise<any>;
+
+    // Util Libs
+    nanoId?: Function;
+}
+
+interface Components {
+    // Mandatory components for every UIFramework
+    string: {
+        input: Promise<any>;
+
+        // Optional Components
+        select?: Promise<any>;
+        radioGroup?: Promise<any>;
+        autoComplete?: Promise<any>;
+        picker?: Promise<any>;
+        upload?: Promise<any>;
+        richTextEditor?: Promise<any>;
+        ratings?: Promise<any>;
+    },
+    null: {
+        emptyDiv: Promise<any>;
+    },
+    array: {
+        select: Promise<any>;
+
+        // Optional Components
+        autoComplete?: Promise<any>;
+        
+        // React Specific Components
+        creatableSelect?: Promise<any>;
+        reactSelect?: Promise<any>;
+    },
+    boolean: {
+        checkbox: Promise<any>;
+
+        // Optional Components
+        switch?: Promise<any>;
+    },
+}
+
+interface Parsers {
+    enumUtils?: Promise<any>;
+    parseValues?: Promise<any>;
+}
+
+interface Interceptors {
+    translateRatings?: Promise<any>;
+    translateCurrency?: Promise<any>;
+    translateRangeDate?: Promise<any>;
+}
+
+type UIFrameworkNames = 'MaterialUI' | 'SemanticUI' | 'BootstrapUI' | 'FluentUI' | 'ReactNativePaperUI' | 'Ionic';
+type UIFrameworkPlatforms = 'web' | 'mobile' | 'desktop';
+
+interface UIFramework {
+    name: UIFrameworkNames;
+    platform: UIFrameworkPlatforms;
+    components: Components;
+}
+
+export interface UniversalSchemaFramework {
+    library: Library;
+    parsers: Parsers;
+    interceptors: Interceptors;
+    uiFramework: UIFramework;
+}

src/universal-schema/native-script.framework.ts

@@ -7,7 +7,7 @@
         "@config/*": ["./src/config/*"],
       },
       "forceConsistentCasingInFileNames": true,
-      "module": "es6",
+      "module": "esnext",
       "moduleResolution": "node",
       "preserveConstEnums": true,
       "declaration": true,
@@ -16,7 +16,7 @@
       "noLib": false,
       "emitDecoratorMetadata": true,
       "experimentalDecorators": true,
-      "target": "es6",
+      "target": "esnext",
       "resolveJsonModule": true,
       "sourceMap": true,
       "allowJs": true,