integrate CTE with Deputy

Author: ChlodAlejandro

i18n/en.json

@@ -86,6 +86,8 @@
     "deputy.session.page.earwigRevision": "Earwig's Copyvio Detector (revision)",
     "deputy.session.page.earwigUnsupported": "Earwig's Copyvio Detector does not support this wiki.",
 
+    "deputy.session.page.tools": "Tools",
+
     "deputy.cte": "'Copied' Notice Editor",
 
     "deputy.cte.edit": "Modify content attribution notices for this page",

package-lock.json

@@ -72,7 +72,7 @@
         "cover 95% and supports fetch, not IE 11"
     ],
     "dependencies": {
-        "@chlodalejandro/parsoid": "^2.0.0-rc5",
+        "@chlodalejandro/parsoid": "^2.0.0-e3c8216d",
         "@rollup/plugin-json": "^4.1.0",
         "broadcastchannel-polyfill": "^1.0.1",
         "idb": "^7.0.1",

package.json

@@ -145,6 +145,9 @@ class Deputy {
 		this.session = new DeputySession();
 		await this.session.init();
 
+		// Load CTE entry buttons
+		this.cte.preInit();
+
 		console.log( 'Loaded!' );
 
 		mw.hook( 'deputy.load' ).fire( this );

src/Deputy.ts

@@ -291,6 +291,18 @@ body.mediawiki.rtl .dp-cs-row-head > :not(:first-child):not(:last-child) {
     align-items: center;
 }
 
+@media only screen and (max-width: 768px) {
+    .dp-pageToolbar {
+        flex-wrap: wrap;
+        bottom: 0;
+        left: 0;
+        border-left: 0;
+        border-bottom: 0;
+        border-right: 0;
+        width: 100%;
+    }
+}
+
 .dp-pt-section {
     display: inline-block;
     white-space: nowrap;
@@ -333,11 +345,11 @@ body.mediawiki.rtl .dp-cs-row-head > :not(:first-child):not(:last-child) {
     width: 5.4em;
 }
 
-.dp-pt-analysis .oo-ui-menuSelectWidget {
+.dp-pt-menu .oo-ui-menuSelectWidget {
     min-width: 300px;
 }
 
-.dp-pt-analysis .oo-ui-menuOptionWidget {
+.dp-pt-menu .oo-ui-menuOptionWidget {
     padding-top: 8px;
     padding-bottom: 8px;
 }

src/css/deputy.css

@@ -13,10 +13,12 @@ declare global {
 }
 
 /**
- *
+ * Main class for CopiedTemplateEditor.
  */
 export default class CopiedTemplateEditor {
 
+	readonly CopiedTemplate = CopiedTemplate;
+
 	/**
 	 * An instance of Deputy. This is commonly `window.deputy`. Instantiating this class
 	 * with a Deputy instances enables connection with the Deputy core, which shares the
@@ -29,6 +31,27 @@ export default class CopiedTemplateEditor {
 	 */
 	_windowManager: any;
 
+	/**
+	 * The `loader` variable is set (in JavaScript) by a CTE loader. This prevents UI
+	 * elements (such as "start" buttons and the toolbox link) from being appended
+	 * to the DOM twice.
+	 */
+	loader?: boolean;
+
+	/**
+	 * Whether the core has been loaded or not. Set to `true` here, since this is
+	 * obviously the core class.
+	 */
+	loaded = true;
+	/**
+	 * Determines the start state of the start buttons. This depends on `toggleButtons`.
+	 */
+	startState: boolean;
+	/**
+	 * Pencil icon buttons on {{copied}} templates that open CTE.
+	 */
+	startButtons: any[] = [];
+
 	/**
 	 * @return The responsible window manager for this class.
 	 */
@@ -44,21 +67,6 @@ export default class CopiedTemplateEditor {
 		}
 	}
 
-	readonly CopiedTemplate = CopiedTemplate;
-
-	/**
-	 * The `loader` variable is set (in JavaScript) by a CTE loader. This prevents UI
-	 * elements (such as "start" buttons and the toolbox link) from being appended
-	 * to the DOM twice.
-	 */
-	loader?: boolean;
-	/**
-	 * Whether the core has been loaded or not. Set to `true` here, since this is
-	 * obviously the core class.
-	 */
-	loaded = true;
-	startButtons: any[] = [];
-
 	/**
 	 *
 	 * @param deputy
@@ -130,6 +138,8 @@ export default class CopiedTemplateEditor {
 				}
 			}
 		);
+
+		this.startState = true;
 	}
 
 	/**
@@ -175,6 +185,8 @@ export default class CopiedTemplateEditor {
 	 * @param state The new state.
 	 */
 	toggleButtons( state?: boolean ) {
+		this.startState = state ?? !( this.startState || false );
+
 		for ( const button of this.startButtons ) {
 			button.setDisabled( state == null ? !button.isDisabled() : !state );
 		}

src/modules/cte/CopiedTemplateEditor.ts

@@ -0,0 +1,43 @@
+import EarwigCopyvioDetector from '../../wiki/EarwigCopyvioDetector';
+import { DeputyPageMenuOption } from './DeputyPageMenu';
+
+export default () => <DeputyPageMenuOption[]>[
+	{
+		icon: 'eye',
+		label: mw.message( 'deputy.session.page.earwigLatest' ).text(),
+		action: async ( toolbar ) => {
+			const url = await EarwigCopyvioDetector.getUrl( toolbar.row.title );
+			window.open( url, '_blank', 'noopener' );
+
+			if ( url == null ) {
+				mw.notify(
+					mw.message( 'deputy.session.page.earwigUnsupported' ).text(),
+					{
+						type: 'error'
+					}
+				);
+			} else {
+				window.open( url, '_blank', 'noopener' );
+			}
+		}
+	},
+	{
+		icon: 'eye',
+		label: mw.message( 'deputy.session.page.earwigRevision' ).text(),
+		condition: ( toolbar ) => toolbar.revision != null,
+		action: async ( toolbar ) => {
+			const url = await EarwigCopyvioDetector.getUrl( toolbar.revision );
+
+			if ( url == null ) {
+				mw.notify(
+					mw.message( 'deputy.session.page.earwigUnsupported' ).text(),
+					{
+						type: 'error'
+					}
+				);
+			} else {
+				window.open( url, '_blank', 'noopener' );
+			}
+		}
+	}
+];