js-mvc-framework - npm Package Compare versions

Comparing version 1.3.2 to 1.3.3

demonstrament/documents/test/index.js

@@ -0,1 +1,22 @@
+import { View } from "/dependencies/mvc-framework.js"
+const view = new View({
+  parent: document.createElement("app"),
+  templates: { default: () => `
+    <button>BUTTON</button>
+  ` },
+  querySelectors: {
+    querySelector: {
+      button: ':scope > button',
+    }
+  },
+  events: {
+    "querySelectors.button click": ($event) => {
+      console.log($event.type, $event)
+    }
+  },
+}).render()
+document
+.querySelector('main')
+.insertAdjacentElement('afterbegin', view.parent)
+/*
 import { Content, Model } from '/dependencies/mvc-framework.js'
@@ -55,2 +76,3 @@ // const content = new Content({
 content.set("propertyA.propertyB.propertyC", "CCCCCCCCC")
-content.delete("propertyA.propertyB.propertyC")
+content.delete("propertyA.propertyB.propertyC")
+*/

development/index.js

@@ -17,3 +17,2 @@ // Primary Imports
   // Primary Exports
-  Core, 
   Model, 
@@ -24,4 +23,6 @@ View,
   // Secondary Exports
+  Core, 
   Schema, Content,
+  // Tertiary Exports
   Validator, Validation,
 }

package.json

 {
   "name": "js-mvc-framework",
   "author": "Thomas Patrick Welborn",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "type": "module",
@@ -6,0 +6,0 @@ "scripts": {

README.md

@@ -12,2 +12,88 @@ > [!WARNING]
 # MVC Framework
-MVC Framework is a Javascript implementation of the **[Presentation-Abstraction-Control (PAC) Pattern](https://en.wikipedia.org/wiki/Presentation%E2%80%93abstraction%E2%80%93control)**
+Javascript implementation of the **[Presentation-Abstraction-Control (PAC) Pattern](https://en.wikipedia.org/wiki/Presentation%E2%80%93abstraction%E2%80%93control)** that also supports **[Model-View-Control (MVC) Patterns](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)**.  
+
+**Features**  
+ - Web component, web page, or web application use.  
+ - Simplistic configuration.  
+ - Versatile patterning.  
+ - Familiar programming interfaces promote plain Javascript.  
+ - Event management system.  
+ - Modeled content property modifer events, nested events.  
+ - Window Location and Fetch Routers.  
+
+## Class System
+MVC Framework Classes may be instantiated independently or interdependently.  
+### Independent Classes
+| SYMBOL | NAME | DESCRIPT |
+| -----: | :--- | :------- |
+| M | MODEL | Manage schematized content. |
+| X | MODEL SCHEMA | Manage data schema. |
+| D | MODEL CONTENT | Manage data content. |
+| V | VIEW | Manage templated markup elements. |
+| R | ROUTER | Window location router or fetch router. |
+| R<sup>L</sup> | ROUTER (LOCATION) | Manage window location. |
+| R<sup>F</sup> | ROUTER (FETCH) | Manage AJAX connection. |
+| C | CONTROL | Manage Model, View, Control, Location/Fetch Routers. |
+| E | CORE | Manage Event Target Events. |
+
+### Interdependent Class Structures
+| FORMULA | NAME | ACRONYM | DESCRIPT |
+| ------: | :--- | :------ | :------- |
+|**C**<sub>MVRC<sub>\*</sub></sub> | Control (Model, View, Router, Controls) | CMVRC | Control class instances contain model, view, router, and subcontrol class instances. |
+|**M**<sub>VRM<sub>\*</sub></sub> | Model (View, Router, Models) | MVRM | Model class instances contain view, router, and submodel class instances. |
+|**V**<sub>MRV<sub>\*</sub></sub> | View (Model, Router, Views) | VMRV | View class instances contain model, router, and subview class instances. |
+|**R**<sub>MVR<sub>\*</sub></sub> | Router (Model, View, Routers) | RMVR | Router class instances contain model, view, and subrouter class instances. |
+
+## References
+### Other Frameworks
+Other frameworks that alone or combined resemble MVC Framework and it's class system.  
+**MV\* Frameworks**  
+ - [PureMVC](https://puremvc.org/)
+ - [Backbone](https://backbonejs.org/)
+ - [Marionette](https://marionettejs.com/)
+ - [Knockout](https://knockoutjs.com/)
+ - [Angular](https://angular.dev/)
+ - [React](https://react.dev/)
+
+**Modeled Data Frameworks**  
+ - [Mongoose](https://mongoosejs.com/)
+ - [ReactRedux](https://react-redux.js.org/)
+
+**Router Frameworks**  
+ - [ReactRouter](https://reactrouter.com/)
+ - [Express](https://expressjs.com/)
+### Keywords 
+ - Presentation-Abstraction-Control
+ - Hierarchal Movel-View-Control
+ - Model-View-Control Framework
+   - MV* Framework
+   - MVC Framework
+   - MVR Framework
+   - MVVR Framework
+   - MVVM Framework
+   - MV Framework
+ - Array, Object Events
+   - Array, Object Event Bubbling
+   - Array, Object Nested Events
+ - Array Events
+   - Array Concat Event
+   - Array CopyWithin Event
+   - Array Fill
+   - Array Pop Event
+   - Array Push Event
+   - Array Reverse Event
+   - Array Shift Event
+   - Array Splice Event
+   - Array Unshift Event
+ - Object Events
+   - Object Assign Event
+   - Object Define Properties/Property Event
+   - Object Freeze Event
+   - Object Seal Event
+ - Property Accessor Events
+   - Get Event
+   - Set Event
+   - Delete Event
+ - Data Model Validation
+ - Query Selector
+ - Plain/Vanilla JS Framework

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1695110

increased by0.22%

Number of downloads

238

increased by108.77%

Lines of code

13103

increased by0.18%

Number of lines in readme file

99

increased by661.54%

Published versions last months

28

increased by21.74%

No dependency changes