IWMBrowser/iwmlib
4
0
Fork 0
Code Issues 6 Pull Requests Releases Wiki Activity

Removed jQuery and D3 dependencies.

Browse Source
This commit is contained in:
Sebastian Kupke
2019-03-28 09:37:30 +01:00
parent 85e7da252f
commit df0c2fea3a
14 changed files with 32 additions and 54393 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/iwmlib.3rdparty.js
Vendored
+5 -48254
View File
File diff suppressed because it is too large Load Diff
dist/iwmlib.3rdparty.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/iwmlib.3rdparty.preload.js
Vendored
-6061
View File
File diff suppressed because it is too large Load Diff
dist/iwmlib.3rdparty.preload.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/iwmlib.js
Vendored
+6 -6
View File
@@ -4149,12 +4149,12 @@
e.preventDefault();
let event = new CustomEvent('resizeStarted');
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
this.bringToFront();
this.element.style.transformOrigin = "0% 0%";
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
let offset = Points.subtract(oldPostition, newPostition);
@@ -4207,9 +4207,9 @@
e.preventDefault();
let event = new CustomEvent('resizeEnded');
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
this.element.style.transformOrigin = "50% 50%";
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
let offset = Points.subtract(oldPostition, newPostition);
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });
@@ -6713,7 +6713,7 @@
// drag animation
//--------------------
TweenMax.to(from, opts.duration, gsOpts);
TweenLite.to(from, opts.duration, gsOpts);
}, timelinePosition, [position]);
@@ -6878,7 +6878,7 @@
// drag animation
//--------------------
TweenMax.to(from, opts.duration, gsOpts);
TweenLite.to(from, opts.duration, gsOpts);
});
}, timelinePosition, [position]);
dist/iwmlib.pixi.js
Vendored
+4 -4
View File
@@ -7146,12 +7146,12 @@
e.preventDefault();
let event = new CustomEvent('resizeStarted');
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
this.bringToFront();
this.element.style.transformOrigin = "0% 0%";
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
let offset = Points.subtract(oldPostition, newPostition);
@@ -7204,9 +7204,9 @@
e.preventDefault();
let event = new CustomEvent('resizeEnded');
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
this.element.style.transformOrigin = "50% 50%";
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
let offset = Points.subtract(oldPostition, newPostition);
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });
gulpfile.js
+1 -5
View File
@@ -5,12 +5,9 @@ const concat = require('gulp-concat');
function vendors() {
return src([
'./node_modules/jquery/dist/jquery.js',
'./node_modules/optimal-select/dist/optimal-select.js',
'./node_modules/hammerjs/hammer.js',
'./node_modules/propagating-hammerjs/propagating.js',
'./node_modules/d3/dist/d3.js',
'./node_modules/d3-selection-multi/build/d3-selection-multi.js',
'./node_modules/highlight.js/lib/highlight.js',
'./node_modules/pixi.js/dist/pixi.js',
'./node_modules/pixi-compressed-textures/lib/crn_decomp.js',
@@ -18,7 +15,7 @@ function vendors() {
'./node_modules/pixi-filters/dist/pixi-filters.js',
'./node_modules/pixi-particles/dist/pixi-particles.js',
'./node_modules/pixi-projection/dist/pixi-projection.js',
'./node_modules/gsap/src/uncompressed/**/*.js',
'./node_modules/gsap/src/uncompressed/TweenLite.js',
'./lib/3rdparty/convertPointFromPageToNode.js',
], {sourcemaps: false})
.pipe(concat('iwmlib.3rdparty.js'))
@@ -31,7 +28,6 @@ function vendors() {
function preload() {
return src([
'./node_modules/highlight.js/lib/highlight.js',
'./node_modules/gsap/src/uncompressed/plugins/*.js',
'./node_modules/gsap/src/uncompressed/TweenLite.js',
'./lib/3rdparty/convertPointFromPageToNode.js',
], {sourcemaps: false})
lib/3rdparty/LICENSES.txt
Vendored
-19
View File
@@ -4,26 +4,7 @@ https://gist.github.com/Yaffle/1145197
No Licence ==> All Rights Reserved
D3
https://github.com/d3/d3/blob/master/LICENSE
A permissive license similar to the BSD 2-Clause License, but with a 3rd clause that prohibits others from using the name of the project or its contributors to promote derived products without written consent.
Greensock
https://greensock.com/licensing
Standard No Charge license allows commercial one-off project. Multiple installations require the "Business Green" license.
Pixie
https://github.com/usmanhalalit/pixie/blob/master/LICENSE
MIT License
jQuery
https://github.com/jquery/jquery/blob/master/LICENSE.txt
BSD style
lib/3rdparty/PATCHES.md
Vendored
-28
View File
@@ -1,28 +0,0 @@
# Patches
A listing of all manual changes of 3rdparty files.
## PIXI.js
+ Ensure that a minimal compressed texture example is working and apply changes to deepzoom.js~~ => Patched in pixi.js (Line 5794). + Changed:
```javascript
if (status === STATUS_NONE && text.length > 0)) {`
```
to
```javascript
if (status === STATUS_NONE && (text.length > 0 || xhr.responseURL.endsWith
('.dds'))) { // PATCH: Kupke, 07.08.2017`
```
+ Loading SVG Textures from filesystem
+ Problem: In PIXI 4.7.0 the XHTTP Request of PIXI, when loading an SVG from the filesystem returned an error message and prevented the svg from being displayed.
+ Solution: Just suppress the error when on local filesystem.
+ Location: *BaseTexture.prototype._loadSvgSourceUsingXhr*
```javascript
if(window.location.protocol !== "file:"){ // This condition was added.
if (svgXhr.readyState !== svgXhr.DONE || svgXhr.status !== 200) {
throw new Error('Failed to load SVG using XHR.');
}
}
```
lib/interaction.html
+6 -6
View File
@@ -363,27 +363,27 @@ You can grab the blue circle with touches or mouse and drag it around.</p>
const to = {scale: 1.3, transformOrigin: 'center', repeat: 1, yoyo: true}
InteractionMapper.on('tap', document.getElementById('hammer-1'), event => {
TweenMax.fromTo(event.target, .2, from, to)
TweenLite.fromTo(event.target, .2, from, to)
})
InteractionMapper.on('press', document.getElementById('hammer-2'), event => {
TweenMax.fromTo(event.target, .2, from, to)
TweenLite.fromTo(event.target, .2, from, to)
}, {time: 1000})
InteractionMapper.on('panright pandown', document.getElementById('hammer-3'), event => {
TweenMax.fromTo(event.target, .2, from, to)
TweenLite.fromTo(event.target, .2, from, to)
})
InteractionMapper.on(['swipeleft', 'swipedown'], document.getElementsByTagName('ellipse'), event => {
TweenMax.fromTo(event.target, .2, from, to)
TweenLite.fromTo(event.target, .2, from, to)
})
InteractionMapper
.on('pinch', document.getElementById('hammer-5'), event => {
TweenMax.fromTo(event.target, .2, from, to)
TweenLite.fromTo(event.target, .2, from, to)
})
.on('rotate', document.querySelectorAll('svg g > path.star'), event => {
TweenMax.fromTo(event.target, .2, from, to)
TweenLite.fromTo(event.target, .2, from, to)
})
.on('click', document.getElementById('hammer-1'), event => {
console.log(event)
lib/pixi/deepzoom/image.html
+1 -1
View File
@@ -11,7 +11,7 @@
<script src="../../3rdparty/highlight/highlight.pack.js"></script>
<script src="../../3rdparty/all.js"></script>
<script src="../../3rdparty/jquery.min.js"></script>
<script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../all.js"></script>
<script src="../all.js"></script>
lib/pixi/deepzoom/index.html
+1 -1
View File
@@ -11,7 +11,7 @@
<script src="../../3rdparty/highlight/highlight.pack.js"></script>
<script src="../../3rdparty/all.js"></script>
<script src="../../3rdparty/jquery.min.js"></script>
<script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../all.js"></script>
<script src="../all.js"></script>
lib/scatter.js
+4 -4
View File
@@ -1386,12 +1386,12 @@ export class DOMScatter extends AbstractScatter {
e.preventDefault()
let event = new CustomEvent('resizeStarted')
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
this.bringToFront()
this.element.style.transformOrigin = "0% 0%"
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
let offset = Points.subtract(oldPostition, newPostition)
@@ -1444,9 +1444,9 @@ export class DOMScatter extends AbstractScatter {
e.preventDefault()
let event = new CustomEvent('resizeEnded')
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
this.element.style.transformOrigin = "50% 50%"
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
let offset = Points.subtract(oldPostition, newPostition)
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } })
lib/uitest.js
+2 -2
View File
@@ -356,7 +356,7 @@ export default class UITest {
// drag animation
//--------------------
TweenMax.to(from, opts.duration, gsOpts)
TweenLite.to(from, opts.duration, gsOpts)
}, timelinePosition, [position])
@@ -521,7 +521,7 @@ export default class UITest {
// drag animation
//--------------------
TweenMax.to(from, opts.duration, gsOpts)
TweenLite.to(from, opts.duration, gsOpts)
})
}, timelinePosition, [position])