OpenSeadragon - extension "ZoomableImages" ... working experimental - MediaWiki-l

3 Nov 2016

Bawolff, Daniel or anyone else out there:

Is there interest in helping create a 'ZoomableImages' extension?

I am have some working code (below)... it would need a security audit  
and bit more polish.

I started a page for the extension on MediaWiki --  
https://www.mediawiki.org/wiki/Extension:ZoomableImages

Previously reported stuff on Phabricator... but I think the account is locked.

Reading about uploading...

Michael

ZoomableImages.php
----------------------------------------------------------------
<?php

/**
  * @extension ZoomableImages
  * @author Michael Bonert (AKA: Nephron)
  * @copyright © 2016 Michael Bonert
  * @licence GNU General Public Licence Version 2.0+
  * @description allow use of deep zoom images (DZI) via OpenSeadragon
  */

// Extension credits that will show up on Special:Version
$wgExtensionCredits['tag'][] = array(
         'name' => "ZoomableImages",
         'author' => "Michael Bonert",
         'description' => "Extension to allow use of zoomable images  
using the OpenSeadragon viewer",
         'version' => "0.1",
         'license-name' => "GPL-2.0+",
);

$wgAutoloadClasses['ZoomableImages'] = $IP .  
'/extensions/ZoomableImages/ZoomableImages_body.php';
$wgHooks['ParserFirstCallInit'][] = 'ZoomableImages::onParserInit';
?>
----------------------------------------------------------------

ZoomableImages_body.php
----------------------------------------------------------------
<?php
class ZoomableImages {
	static function onParserInit( Parser $parser ) {
		$parser->setHook( 'zoomableimage', array( __CLASS__,  
'zoomableimageRender' ) );
		return true;
	}
	static function zoomableimageRender( $input, array $args, Parser  
$parser, PPFrame $frame ) {
		$attr = array();
		// make a list of attributes and their values and dump them along  
with the user input

		// initialize 'width' and 'height'
		$zimage_width = -1;
		$zimage_height = -1;

		foreach( $args as $name => $value )  {
		  $attr[] = '<strong>' . htmlspecialchars( $name ) . '</strong>
= '  
. htmlspecialchars( $value );
		  // get 'width', 'height' and 'name'
		  if ( $name == 'name') {
		    $zimage_name= $value;
		    }
		  if ( $name == 'width' ) {
		    $zimage_width = $value;
		    }
		  if ( $name == 'height' ) {
		    $zimage_height = $value;
		    }
		  }

		// if 'width' and 'height' not defined set default values
		if ( $zimage_width == -1 ) {
		  $zimage_width=400;
		  }
		if ( $zimage_height == -1 ) {
		  $zimage_width=300;
		  }

		$ret = '<table>';
		$ret .= '<tr>';
		$ret .= '<!-- OpenSeadragon zoomable image -->';
		$ret .= '<div id="openseadragon1" style="width: ' .
$zimage_width .  
'px; height:' . $zimage_height . 'px;"></div>';
		$ret .= '<script  
src="../extensions/ZoomableImages/openseadragon/openseadragon.min.js"></script>';
		$ret .= '<script type="text/javascript"> var viewer =  
OpenSeadragon({ id: "openseadragon1", prefixUrl:  
"../extensions/ZoomableImages/openseadragon/images/", tileSources:  
"../images/zimages/' . $zimage_name . '" });</script>';
		$ret .= '</tr>';
		$ret .= '</table>';
		return $ret;
	}
}
----------------------------------------------------------------

extension.json
----------------------------------------------------------------
{
	"name": "ZoomableImages",
	"author": [
		"Michael Bonert"
	],
	"license-name": "GPL-2.0+",
	"url": "https://www.mediawiki.org/wiki/Extension:ZoomableImages",
	"descriptionmsg": "zoomableimages-desc",
	"type": "parserhook",
	"MessagesDirs": {
		"ZoomableImages": [
		]
	},
	"Hooks": {
		"ParserFirstCallInit": [
			"ZoomableImages::init"
		]
	},
	"manifest_version": 1
}
----------------------------------------------------------------