Clean up php class and add DocBlocks
Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
@@ -2,20 +2,40 @@
|
|||||||
use MediaWiki\MediaWikiServices;
|
use MediaWiki\MediaWikiServices;
|
||||||
|
|
||||||
class GlModelViewer extends ImageHandler {
|
class GlModelViewer extends ImageHandler {
|
||||||
|
/**
|
||||||
|
* MWHook: Add gltf mime types to MimeMagic
|
||||||
|
*
|
||||||
|
* @see https://www.mediawiki.org/wiki/Manual:Hooks/MimeMagicInit
|
||||||
|
*
|
||||||
|
* @param MimeAnalyzer $mime Instance of MW MimeAnalyzer object
|
||||||
|
*/
|
||||||
public static function onMimeMagicInit(MimeAnalyzer $mime) {
|
public static function onMimeMagicInit(MimeAnalyzer $mime) {
|
||||||
$mime->addExtraTypes('model/gltf-binary glb gltf');
|
$mime->addExtraTypes('model/gltf-binary glb gltf');
|
||||||
$mime->addExtraInfo('model/gltf-binary [DRAWING]');
|
$mime->addExtraInfo('model/gltf-binary [DRAWING]');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MWHook: Make sure that gltf files get the proper mime assignement on upload
|
||||||
|
*
|
||||||
|
* @see https://www.mediawiki.org/wiki/Manual:Hooks/MimeMagicImproveFromExtension
|
||||||
|
*
|
||||||
|
* @param MimeAnalyzer $mimeAnalyzer Instance of MW MimeAnalyzer object
|
||||||
|
* @param string $ext extention of upload file
|
||||||
|
* @param string &$mime current assigned mime type
|
||||||
|
*/
|
||||||
public static function onMimeMagicImproveFromExtension( MimeAnalyzer $mimeAnalyzer, $ext, &$mime ) {
|
public static function onMimeMagicImproveFromExtension( MimeAnalyzer $mimeAnalyzer, $ext, &$mime ) {
|
||||||
if ( $mime !== 'model/gltf-binary' && in_array( $ext, ['glb', 'gltf'] ) ) {
|
if ( $mime !== 'model/gltf-binary' && in_array( $ext, ['glb', 'gltf'] ) ) {
|
||||||
$mime = 'model/gltf-binary';
|
$mime = 'model/gltf-binary';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function doTransform($image, $dstPath, $dstUrl, $params, $flags = 0) {
|
/**
|
||||||
}
|
* MWHook: Load the js and css modules if model-viewer element is found in the html output
|
||||||
|
*
|
||||||
|
* @see https://www.mediawiki.org/wiki/Manual:Hooks/BeforePageDisplay
|
||||||
|
*
|
||||||
|
* @param OutputPage $out compiled page html and manipulation methods
|
||||||
|
*/
|
||||||
public static function onBeforePageDisplay(OutputPage $out) {
|
public static function onBeforePageDisplay(OutputPage $out) {
|
||||||
preg_match('/(<model-viewer src="\S*?\.(glb|gltf"))/',$out->getHTML(),$findGltf);
|
preg_match('/(<model-viewer src="\S*?\.(glb|gltf"))/',$out->getHTML(),$findGltf);
|
||||||
if ($findGltf[0]) {
|
if ($findGltf[0]) {
|
||||||
@@ -23,24 +43,61 @@ class GlModelViewer extends ImageHandler {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MWHook: Replace File link rendered image with model-viewer element
|
||||||
|
*
|
||||||
|
* @see https://www.mediawiki.org/wiki/Manual:Hooks/ImageBeforeProduceHTML
|
||||||
|
*
|
||||||
|
* @param DummyLinker &$linker
|
||||||
|
* @param Title &$title
|
||||||
|
* @param FileObject &$file object containing information regarding the actual file for the File page
|
||||||
|
* @param array &$frameParams any added parameters of the file link such as class etc.
|
||||||
|
* @param array &$handlerParams
|
||||||
|
* @param &$time
|
||||||
|
* @param &$result By reference access to the rendered html result of the image
|
||||||
|
* @param Parser $parser
|
||||||
|
* @param string &$query
|
||||||
|
* @param &$widthOption
|
||||||
|
* @return bool|void True to continue default processing or false to abort for custom processing
|
||||||
|
*/
|
||||||
public static function onImageBeforeProduceHTML( DummyLinker &$linker, Title &$title, &$file, array &$frameParams, array &$handlerParams, &$time, &$result, Parser $parser, string &$query, &$widthOption ) {
|
public static function onImageBeforeProduceHTML( DummyLinker &$linker, Title &$title, &$file, array &$frameParams, array &$handlerParams, &$time, &$result, Parser $parser, string &$query, &$widthOption ) {
|
||||||
if ($file->getMimeType() !== 'model/gltf-binary') {
|
if ($file->getMimeType() !== 'model/gltf-binary') {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
$result = self::buildViewer($file->getDescriptionText(), $file->getFullUrl(), $frameParams);
|
$result = self::buildViewer($file->getDescriptionText(), $file->getFullUrl(), $frameParams);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MWHook: Display model on file page
|
||||||
|
*
|
||||||
|
* @see https://www.mediawiki.org/wiki/Manual:Hooks/ImageOpenShowImageInlineBefore
|
||||||
|
*
|
||||||
|
* @param ImagePage $imagepage information regarding the page for the image file
|
||||||
|
* @param OutputPage $out compiled page html and manipulation methods
|
||||||
|
*/
|
||||||
public static function onImageOpenShowImageInlineBefore( $imagepage, $out ){
|
public static function onImageOpenShowImageInlineBefore( $imagepage, $out ){
|
||||||
$file = $imagepage->getFile();
|
$file = $imagepage->getFile();
|
||||||
if ($file->getMimeType() !== 'model/gltf-binary') {
|
if ($file->getMimeType() == 'model/gltf-binary') {
|
||||||
return;
|
$out->addModules('ext.glmv');
|
||||||
|
|
||||||
|
$viewer = self::buildViewer($file->getDescriptionText(), $file->getFullUrl(), ['class' => 'view-default']);
|
||||||
|
$out->addHtml(Html::rawElement('div',['id' => 'file', 'class' => 'fullModelView'],$viewer));
|
||||||
}
|
}
|
||||||
$out->addModules('ext.glmv');
|
|
||||||
$viewer = self::buildViewer($file->getDescriptionText(), $file->getFullUrl(), ['class' => 'view-default']);
|
|
||||||
$out->addHtml(Html::rawElement('div',['id' => 'file', 'class' => 'fullModelView'],$viewer));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MWHook: Display model when model file page edits are previewed
|
||||||
|
*
|
||||||
|
* @see https://www.mediawiki.org/wiki/Manual:Hooks/AlternateEditPreview
|
||||||
|
*
|
||||||
|
* @param EditPage $editor access to information about the edit page itself
|
||||||
|
* @param Content $content access to the current content of the editor
|
||||||
|
* @param string &$previewHTML by reference access to the resultant compiled preview html
|
||||||
|
* @param ?ParserOutput &$parserOutput
|
||||||
|
* @return bool|void True to continue default processing or false to abort for custom processing
|
||||||
|
*/
|
||||||
public static function onAlternateEditPreview( EditPage $editor, Content $content, string &$previewHTML, ?ParserOutput &$parserOutput ) {
|
public static function onAlternateEditPreview( EditPage $editor, Content $content, string &$previewHTML, ?ParserOutput &$parserOutput ) {
|
||||||
$file = MediaWikiServices::getInstance()->getRepoGroup()->findFile($editor->getTitle());
|
$file = MediaWikiServices::getInstance()->getRepoGroup()->findFile($editor->getTitle());
|
||||||
if (!$file || $file->getMimeType() !== 'model/gltf-binary') {
|
if (!$file || $file->getMimeType() !== 'model/gltf-binary') {
|
||||||
@@ -48,29 +105,39 @@ class GlModelViewer extends ImageHandler {
|
|||||||
}
|
}
|
||||||
$out = $editor->getContext()->getOutput();
|
$out = $editor->getContext()->getOutput();
|
||||||
$out->addModules('ext.glmv');
|
$out->addModules('ext.glmv');
|
||||||
|
|
||||||
$previewViewer = self::buildViewer($content->getText(), $file->getFullUrl(), ['class' => 'view-default']);
|
$previewViewer = self::buildViewer($content->getText(), $file->getFullUrl(), ['class' => 'view-default']);
|
||||||
|
|
||||||
$addButtonAttr = array(
|
$addButtonAttr = array(
|
||||||
'class' => 'AddHotspot',
|
'class' => 'AddHotspot',
|
||||||
'onclick' => 'readyAddHotspot()'
|
'onclick' => 'readyAddHotspot()'
|
||||||
);
|
);
|
||||||
$addHsButton = Html::rawElement('button',$addButtonAttr,'Add a new hotspot');
|
$addHsButton = Html::rawElement('button',$addButtonAttr,'Add a new hotspot');
|
||||||
|
|
||||||
$previewHTML = Html::rawElement('div',NULL,$previewViewer.$addHsButton);
|
$previewHTML = Html::rawElement('div',NULL,$previewViewer.$addHsButton);
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build model-viewer and child elements
|
||||||
|
*
|
||||||
|
* This takes in the metadata text from the model page (or the current editor)
|
||||||
|
* and produces the html string for the model-viewer and all relevant child
|
||||||
|
* elements.
|
||||||
|
*
|
||||||
|
* @param string $inText The metadata text which must include a json formatted string inside a pre tag
|
||||||
|
* @param string $srcUrl The full url pointing to the model file
|
||||||
|
* @param array $frameParams The additional user defined parameters for the viewer such as hotspot and view classes
|
||||||
|
* @return string Html string of the complete model-viewer element inside a div container
|
||||||
|
*/
|
||||||
private static function buildViewer($inText, $srcUrl, $frameParams) {
|
private static function buildViewer($inText, $srcUrl, $frameParams) {
|
||||||
|
//Gather basic data
|
||||||
preg_match('/<pre>([\S\s]*?)<\/pre>/',$inText,$modelDescript);
|
preg_match('/<pre>([\S\s]*?)<\/pre>/',$inText,$modelDescript);
|
||||||
$metadata = json_decode($modelDescript[1], true);
|
$metadata = json_decode($modelDescript[1], true);
|
||||||
if (isset($frameParams['class'])) {
|
$viewClass = self::extractClassParams('view',$frameParams['class']);
|
||||||
preg_match('/view-(\S*)/',$frameParams['class'],$viewClassExtract);
|
$hsSetClass = self::extractClassParams('hsset',$frameParams['class']);
|
||||||
$viewClass = ($viewClassExtract[1]) ? $viewClassExtract[1] : 'default';
|
|
||||||
preg_match('/hsset-(\S*)/',$frameParams['class'],$hsSetClassExtract);
|
//Handle annotations and annotation sets
|
||||||
$hsSetClass = ($hsSetClassExtract[1]) ? $hsSetClassExtract[1] : 'default';
|
|
||||||
} else {
|
|
||||||
$viewClass = 'default';
|
|
||||||
$hsSetClass = 'default';
|
|
||||||
}
|
|
||||||
if (isset($metadata['annotations'])) {
|
if (isset($metadata['annotations'])) {
|
||||||
$hotspots = [];
|
$hotspots = [];
|
||||||
$annotations = [];
|
$annotations = [];
|
||||||
@@ -97,14 +164,20 @@ class GlModelViewer extends ImageHandler {
|
|||||||
array_push($hotspots, $elHotspot);
|
array_push($hotspots, $elHotspot);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//Set viewer configurations or use basic default if none defined
|
||||||
if (isset($metadata['viewerConfig']) && isset($metadata['viewerConfig'][$viewClass])) {
|
if (isset($metadata['viewerConfig']) && isset($metadata['viewerConfig'][$viewClass])) {
|
||||||
$attrModelView = $metadata['viewerConfig'][$viewClass];
|
$attrModelView = $metadata['viewerConfig'][$viewClass];
|
||||||
} else {
|
} else {
|
||||||
$attrModelView = array('camera-controls' => true);
|
$attrModelView = array('camera-controls' => true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//Add important additional attributes and render model-viewer with hotspots
|
||||||
$attrModelView = array_merge(['src' => $srcUrl, 'class' => 'mv-model', 'interpolation-decay' => '100'], $attrModelView);
|
$attrModelView = array_merge(['src' => $srcUrl, 'class' => 'mv-model', 'interpolation-decay' => '100'], $attrModelView);
|
||||||
$attrModelView['style'] = 'width: 100%; height: 100%; min-height: 400px;';
|
$attrModelView['style'] = 'width: 100%; height: 100%; min-height: 400px;';
|
||||||
$elModel = Html::rawElement('model-viewer', $attrModelView, implode($hotspots));
|
$elModel = Html::rawElement('model-viewer', $attrModelView, implode($hotspots));
|
||||||
|
|
||||||
|
//Render and return container element with model-viewer
|
||||||
$attrContainer = array(
|
$attrContainer = array(
|
||||||
'style' => "width: 800px; height: 600px;",
|
'style' => "width: 800px; height: 600px;",
|
||||||
'onmousedown' => 'clearAnnotations()',
|
'onmousedown' => 'clearAnnotations()',
|
||||||
@@ -113,16 +186,54 @@ class GlModelViewer extends ImageHandler {
|
|||||||
return Html::rawElement('div', $attrContainer, $elModel);
|
return Html::rawElement('div', $attrContainer, $elModel);
|
||||||
}
|
}
|
||||||
|
|
||||||
public static function console_log($data, $add_script_tags = false) {
|
/**
|
||||||
#Usage:
|
* Detect and return model user params from link classes
|
||||||
#echo '<script>';
|
*
|
||||||
#self::console_log('logged string');
|
* The best way to send information in a file link is by adding classes to the
|
||||||
#echo '</script>';
|
* link. This function parses the array of those classes and returns the information
|
||||||
|
* or 'default'
|
||||||
|
*
|
||||||
|
* @param string $paramType the type of parameter to be extracted 'view'|'hsset'
|
||||||
|
* @param string $classList the string of class names as returned in $frameParams or default construction
|
||||||
|
* @return string parameter name or 'default'
|
||||||
|
*/
|
||||||
|
private static function extractClassParams(string $paramType, string $classList) {
|
||||||
|
if (!in_array($paramType, ['view', 'hsset'])) {
|
||||||
|
return 'default';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!isset($classList)) {
|
||||||
|
return 'default';
|
||||||
|
}
|
||||||
|
|
||||||
|
$searchString = '/' . $paramType . '-(\S*)/';
|
||||||
|
preg_match($searchString,$classList,$extractInfo);
|
||||||
|
|
||||||
|
return ($extractInfo[1]) ? $extractInfo[1] : 'default';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Small helper function to display information on the browser console
|
||||||
|
*
|
||||||
|
* Usage:
|
||||||
|
* echo '<script>';
|
||||||
|
* self::console_log('logged string');
|
||||||
|
* echo '</script>';
|
||||||
|
*
|
||||||
|
* @param $data information to display
|
||||||
|
* @param bool $add_script_tags true to put information is inside complete script tag
|
||||||
|
*/
|
||||||
|
public static function console_log($data, $add_script_tags = false) {
|
||||||
$command = 'console.log('. json_encode($data, JSON_HEX_TAG).');';
|
$command = 'console.log('. json_encode($data, JSON_HEX_TAG).');';
|
||||||
if ($add_script_tags) {
|
if ($add_script_tags) {
|
||||||
$command = '<script>'. $command . '</script>';
|
$command = '<script>'. $command . '</script>';
|
||||||
}
|
}
|
||||||
echo $command;
|
echo $command;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* ? But class won't work without it
|
||||||
|
*/
|
||||||
|
function doTransform($image, $dstPath, $dstUrl, $params, $flags = 0) {
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user