Initial implementation of Bundled Plugins

index.js

@@ -19,6 +19,7 @@
 import definitions from "./src/definitions.js";
 import ApplicationFactory from "./src/application.js";
 import Labels from "./src/labels/labels.js";
+import LocalPlugins from "./src/plugins/index.js";
 
 // pull in our css we defined for our plugin
 // eslint-disable-next-line no-unused-vars
@@ -40,6 +41,9 @@ window.__AB_Plugins.push({
       AB.scriptLoadAll(this.scripts());
       AB.cssLoadAll(this.stylesheets());
 
+      // load any included plugins
+      LocalPlugins.load(AB);
+
       // At this point, the Plugin should already have loaded all it's definitions
       // into the AB Factory
       AB.pluginLoad(ApplicationFactory(AB));

src/plugins/index.js

@@ -0,0 +1,13 @@
+import viewListProperties from "./web_view_list/FNAbviewlist.js";
+import TabProperties from "./web_view_tab/FNAbviewtab.js";
+import TabEditor from "./web_view_tab/FNAbviewtabEditor.js";
+
+const AllPlugins = [TabProperties, TabEditor, viewListProperties];
+
+export default {
+   load: (AB) => {
+      AllPlugins.forEach((plugin) => {
+         AB.pluginRegister(plugin);
+      });
+   },
+};

src/rootPages/Designer/properties/views/ABViewList.js → src/plugins/web_view_list/FNAbviewlist.js

@@ -1,24 +1,33 @@
-/*
- * ABViewList
- * A Property manager for our ABViewList definitions
- */
-
-import FABView from "./ABView";
-
-export default function (AB) {
+// FNAbviewlist Properties
+// A properties side import for an ABView.
+//
+export default function FNAbviewlistProperties({
+   AB,
+   ABViewPropertiesPlugin,
+   // ABUIPlugin,
+}) {
    const BASE_ID = "properties_abview_list";
 
-   const ABView = FABView(AB);
-   const L = ABView.L();
    const uiConfig = AB.UISettings.config();
+   const L = AB.Label();
+
+   return class ABAbviewlistProperties extends ABViewPropertiesPlugin {
+      static getPluginKey() {
+         return this.key;
+      }
+
+      static getPluginType() {
+         return "properties-view";
+         // properties-view : will display in the properties panel of the ABDesigner
+      }
 
-   class ABViewListProperty extends ABView {
       constructor() {
          super(BASE_ID, {
             datacollection: "",
             field: "",
             height: "",
          });
+         this.AB = AB;
       }
 
       static get key() {
@@ -168,7 +177,5 @@ export default function (AB) {
       ViewClass() {
          return super._ViewClass("list");
       }
-   }
-
-   return ABViewListProperty;
+   };
 }

src/rootPages/Designer/properties/views/ABViewTab.js → src/plugins/web_view_tab/FNAbviewtab.js

@@ -1,21 +1,30 @@
-/*
- * ABViewTab
- * A Property manager for our ABViewTab definitions
- */
-
-import FABView from "./ABView";
-import FTabPopup from "../../interface_common/ui_tab_form_popup";
-
-export default function (AB) {
+// FNAbviewtab Properties
+// A properties side import for an ABView.
+//
+import FTabPopup from "../../rootPages/Designer/interface_common/ui_tab_form_popup";
+
+export default function FNAbviewtabProperties({
+   AB,
+   ABViewPropertiesPlugin,
+   // ABUIPlugin,
+}) {
    const BASE_ID = "properties_abview_tab";
 
-   const ABView = FABView(AB);
    const uiConfig = AB.Config.uiSettings();
-   const L = ABView.L();
+   const L = AB.Label();
 
    const TabPopup = FTabPopup(AB);
 
-   class ABViewTabProperty extends ABView {
+   return class ABAbviewtabProperties extends ABViewPropertiesPlugin {
+      static getPluginKey() {
+         return this.key;
+      }
+
+      static getPluginType() {
+         return "properties-view";
+         // properties-view : will display in the properties panel of the ABDesigner
+      }
+
       constructor() {
          super(BASE_ID, {
             sidebarWidth: "",
@@ -26,6 +35,7 @@ export default function (AB) {
             stackTabs: "",
             darkTheme: "",
          });
+         this.AB = AB;
       }
 
       static get key() {
@@ -209,7 +219,5 @@ export default function (AB) {
       ViewClass() {
          return super._ViewClass("tab");
       }
-   }
-
-   return ABViewTabProperty;
+   };
 }