@dflex/draggable - npm Package Compare versions

Comparing version 2.7.2 to 2.8.0

package.json

 {
   "name": "@dflex/draggable",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "description": "Modern Draggable package for all JavaScript frameworks",
   "author": "Jalal Maskoun <[e-mail]>",
@@ -20,4 +21,4 @@ "scripts": {
   "dependencies": {
-    "@dflex/core-instance": "^2.7.2",
-    "@dflex/store": "^2.7.2"
+    "@dflex/core-instance": "^2.8.0",
+    "@dflex/store": "^2.8.0"
   },
@@ -44,3 +45,3 @@ "keywords": [
   },
-  "gitHead": "4c0f3773b9690eb9f7b184462f21620ccf728d55"
+  "gitHead": "c1db275a3790fa1aff5df818066721488ae305bb"
 }

readme.md

@@ -7,2 +7,4 @@ <h1 align="center">
 
+<h1 align="center">Modern Draggable package for all JavaScript frameworks</h1>
+
 <p align="center">
@@ -33,11 +35,23 @@ <a href="https://github.com/dflex-js/dflex">
 
-> Draggable is a native utility written in pure JS works for Web and Mobile
-
-DFlex draggable is the simplest solution to create JavaScript draggable
+DFlex Draggable is the simplest solution to create JavaScript draggable
 elements. No need for a special tutorial and thinking about implementation
 complexity or even migration to different technologies for different frameworks.
-It can be used with any app you have whether it is React, Vue, Angular or Svelte.
+It can be used with any app you have whether it is React, Vue, Angular or
+Svelte.
 
-## Installation
+## DFlex Features ✅
 
+- Dynamic architecture.
+- Traverse DOM without calling browser API.
+- Transform elements instead of reordering the DOM tree.
+- Animated movement from point-x to point-y.
+- Prevent drag and drop layout shift.
+- Isolated from data flow.
+- Headless as it is just functions that do manipulation.
+- Event driven API.
+- Targeting each DOM node individually.
+- Extensible using JSON tree instead of flat recursion.
+
+## Installation 📦
+
 ```bash
@@ -47,5 +61,22 @@ npm install @dflex/draggable
 
-## API
+## Documentation 📖
 
-Visit DFlex site for more <https://www.dflex.dev/> and to see live
-examples with the full code.
+Visit DFlex site for docs <https://www.dflex.dev/> and live demo.
+
+## Related Content 🏋️‍
+
+### [**Drag & Drop**](https://github.com/dflex-js/dflex/tree/master/packages/dnd)
+
+A Drag-and-Drop package for all JavaScript frameworks implementing an enhanced
+transformation mechanism to manipulate DOM elements. You can achieve a drag and
+drop with three steps only with mouse/touch event.
+
+### [**Utils/DOM Generator**](https://github.com/dflex-js/dflex/tree/master/packages/dom-gen)
+
+DOM relations generator algorithm. Generate relations between DOM elements based
+on element depth without a browser.
+
+### [**Utils/DOM Store**](https://github.com/dflex-js/dflex/tree/master/packages/store)
+
+The only Store that allows you to traverse through the DOM tree using element id
+without reading from the browser.

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

55767

increased by2.34%

Number of lines in readme file

80

increased by63.27%

Dependency changes

• Updated@dflex/core-instance@^2.8.0

• Updated@dflex/store@^2.8.0