MediaWiki:Gadget-ve-sandbox.js - Revision history

Domino at 23:15, 17 May 2022

2022-05-17T23:15:45Z

← Older revision		Revision as of 23:15, 17 May 2022
Line 1:		Line 1:
	mw.loader.using( 'ext.visualEditor.desktopArticleTarget.init' ).done( function () {		mw.loader.using( 'ext.visualEditor.desktopArticleTarget.init' ).done( function () {
			console.log('loader entered');
	mw.libs.ve.addPlugin( function () {		mw.libs.ve.addPlugin( function () {
	return mw.loader.using( ['ext.visualEditor.core~~', 'ext.visualEditor.mwtransclusion~~'] )		console.log('addplugin entered');
			return mw.loader.using( ['ext.visualEditor.core'] )
	.done(function () {		.done(function () {

Domino: alternate loading method

2022-05-17T23:07:22Z

alternate loading method

Show changes

Domino: this code works. The issue is with the loader/loading

2022-05-17T23:01:24Z

this code works. The issue is with the loader/loading

@@ Line 1: / Line 1: @@
 (function () {
 // --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------
 // This is based on [lib/ve/src/ui/actions/ve.ui.BlockquoteAction.js] from Extension:VisualEditor.
+console.log('action started');
 	ve.ui.ColumnAction = function VeUiColumnAction() {
 		ve.ui.ColumnAction.super.apply( this, arguments );
@@ Line 92: / Line 196: @@
 	};
 	ve.ui.actionFactory.register( ve.ui.ColumnAction );
+console.log('action loaded');
 // --------- (end of ve.ui.ColumnAction definition) -------------------------------------------------
+console.log('tool started');
 	ve.ui.ColumnFormatTool = function VeUiColumnFormatTool() {
 		ve.ui.ColumnFormatTool.super.apply( this, arguments );
@@ Line 113: / Line 217: @@
+		)
 	);
 } );

Domino: Undo revision 25116 by Domino

2022-05-17T22:49:19Z

Undo revision 25116 by Domino

← Older revision		Revision as of 22:49, 17 May 2022
Line 48:		Line 48:

	// Wrap everything in a <div style="column-count:2"> tag		// Wrap everything in a <div style="column-count:2"> tag
	fragment = fragment.wrapAllNodes( { type: '~~div~~' } );		fragment = fragment.wrapAllNodes( { type: 'column' } );
	/*console.log("base: ");		/*console.log("base: ");
	console.log(fragment.getSelectedNode());*/		console.log(fragment.getSelectedNode());*/
Line 85:		Line 85:
	fragment		fragment
	// Expand to cover entire <div> tag		// Expand to cover entire <div> tag
	.expandLinearSelection( 'closest', ve.dm.~~DivNode~~ )		.expandLinearSelection( 'closest', ve.dm.ColumnNode )
	// Unwrap it		// Unwrap it
	.unwrapNodes( 0, 1 );		.unwrapNodes( 0, 1 );

Domino at 22:44, 17 May 2022

2022-05-17T22:44:38Z

← Older revision		Revision as of 22:44, 17 May 2022
Line 48:		Line 48:

	// Wrap everything in a <div style="column-count:2"> tag		// Wrap everything in a <div style="column-count:2"> tag
	fragment = fragment.wrapAllNodes( { type: '~~column~~' } );		fragment = fragment.wrapAllNodes( { type: 'div' } );
	/*console.log("base: ");		/*console.log("base: ");
	console.log(fragment.getSelectedNode());*/		console.log(fragment.getSelectedNode());*/
Line 85:		Line 85:
	fragment		fragment
	// Expand to cover entire <div> tag		// Expand to cover entire <div> tag
	.expandLinearSelection( 'closest', ve.dm.~~ColumnNode~~ )		.expandLinearSelection( 'closest', ve.dm.DivNode )
	// Unwrap it		// Unwrap it
	.unwrapNodes( 0, 1 );		.unwrapNodes( 0, 1 );

Domino: separating CE and DM into their own sub gadgets

2022-05-17T22:42:21Z

separating CE and DM into their own sub gadgets

← Older revision		Revision as of 22:42, 17 May 2022
Line 1:		Line 1:
	~~mw.loader.using~~( ~~[ 'ext.visualEditor.core', 'ext.visualEditor.mwtransclusion' ] ).then(function () {~~		(function () {

	~~/*!~~
	* VisualEditor ContentEditable ColumnNode class.
	*
	* @copyright 2011-2020 VisualEditor Team and others; see http://ve.mit-license.org
	* @license The MIT License (MIT); see LICENSE.txt
	*/

	/**
	* ContentEditable Column node.
	*
	* @class
	* @extends ve.ce.BranchNode
	* @constructor
	* @param {ve.dm.ColumnNode} model Model to observe
	* @param {Object} [config] Configuration options
	*/
	~~ve.ce.ColumnNode = function VeCeColumnNode() {~~
	~~// Parent constructor~~
	~~ve.ce.ColumnNode.super.apply( this, arguments );~~

	~~this.$element.addClass( 've-ce-columnNode' );~~
	~~this.$element.addClass( 'dw-g-columns');~~
	~~console.log('ce: ');~~
	~~console.log(this);~~
	};

	~~/* Inheritance */~~

	~~OO.inheritClass( ve.ce.ColumnNode, ve.ce.BranchNode );~~
	~~OO.mixinClass( ve.ce.ColumnNode, ve.ce.ClassAttributeNode );~~

	~~/* Static Properties */~~

	~~ve.ce.ColumnNode.static.name = 'column';~~

	~~ve.ce.ColumnNode.static.tagName = 'div';~~

	~~ve.ce.ColumnNode.static.removeEmptyLastChildOnEnter = true;~~

	~~/* Registration */~~

	~~ve.ce.nodeFactory.register( ve.ce.ColumnNode );~~

	~~/*!~~
	* VisualEditor DataModel ColumnNode class.
	*
	* @copyright 2011-2020 VisualEditor Team and others; see http://ve.mit-license.org
	* @license The MIT License (MIT); see LICENSE.txt
	*/

	/**
	* DataModel Column node.
	*
	* @class
	* @extends ve.dm.BranchNode
	* @constructor
	* @param {ve.dm.LeafNode[]} [children] Child nodes to attach
	* @param {Object} [element] Reference to element in linear model
	*/
	~~ve.dm.ColumnNode =~~ function ~~VeDmColumnNode~~() {
	~~// Parent constructor~~
	~~ve.dm.ColumnNode.super.apply( this, arguments );~~

	~~console.log(this);~~
	};

	~~/* Inheritance */~~

	~~OO.inheritClass( ve.dm.ColumnNode, ve.dm.BranchNode );~~
	~~OO.mixinClass( ve.dm.ColumnNode, ve.dm.ClassAttributeNode );~~

	~~/* Static Properties */~~

	~~ve.dm.ColumnNode.static.name = 'column';~~

	~~ve.dm.ColumnNode.static.matchTagNames = [ 'div' ];~~

	~~ve.dm.ColumnNode.static.matchFunction = function ( element ) {~~
	~~return element.classList.contains( 'dw-g-columns' );~~
	};

	~~//ve.dm.ColumnNode.static.classAttributes = {~~
	~~// 'dw-g-columns': { style: 'cols'/'column-count: 2'/ }~~
	~~//};~~

	~~ve.dm.ColumnNode.static.toDataElement = function ( domElements ) {~~
	~~//var style = domElements[ 0 ].classList.contains( 'dw-g-columns' ) ? 'cols' : '';~~
	~~return { type: 'column' };~~
	};

	~~ve.dm.ColumnNode.static.toDomElements = function ( dataElement, doc ) {~~
	~~var tag = dataElement.attributes && dataElement.attributes.style === 'cols' ? 'red' : 'blue'; /emotional support code/~~
	~~var div = doc.createElement('div');~~
	~~div.className = 'dw-g-columns';~~
	~~return [ div ];~~
	};

	~~/* Registration */~~

	~~console.log(ve.dm.ColumnNode);~~

	~~ve.dm.modelRegistry.register( ve.dm.ColumnNode );~~

	// --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------		// --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------

Domino: Undo revision 25110 by Domino

2022-05-17T22:30:38Z

Undo revision 25110 by Domino

← Older revision		Revision as of 22:30, 17 May 2022
Line 1:		Line 1:
	~~console.log('sandbox started');~~
	mw.loader.using( [ 'ext.visualEditor.core', 'ext.visualEditor.mwtransclusion' ] ).then(function () {		mw.loader.using( [ 'ext.visualEditor.core', 'ext.visualEditor.mwtransclusion' ] ).then(function () {
	~~console.log('sandbox entered');~~
	/*!		/*!
	* VisualEditor ContentEditable ColumnNode class.		* VisualEditor ContentEditable ColumnNode class.
Line 44:		Line 43:

	ve.ce.nodeFactory.register( ve.ce.ColumnNode );		ve.ce.nodeFactory.register( ve.ce.ColumnNode );
	~~console.log('colnode CE loaded');~~
	/*!		/*!
	* VisualEditor DataModel ColumnNode class.		* VisualEditor DataModel ColumnNode class.
Line 101:		Line 100:
	/* Registration */		/* Registration */

	//console.log(ve.dm.ColumnNode);		console.log(ve.dm.ColumnNode);

	ve.dm.modelRegistry.register( ve.dm.ColumnNode );		ve.dm.modelRegistry.register( ve.dm.ColumnNode );
	~~console.log('colnode DM loaded');~~

	// --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------		// --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------
	// This is based on [lib/ve/src/ui/actions/ve.ui.BlockquoteAction.js] from Extension:VisualEditor.		// This is based on [lib/ve/src/ui/actions/ve.ui.BlockquoteAction.js] from Extension:VisualEditor.
	~~console.log('action started');~~
	ve.ui.ColumnAction = function VeUiColumnAction() {		ve.ui.ColumnAction = function VeUiColumnAction() {
	ve.ui.ColumnAction.super.apply( this, arguments );		ve.ui.ColumnAction.super.apply( this, arguments );
Line 197:		Line 195:
	};		};
	ve.ui.actionFactory.register( ve.ui.ColumnAction );		ve.ui.actionFactory.register( ve.ui.ColumnAction );
	~~console.log('action loaded');~~
	// --------- (end of ve.ui.ColumnAction definition) -------------------------------------------------		// --------- (end of ve.ui.ColumnAction definition) -------------------------------------------------
	~~console.log('tool started');~~
	ve.ui.ColumnFormatTool = function VeUiColumnFormatTool() {		ve.ui.ColumnFormatTool = function VeUiColumnFormatTool() {
	ve.ui.ColumnFormatTool.super.apply( this, arguments );		ve.ui.ColumnFormatTool.super.apply( this, arguments );
Line 218:		Line 216:
	)		)
	);		);
	~~console.log('tool loaded');~~
	} );		} );
	~~console.log('fin');~~

Domino: debug comments

2022-05-17T22:18:53Z

debug comments

← Older revision		Revision as of 22:18, 17 May 2022
Line 1:		Line 1:
			console.log('sandbox started');
	mw.loader.using( [ 'ext.visualEditor.core', 'ext.visualEditor.mwtransclusion' ] ).then(function () {		mw.loader.using( [ 'ext.visualEditor.core', 'ext.visualEditor.mwtransclusion' ] ).then(function () {
			console.log('sandbox entered');
	/*!		/*!
	* VisualEditor ContentEditable ColumnNode class.		* VisualEditor ContentEditable ColumnNode class.
Line 43:		Line 44:

	ve.ce.nodeFactory.register( ve.ce.ColumnNode );		ve.ce.nodeFactory.register( ve.ce.ColumnNode );
			console.log('colnode CE loaded');
	/*!		/*!
	* VisualEditor DataModel ColumnNode class.		* VisualEditor DataModel ColumnNode class.
Line 100:		Line 101:
	/* Registration */		/* Registration */

	console.log(ve.dm.ColumnNode);		//console.log(ve.dm.ColumnNode);

	ve.dm.modelRegistry.register( ve.dm.ColumnNode );		ve.dm.modelRegistry.register( ve.dm.ColumnNode );
			console.log('colnode DM loaded');

	// --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------		// --------- (start of ve.ui.ColumnAction definition) -----------------------------------------------
	// This is based on [lib/ve/src/ui/actions/ve.ui.BlockquoteAction.js] from Extension:VisualEditor.		// This is based on [lib/ve/src/ui/actions/ve.ui.BlockquoteAction.js] from Extension:VisualEditor.
			console.log('action started');
	ve.ui.ColumnAction = function VeUiColumnAction() {		ve.ui.ColumnAction = function VeUiColumnAction() {
	ve.ui.ColumnAction.super.apply( this, arguments );		ve.ui.ColumnAction.super.apply( this, arguments );
Line 195:		Line 197:
	};		};
	ve.ui.actionFactory.register( ve.ui.ColumnAction );		ve.ui.actionFactory.register( ve.ui.ColumnAction );
			console.log('action loaded');
	// --------- (end of ve.ui.ColumnAction definition) -------------------------------------------------		// --------- (end of ve.ui.ColumnAction definition) -------------------------------------------------
			console.log('tool started');
	ve.ui.ColumnFormatTool = function VeUiColumnFormatTool() {		ve.ui.ColumnFormatTool = function VeUiColumnFormatTool() {
	ve.ui.ColumnFormatTool.super.apply( this, arguments );		ve.ui.ColumnFormatTool.super.apply( this, arguments );
Line 216:		Line 218:
	)		)
	);		);
			console.log('tool loaded');
	} );		} );
			console.log('fin');

Domino: Undo revision 25105 by Domino

2022-05-17T20:57:10Z

Undo revision 25105 by Domino

← Older revision		Revision as of 20:57, 17 May 2022
Line 81:		Line 81:
	return element.classList.contains( 'dw-g-columns' );		return element.classList.contains( 'dw-g-columns' );
	};		};

			//ve.dm.ColumnNode.static.classAttributes = {
			// 'dw-g-columns': { style: 'cols'/'column-count: 2'/ }
			//};

	ve.dm.ColumnNode.static.toDataElement = function ( domElements ) {		ve.dm.ColumnNode.static.toDataElement = function ( domElements ) {
			//var style = domElements[ 0 ].classList.contains( 'dw-g-columns' ) ? 'cols' : '';
	return { type: 'column' };		return { type: 'column' };
	};		};
Line 147:		Line 152:
	// Wrap everything in a <div style="column-count:2"> tag		// Wrap everything in a <div style="column-count:2"> tag
	fragment = fragment.wrapAllNodes( { type: 'column' } );		fragment = fragment.wrapAllNodes( { type: 'column' } );
			/*console.log("base: ");
			console.log(fragment.getSelectedNode());*/
			/*console.log("elem: ");
			var divElement = fragment.getSelectedNode().getElement();
			console.log(divElement);
			var divDom = fragment.getSelectedNode().toDomElements(fragment.getSelectedNode(), this.document);
			console.log(divDom);*/
			//console.log(this);


	return true;		return true;

Domino: Its refusing to work without the ClassAttributeNode mixins, must need them somewhere. Undo revision 25106 by Domino

2022-05-17T20:04:13Z

Its refusing to work without the ClassAttributeNode mixins, must need them somewhere. Undo revision 25106 by Domino

← Older revision		Revision as of 20:04, 17 May 2022
Line 30:		Line 30:

	OO.inheritClass( ve.ce.ColumnNode, ve.ce.BranchNode );		OO.inheritClass( ve.ce.ColumnNode, ve.ce.BranchNode );
			OO.mixinClass( ve.ce.ColumnNode, ve.ce.ClassAttributeNode );

	/* Static Properties */		/* Static Properties */
Line 69:		Line 70:

	OO.inheritClass( ve.dm.ColumnNode, ve.dm.BranchNode );		OO.inheritClass( ve.dm.ColumnNode, ve.dm.BranchNode );
			OO.mixinClass( ve.dm.ColumnNode, ve.dm.ClassAttributeNode );

	/* Static Properties */		/* Static Properties */