Socket
Socket
Sign inDemoInstall

electron-drag-drop

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

electron-drag-drop - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

28

index.js

@@ -11,5 +11,33 @@ 'use strict';

function _getPropertyDescriptor(obj, name) {
if (!obj) {
return null;
}
let pd = Object.getOwnPropertyDescriptor(obj, name);
return pd || _getPropertyDescriptor(Object.getPrototypeOf(obj), name);
}
function _copyprop(name, source, target) {
let pd = _getPropertyDescriptor(source, name);
Object.defineProperty(target, name, pd);
}
module.exports = {
drag: require('./lib/drag'),
droppable: require('./lib/droppable'),
addon (obj, ...args) {
obj = obj || {};
for (let i = 0; i < args.length; ++i) {
let source = args[i];
for ( let name in source) {
if ( !(name in obj) ) {
_copyprop( name, source, obj);
}
}
}
return obj;
}
};

2

package.json
{
"name": "electron-drag-drop",
"version": "1.0.0",
"version": "1.0.1",
"description": "Easily manipulate drag and drop in Electron.",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -24,6 +24,43 @@ # electron-drag-drop

**main process**
```javascript
const {drag, droppable} = require('electron-drag-drop');
// init drag-drop in main process
require('electron-drag-drop');
```
// TODO: do somethings
**renderer process**
```html
<body>
<div id="drag" draggable="true">Draggable Item</div>
<div id="drop" droppable="foobar" multi >Droppable Area</div>
<script>
const {drag, droppable, addon} = require('electron-drag-drop');
// drag
let dragEL = document.getElementById('drag');
dragEL.addEventListener('dragstart', event => {
drag.start(event.dataTransfer, {
effect: 'copy',
type: 'foobar',
items: 'Hello World!',
});
});
dragEL.addEventListener('dragend', event => {
drag.end();
});
// drop
let dropEL = document.getElementById('drop');
addon(dropEL, droppable);
dropEL._initDroppable(dropEL);
dropEL.addEventListener('drop-area-move', event => {
drag.updateDropEffect(event.detail.dataTransfer, 'copy');
});
</script>
</body>
```

@@ -30,0 +67,0 @@

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc