Reorg

Author: lloc

includes/MslsPlugin.php

@@ -217,7 +217,7 @@ public function filter_string( $pref = '<p id="msls">', $post = '</p>' ) {
 	 */
 	public function block_init() {
 		if ( ! $this->options->is_excluded() ) {
-            register_block_type( self::plugin_dir_path('dist/msls-widget-block' ) );
+            register_block_type( self::plugin_dir_path('js/msls-widget-block' ) );
             add_shortcode( 'sc_msls_widget', [ $this, 'block_render' ] );
 
 			return true;
@@ -251,15 +251,15 @@ public function custom_enqueue() {
 			return false;
 		}
 
-		$ver     = defined( 'MSLS_PLUGIN_VERSION' ) ? constant( 'MSLS_PLUGIN_VERSION' ) : false;
-		$postfix = defined( 'SCRIPT_DEBUG' ) && constant( 'SCRIPT_DEBUG' ) ? '' : '.min';
+		$ver    = defined( 'MSLS_PLUGIN_VERSION' ) ? constant( 'MSLS_PLUGIN_VERSION' ) : false;
+		$folder = defined( 'SCRIPT_DEBUG' ) && constant( 'SCRIPT_DEBUG' ) ? 'src' : 'js';
 
 		wp_enqueue_style( 'msls-styles', self::plugins_url( 'css/msls.css' ), [], $ver );
 		wp_enqueue_style( 'msls-flags', self::plugins_url( 'css-flags/css/flag-icon.min.css' ), [], $ver );
 
 		if ( $this->options->activate_autocomplete ) {
 			wp_enqueue_script( 'msls-autocomplete',
-				self::plugins_url( "js/msls{$postfix}.js" ),
+				self::plugins_url( "$folder/msls.js" ),
 				[ 'jquery-ui-autocomplete' ],
 				$ver );
 

js/msls-widget-block/index.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components'), 'version' => '627848d7182ac425e62c');

js/msls-widget-block/index.js

@@ -1,8 +1,8 @@
 {
   "scripts": {
-    "uglify": "uglifyjs js/msls.js > js/msls.min.js",
+    "uglify": "uglifyjs src/msls.js > js/msls.js",
     "less": "lessc css/msls.less css/msls.css --clean-css=\"--s1 --advanced\"",
-    "build-msls-block": "wp-scripts build js/msls-widget-block/index.js --webpack-src-dir=js/msls-widget-block --output-path=dist/msls-widget-block",
+    "build-msls-block": "wp-scripts build src/msls-widget-block/index.js --webpack-src-dir=src/msls-widget-block --output-path=js/msls-widget-block",
     "build": "npm run uglify && npm run less && npm run build-msls-block"
   },
   "dependencies": {

js/msls.js

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 3,
+  "title": "Multisite Language Switcher",
+  "icon": "translation",
+  "category": "widgets",
+  "name": "lloc/msls-widget-block",
+  "version": "2.6.4",
+  "description": "This is the output form the_msls() that comes with the Multisite Language Switcher plugin as a Gutenberg block.",
+  "example": {},
+  "supports": {
+    "html": false
+  },
+  "textdomain": "multisite-language-switcher",
+  "editorScript": "file:./index.js",
+  "render": "file:./render.php"
+}

js/msls.min.js

@@ -0,0 +1,8 @@
+import { registerBlockType } from '@wordpress/blocks';
+
+import Edit from './edit';
+import metadata from './block.json';
+
+registerBlockType(metadata.name, {
+  edit: Edit
+} );

package.json

@@ -0,0 +1,3 @@
+<?php
+// Silence is golden.
+

js/msls-widget-block/index.php renamed to src/index.php

@@ -0,0 +1,3 @@
+<?php
+
+the_msls();

src/msls-widget-block/block.json

@@ -0,0 +1,50 @@
+jQuery( document ).ready( function( $ ) {
+	$( 'input.msls_title' ).focus( function() {
+		var blog_id   = $( this ).attr( 'name' ).slice( 11 );
+		var hid_field = $( '#msls_id_' + blog_id );
+		var mslsinput = {
+			id: hid_field.val(),
+			title: $( this ).val()
+		};
+		$( this ).select().autocomplete( {
+			minLength: 0,
+			source: function( request, response ) {
+				$.ajax( {
+					url: ajaxurl,
+					data: {
+						post_type: $( '#msls_post_type' ).val(),
+						blog_id: blog_id,
+						s: request.term,
+						action: $( '#msls_action' ).val()
+					},
+					dataType: 'JSON',
+					type: 'POST',
+					success: function( data ) {
+						response( data ); 
+					}
+				} );
+			},
+			focus: function( event, ui ) {
+				$( event.target ).val( ui.item.label );
+				return false;
+			},
+			select: function( event, ui ) {
+				$( event.target ).val( ui.item.label );
+				hid_field.val( ui.item.value );
+				return false;
+			},
+			change: function( event, ui ) {
+				if ( !$( event.target ).val() ) {
+					hid_field.val( '' );
+				}
+				else if (
+					mslsinput.id === hid_field.val() &&
+					mslsinput.title !== $( event.target ).val()
+				) {
+					$( event.target ).val( mslsinput.title );
+				}
+				return false;
+			}
+		} );
+	} );
+} );