├── .bin
    └── install-wp-tests.sh
├── .editorconfig
├── .eslintignore
├── .eslintrc.json
├── .github
    └── workflows
    │   └── main.yml
├── .gitignore
├── .stylelintignore
├── .stylelintrc
├── .tests
    ├── bootstrap.php
    └── test-sample.php
├── LICENSE
├── README.md
├── assets
    ├── dist
    │   ├── blocks.js
    │   └── editor.css
    └── src
    │   ├── components
    │       ├── color-palette-control
    │       │   ├── editor.scss
    │       │   └── index.js
    │       ├── figure
    │       │   └── index.js
    │       ├── file-control
    │       │   ├── editor.scss
    │       │   └── index.js
    │       ├── focal-point-picker-control
    │       │   ├── editor.scss
    │       │   └── index.js
    │       ├── gallery-control
    │       │   ├── editor.scss
    │       │   └── index.js
    │       ├── image-control
    │       │   ├── editor.scss
    │       │   └── index.js
    │       ├── img
    │       │   └── index.js
    │       ├── link-button
    │       │   └── index.js
    │       ├── link-control
    │       │   ├── editor.scss
    │       │   ├── index.js
    │       │   └── modal.js
    │       ├── multiselect-control
    │       │   ├── editor.scss
    │       │   └── index.js
    │       ├── post-relationship-control
    │       │   └── index.js
    │       ├── relationship-control
    │       │   └── index.js
    │       ├── relationship
    │       │   ├── editor.scss
    │       │   ├── index.js
    │       │   ├── search-items.js
    │       │   ├── selected-items.js
    │       │   └── selector.js
    │       ├── select-image
    │       │   ├── editor.scss
    │       │   ├── image-container.js
    │       │   └── index.js
    │       └── taxonomy-relationship-control
    │       │   └── index.js
    │   ├── data
    │       ├── media.js
    │       └── relationship.js
    │   └── index.js
├── composer.json
├── composer.lock
├── gumponents.php
├── inc
    ├── autoload.php
    ├── namespace.php
    └── rest-api
    │   ├── class-media-controller.php
    │   └── relationship
    │       ├── class-controller.php
    │       ├── class-posts-controller.php
    │       └── class-taxonomies-controller.php
├── package-lock.json
├── package.json
├── phpcs.xml
├── phpunit.xml.dist
└── webpack.config.js


/.bin/install-wp-tests.sh:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env bash
  2 | 
  3 | if [ $# -lt 3 ]; then
  4 | 	echo "usage: $0 <db-name> <db-user> <db-pass> [db-host] [wp-version] [skip-database-creation]"
  5 | 	exit 1
  6 | fi
  7 | 
  8 | DB_NAME=$1
  9 | DB_USER=$2
 10 | DB_PASS=$3
 11 | DB_HOST=${4-localhost}
 12 | WP_VERSION=${5-latest}
 13 | SKIP_DB_CREATE=${6-false}
 14 | 
 15 | TMPDIR=${TMPDIR-/tmp}
 16 | TMPDIR=$(echo $TMPDIR | sed -e "s/\/$//")
 17 | WP_TESTS_DIR=${WP_TESTS_DIR-$TMPDIR/wordpress-tests-lib}
 18 | WP_CORE_DIR=${WP_CORE_DIR-$TMPDIR/wordpress/}
 19 | 
 20 | download() {
 21 |     if [ `which curl` ]; then
 22 |         curl -s "$1" > "$2";
 23 |     elif [ `which wget` ]; then
 24 |         wget -nv -O "$2" "$1"
 25 |     fi
 26 | }
 27 | 
 28 | if [[ $WP_VERSION =~ ^[0-9]+\.[0-9]+$ ]]; then
 29 | 	WP_TESTS_TAG="branches/$WP_VERSION"
 30 | elif [[ $WP_VERSION =~ [0-9]+\.[0-9]+\.[0-9]+ ]]; then
 31 | 	if [[ $WP_VERSION =~ [0-9]+\.[0-9]+\.[0] ]]; then
 32 | 		# version x.x.0 means the first release of the major version, so strip off the .0 and download version x.x
 33 | 		WP_TESTS_TAG="tags/${WP_VERSION%??}"
 34 | 	else
 35 | 		WP_TESTS_TAG="tags/$WP_VERSION"
 36 | 	fi
 37 | elif [[ $WP_VERSION == 'nightly' || $WP_VERSION == 'trunk' ]]; then
 38 | 	WP_TESTS_TAG="trunk"
 39 | else
 40 | 	# http serves a single offer, whereas https serves multiple. we only want one
 41 | 	download http://api.wordpress.org/core/version-check/1.7/ /tmp/wp-latest.json
 42 | 	grep '[0-9]+\.[0-9]+(\.[0-9]+)?' /tmp/wp-latest.json
 43 | 	LATEST_VERSION=$(grep -o '"version":"[^"]*' /tmp/wp-latest.json | sed 's/"version":"//')
 44 | 	if [[ -z "$LATEST_VERSION" ]]; then
 45 | 		echo "Latest WordPress version could not be found"
 46 | 		exit 1
 47 | 	fi
 48 | 	WP_TESTS_TAG="tags/$LATEST_VERSION"
 49 | fi
 50 | 
 51 | set -ex
 52 | 
 53 | install_wp() {
 54 | 
 55 | 	if [ -d $WP_CORE_DIR ]; then
 56 | 		return;
 57 | 	fi
 58 | 
 59 | 	mkdir -p $WP_CORE_DIR
 60 | 
 61 | 	if [[ $WP_VERSION == 'nightly' || $WP_VERSION == 'trunk' ]]; then
 62 | 		mkdir -p $TMPDIR/wordpress-nightly
 63 | 		download https://wordpress.org/nightly-builds/wordpress-latest.zip  $TMPDIR/wordpress-nightly/wordpress-nightly.zip
 64 | 		unzip -q $TMPDIR/wordpress-nightly/wordpress-nightly.zip -d $TMPDIR/wordpress-nightly/
 65 | 		mv $TMPDIR/wordpress-nightly/wordpress/* $WP_CORE_DIR
 66 | 	else
 67 | 		if [ $WP_VERSION == 'latest' ]; then
 68 | 			local ARCHIVE_NAME='latest'
 69 | 		elif [[ $WP_VERSION =~ [0-9]+\.[0-9]+ ]]; then
 70 | 			# https serves multiple offers, whereas http serves single.
 71 | 			download https://api.wordpress.org/core/version-check/1.7/ $TMPDIR/wp-latest.json
 72 | 			if [[ $WP_VERSION =~ [0-9]+\.[0-9]+\.[0] ]]; then
 73 | 				# version x.x.0 means the first release of the major version, so strip off the .0 and download version x.x
 74 | 				LATEST_VERSION=${WP_VERSION%??}
 75 | 			else
 76 | 				# otherwise, scan the releases and get the most up to date minor version of the major release
 77 | 				local VERSION_ESCAPED=`echo $WP_VERSION | sed 's/\./\\\\./g'`
 78 | 				LATEST_VERSION=$(grep -o '"version":"'$VERSION_ESCAPED'[^"]*' $TMPDIR/wp-latest.json | sed 's/"version":"//' | head -1)
 79 | 			fi
 80 | 			if [[ -z "$LATEST_VERSION" ]]; then
 81 | 				local ARCHIVE_NAME="wordpress-$WP_VERSION"
 82 | 			else
 83 | 				local ARCHIVE_NAME="wordpress-$LATEST_VERSION"
 84 | 			fi
 85 | 		else
 86 | 			local ARCHIVE_NAME="wordpress-$WP_VERSION"
 87 | 		fi
 88 | 		download https://wordpress.org/${ARCHIVE_NAME}.tar.gz  $TMPDIR/wordpress.tar.gz
 89 | 		tar --strip-components=1 -zxmf $TMPDIR/wordpress.tar.gz -C $WP_CORE_DIR
 90 | 	fi
 91 | 
 92 | 	download https://raw.github.com/markoheijnen/wp-mysqli/master/db.php $WP_CORE_DIR/wp-content/db.php
 93 | }
 94 | 
 95 | install_test_suite() {
 96 | 	# portable in-place argument for both GNU sed and Mac OSX sed
 97 | 	if [[ $(uname -s) == 'Darwin' ]]; then
 98 | 		local ioption='-i.bak'
 99 | 	else
100 | 		local ioption='-i'
101 | 	fi
102 | 
103 | 	# set up testing suite if it doesn't yet exist
104 | 	if [ ! -d $WP_TESTS_DIR ]; then
105 | 		# set up testing suite
106 | 		mkdir -p $WP_TESTS_DIR
107 | 		svn co --quiet https://develop.svn.wordpress.org/${WP_TESTS_TAG}/tests/phpunit/includes/ $WP_TESTS_DIR/includes
108 | 		svn co --quiet https://develop.svn.wordpress.org/${WP_TESTS_TAG}/tests/phpunit/data/ $WP_TESTS_DIR/data
109 | 	fi
110 | 
111 | 	if [ ! -f wp-tests-config.php ]; then
112 | 		download https://develop.svn.wordpress.org/${WP_TESTS_TAG}/wp-tests-config-sample.php "$WP_TESTS_DIR"/wp-tests-config.php
113 | 		# remove all forward slashes in the end
114 | 		WP_CORE_DIR=$(echo $WP_CORE_DIR | sed "s:/\+$::")
115 | 		sed $ioption "s:dirname( __FILE__ ) . '/src/':'$WP_CORE_DIR/':" "$WP_TESTS_DIR"/wp-tests-config.php
116 | 		sed $ioption "s/youremptytestdbnamehere/$DB_NAME/" "$WP_TESTS_DIR"/wp-tests-config.php
117 | 		sed $ioption "s/yourusernamehere/$DB_USER/" "$WP_TESTS_DIR"/wp-tests-config.php
118 | 		sed $ioption "s/yourpasswordhere/$DB_PASS/" "$WP_TESTS_DIR"/wp-tests-config.php
119 | 		sed $ioption "s|localhost|${DB_HOST}|" "$WP_TESTS_DIR"/wp-tests-config.php
120 | 	fi
121 | 
122 | }
123 | 
124 | install_wp
125 | install_test_suite
126 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # WordPress Coding Standards
 2 | # https://make.wordpress.org/core/handbook/coding-standards/
 3 | 
 4 | root = true
 5 | 
 6 | [*]
 7 | charset = utf-8
 8 | end_of_line = lf
 9 | insert_final_newline = true
10 | trim_trailing_whitespace = true
11 | indent_style = tab
12 | 
13 | [{.jshintrc,*.json,*.yml}]
14 | indent_style = space
15 | indent_size = 2
16 | 
17 | [{*.txt,wp-config-sample.php}]
18 | end_of_line = crlf
19 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | vendor
4 | 


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": [ "plugin:@wordpress/eslint-plugin/recommended-with-formatting" ],
 3 |   "rules": {
 4 |     "no-shadow": "off",
 5 |     "jsx-a11y/anchor-is-valid": "off",
 6 |     "prefer-const": "off",
 7 |     "@wordpress/dependency-group": "off",
 8 |     "@wordpress/no-base-control-with-label-without-id": "off"
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/.github/workflows/main.yml:
--------------------------------------------------------------------------------
 1 | name: Coding Standards and Tests
 2 | 
 3 | on: [ push ]
 4 | 
 5 | env:
 6 |   WP_TESTS_DIR: /home/runner/wp-tests/wordpress-tests-lib
 7 |   WP_CORE_DIR: /home/runner/wp-tests/wordpress
 8 | 
 9 | jobs:
10 | 
11 |   test:
12 |     runs-on: ubuntu-latest
13 |     services:
14 |       mysql:
15 |         image: mariadb:10.6
16 |         env:
17 |           MYSQL_ROOT_PASSWORD: root
18 |           MYSQL_DATABASE: wordpress_test
19 |         ports:
20 |           - 3306:3306
21 |         options: --health-cmd="mysqladmin ping" --health-interval=5s --health-timeout=5s --health-retries=3
22 | 
23 |     steps:
24 |     - name: Set up PHP
25 |       uses: shivammathur/setup-php@v2
26 |       with:
27 |         php-version: '8.1'
28 |         coverage: none
29 |         tools: composer, cs2pr
30 | 
31 |     - name: Install NodeJS
32 |       uses: actions/setup-node@v3
33 |       with:
34 |         node-version: '13.x'
35 | 
36 |     - name: Checkout repository
37 |       uses: actions/checkout@v3
38 | 
39 |     - name: Composer cache
40 |       id: composer-cache
41 |       uses: actions/cache@v3
42 |       with:
43 |         path: vendor
44 |         key: composer-${{ hashFiles( '.github/workflows/main.yml' ) }}-${{ hashFiles( 'composer.lock' ) }}
45 | 
46 |     - name: NodeJS cache
47 |       id: node-cache
48 |       uses: actions/cache@v3
49 |       with:
50 |         path: node_modules
51 |         key: node-${{ hashFiles( '.github/workflows/main.yml' ) }}-${{ hashFiles( 'package-lock.json' ) }}
52 | 
53 |     - name: WordPress test suite cache
54 |       id: wp-test-suite
55 |       uses: actions/cache@v3
56 |       with:
57 |         path: /github/home/wp-tests
58 |         key: wp-tests-${{ hashFiles( '.github/workflows/main.yml' ) }}
59 | 
60 |     - name: Install Composer dependencies
61 |       if: steps.composer-cache.outputs.cache-hit != 'true'
62 |       run: |
63 |         composer install
64 |         composer set-coding-standards
65 | 
66 |     - name: Install NodeJS dependencies
67 |       if: steps.node-cache.outputs.cache-hit != 'true'
68 |       run: npm ci
69 | 
70 |     - name: Install WordPress test suite
71 |       run: bash ./.bin/install-wp-tests.sh wordpress_test root root mysql latest
72 | 
73 |     - name: PHP Coding standards
74 |       run: composer run lint
75 | 
76 |     - name: JavaScript Coding standards
77 |       run: npm run lint-js
78 | 
79 |     - name: CSS Coding standards
80 |       run: npm run lint-css
81 | 
82 |     - name: Tests
83 |       run: composer run test
84 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Windows and Mac files
 2 | [Tt]humbs.db
 3 | .DS_Store
 4 | node_modules
 5 | 
 6 | # Root.
 7 | /*
 8 | !.bin
 9 | !.github
10 | !.tests
11 | !/assets
12 | !/inc
13 | !.editorconfig
14 | !.eslintignore
15 | !.eslintrc.json
16 | !.gitignore
17 | !.stylelintignore
18 | !.stylelintrc
19 | !composer.json
20 | !composer.lock
21 | !gumponents.php
22 | !LICENSE
23 | !README.md
24 | !package-lock.json
25 | !package.json
26 | !phpcs.xml
27 | !phpunit.xml.dist
28 | !webpack.config.js
29 | 


--------------------------------------------------------------------------------
/.stylelintignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | vendor
4 | *.*
5 | !*.css
6 | !*.scss
7 | 


--------------------------------------------------------------------------------
/.stylelintrc:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": [
3 |     "stylelint-config-wordpress/scss"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/.tests/bootstrap.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * PHPUnit bootstrap file
 4 |  *
 5 |  * @package gumponents
 6 |  */
 7 | 
 8 | ini_set( 'display_errors', true ); // @codingStandardsIgnoreLine
 9 | error_reporting( -1 ); // @codingStandardsIgnoreLine
10 | 
11 | $_tests_dir = getenv( 'WP_TESTS_DIR' );
12 | 
13 | if ( ! $_tests_dir ) {
14 | 	$_tests_dir = rtrim( sys_get_temp_dir(), '/\\' ) . '/wordpress-tests-lib';
15 | }
16 | 
17 | if ( ! file_exists( $_tests_dir . '/includes/functions.php' ) ) {
18 | 	echo "Could not find $_tests_dir/includes/functions.php, have you run bin/install-wp-tests.sh ?" . PHP_EOL; // WPCS: XSS ok.
19 | 	exit( 1 );
20 | }
21 | 
22 | // Give access to tests_add_filter() function.
23 | require_once $_tests_dir . '/includes/functions.php';
24 | 
25 | /**
26 |  * Manually load the plugin being tested.
27 |  */
28 | function _manually_load_plugin() {
29 | 	require dirname( dirname( __FILE__ ) ) . '/gumponents.php';
30 | }
31 | tests_add_filter( 'muplugins_loaded', '_manually_load_plugin' );
32 | 
33 | // Start up the WP testing environment.
34 | require $_tests_dir . '/includes/bootstrap.php';
35 | 


--------------------------------------------------------------------------------
/.tests/test-sample.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Class SampleTest
 4 |  *
 5 |  * @package gumponents
 6 |  */
 7 | 
 8 | /**
 9 |  * Sample test case.
10 |  */
11 | class SampleTest extends WP_UnitTestCase {
12 | 
13 | 	/**
14 | 	 * A single example test.
15 | 	 */
16 | 	public function test_sample() {
17 | 		// Replace this with some actual testing code.
18 | 		$this->assertTrue( true );
19 | 	}
20 | }
21 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 Junaid Bhura
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | ![GitHub Actions](https://github.com/junaidbhura/gumponents/workflows/Coding%20Standards%20and%20Tests/badge.svg)
  2 | 
  3 | <img src="https://user-images.githubusercontent.com/2512525/52129802-685f6200-2688-11e9-908e-494cabd016d9.png" width="600" alt="Gumponents!">
  4 | 
  5 | # Essential Gutenberg components for WordPress.
  6 | 
  7 | Gumponents offer some **crucial** missing Gutenberg components, essential to create advanced blocks. 🚀
  8 | 
  9 | Individual Gumponents aim to be deprecated over time, when components similar or better land in WordPress core.
 10 | 
 11 | They are not blocks, but rather, what you would use to build advanced blocks.
 12 | 
 13 | ## Quick Links
 14 | 
 15 | [Documentation](https://github.com/junaidbhura/gumponents/wiki) | [Roadmap](https://github.com/junaidbhura/gumponents/projects/1)
 16 | 
 17 | ## Components
 18 | 
 19 | ### PostRelationshipControl
 20 | 
 21 | ![post-relationship-control](https://user-images.githubusercontent.com/2512525/52121336-368dd180-266f-11e9-9cdd-37317a83a7e3.gif)
 22 | 
 23 | #### Example
 24 | 
 25 | ```js
 26 | const { PostRelationshipControl } = gumponents.components;
 27 | 
 28 | <PostRelationshipControl
 29 | 	label="Select people"
 30 | 	help="Select people"
 31 | 	postTypes="people"
 32 | 	taxonomies={ [ { people_roles: [ 'ceo', 'management' ] } ] }
 33 | 	value={ people.map( person => person.ID ) }
 34 | 	onSelect={ people => setAttributes( { people } ) }
 35 | 	buttonLabel="Select People"
 36 | 	filter="people_meta"
 37 | 	max="1"
 38 | />
 39 | ```
 40 | 
 41 | ### TaxonomyRelationshipControl
 42 | 
 43 | ![taxonomy-relationship-control](https://user-images.githubusercontent.com/2512525/52122521-342d7680-2673-11e9-88d7-f15f33245d86.gif)
 44 | 
 45 | #### Example
 46 | 
 47 | ```js
 48 | const { TaxonomyRelationshipControl } = gumponents.components;
 49 | 
 50 | <TaxonomyRelationshipControl
 51 | 	label="Select people roles"
 52 | 	taxonomies="people_roles"
 53 | 	value={ taxonomy.map( tax => tax.term_id ) }
 54 | 	onSelect={ taxonomy => setAttributes( { taxonomy } ) }
 55 | 	buttonLabel="Select People Roles"
 56 | 	filter="people_meta"
 57 | 	max="1"
 58 | />
 59 | ```
 60 | 
 61 | ### ColorPaletteControl
 62 | 
 63 | ![color-palette-control](https://user-images.githubusercontent.com/2512525/101442823-31d38c00-3970-11eb-989f-83627e0d782b.gif)
 64 | 
 65 | #### Example
 66 | 
 67 | ```js
 68 | const { ColorPaletteControl } = gumponents.components;
 69 | 
 70 | ...
 71 | 
 72 | attributes: {
 73 | 	color: {
 74 | 		type: 'object',
 75 | 	},
 76 | },
 77 | ...
 78 | 
 79 | <ColorPaletteControl
 80 | 	label="Choose a color"
 81 | 	value={ color ? color.color : null }
 82 | 	onChange={ color => setAttributes( { color } ) }
 83 | />
 84 | ```
 85 | 
 86 | ### MultiSelectControl
 87 | 
 88 | ![multi-select-control](https://user-images.githubusercontent.com/2512525/56482870-83ae7080-6505-11e9-9ec6-9815818b4d38.gif)
 89 | 
 90 | #### Example
 91 | 
 92 | ```js
 93 | const { MultiSelectControl } = gumponents.components;
 94 | 
 95 | ...
 96 | 
 97 | attributes: {
 98 | 	simpsons: {
 99 | 		type: 'array',
100 | 		default: [],
101 | 	},
102 | },
103 | 
104 | ...
105 | 
106 | const options = [
107 | 	{ value: 'bart', label: 'Bart' },
108 | 	{ value: 'homer', label: 'Homer' },
109 | 	{ value: 'marge', label: 'Marge' },
110 | ];
111 | 
112 | <MultiSelectControl
113 | 	label="Choose Simpsons"
114 | 	help="Choose your favorite characters."
115 | 	options={ options }
116 | 	value={ attributes.simpsons }
117 | 	onChange={ ( simpsons ) => setAttributes( { simpsons } ) }
118 | 	placeholder="D'oh"
119 | />
120 | ```
121 | 
122 | ### LinkControl
123 | 
124 | ![link-control](https://user-images.githubusercontent.com/2512525/56483259-e99bf780-6507-11e9-86ce-d905f5bbc74b.gif)
125 | 
126 | #### Example
127 | 
128 | ```js
129 | const { LinkControl } = gumponents.components;
130 | 
131 | ...
132 | 
133 | attributes: {
134 | 	link: {
135 | 		type: 'object',
136 | 		default: {},
137 | 	},
138 | },
139 | 
140 | ...
141 | 
142 | <LinkControl
143 | 	label="Select URL"
144 | 	value={ attributes.link }
145 | 	onChange={ ( link ) => setAttributes( { link } ) }
146 | 	help="Enter a URL."
147 | />
148 | ```
149 | 
150 | ### FileControl
151 | 
152 | ![file-control](https://user-images.githubusercontent.com/2512525/52123616-9c318c00-2676-11e9-910e-15daf6e144da.gif)
153 | 
154 | #### Example
155 | 
156 | ```js
157 | const { FileControl } = gumponents.components;
158 | 
159 | ...
160 | 
161 | attributes: {
162 | 	file: {
163 | 		type: 'object',
164 | 		default: null,
165 | 	},
166 | },
167 | 
168 | ...
169 | 
170 | <FileControl
171 | 	label="Choose file"
172 | 	selectLabel="Choose video"
173 | 	removeLabel="Remove this video"
174 | 	onChange={ file => setAttributes( { file: file ? { id: file.id, name: file.filename } : null } ) }
175 | 	value={ file ? file.id : null }
176 | />
177 | ```
178 | 
179 | ### ImageControl
180 | 
181 | ![image-control](https://user-images.githubusercontent.com/2512525/52124187-583f8680-2678-11e9-8119-fbf842b88848.gif)
182 | 
183 | #### Example
184 | 
185 | ```js
186 | const { ImageControl } = gumponents.components;
187 | 
188 | ...
189 | 
190 | attributes: {
191 | 	image: {
192 | 		type: 'object',
193 | 		default: null,
194 | 	},
195 | },
196 | 
197 | ...
198 | 
199 | <ImageControl
200 | 	label="Choose image"
201 | 	selectLabel="Choose image"
202 | 	removeLabel="Remove this image"
203 | 	size="thumbnail"
204 | 	value={ image }
205 | 	onChange={ ( image, media ) => setAttributes( { image } ) }
206 | />
207 | ```
208 | 
209 | ### FocalPointPickerControl
210 | 
211 | ![focal-point-picker](https://user-images.githubusercontent.com/11497423/231909988-7b4fdcec-1015-4512-91de-c0455bb3ff00.gif)
212 | 
213 | #### Example
214 | 
215 | ```js
216 | const { FocalPointPickerControl } = gumponents.components;
217 | 
218 | ...
219 | 
220 | attributes: {
221 | 	image: {
222 | 		type: 'object',
223 | 	        default: {},
224 | 	},
225 | 	focalPoint: {
226 | 		type: 'object',
227 | 	        default: {},
228 | 	},
229 | },
230 | 
231 | ...
232 | 
233 | <FocalPointPickerControl
234 | 	label="Focal Point"
235 | 	imageUrl={ attributes.image.src }
236 | 	value={ attributes.focalPoint }
237 | 	help="Choose a focal point"
238 | 	onChange={ ( focalPoint ) => setAttributes( { focalPoint } ) }
239 | />
240 | ```
241 | 
242 | ### GalleryControl
243 | 
244 | ![gallery-control](https://user-images.githubusercontent.com/2512525/58150817-2136c480-7cab-11e9-86b6-19c3a544d831.gif)
245 | 
246 | #### Example
247 | 
248 | ```js
249 | const { GalleryControl } = gumponents.components;
250 | 
251 | ...
252 | 
253 | attributes: {
254 | 	gallery: {
255 | 		type: 'array',
256 | 		default: [],
257 | 	},
258 | },
259 | 
260 | ...
261 | 
262 | <GalleryControl
263 | 	size="medium"
264 | 	onSelect={ ( gallery, media ) => {
265 | 		setAttributes( { gallery: null } ); // The block editor doesn't update arrays correctly? 🤷‍♂️
266 | 		setAttributes( { gallery } );
267 | 	} }
268 | 	value={ attributes.gallery }
269 | />
270 | ```
271 | 
272 | ### LinkButton
273 | 
274 | ![link-button](https://user-images.githubusercontent.com/2512525/132930192-ede06fae-e7fd-4b0c-8259-80b5702f145c.gif)
275 | 
276 | #### Example
277 | 
278 | ```js
279 | const { LinkButton } = gumponents.components;
280 | 
281 | ...
282 | 
283 | attributes: {
284 | 	link: {
285 | 		type: 'object',
286 | 	},
287 | },
288 | 
289 | ...
290 | 
291 | <LinkButton
292 | 	className="btn btn--primary"
293 | 	placeholder="Select Link"
294 | 	value={ attributes.link }
295 | 	onChange={ ( link ) => setAttributes( { link } ) }
296 | />
297 | ```
298 | 
299 | ### SelectImage
300 | 
301 | ![select-image](https://user-images.githubusercontent.com/2512525/53619432-5220d380-3c3f-11e9-8a93-d0504d9fc9ee.gif)
302 | 
303 | #### Example
304 | 
305 | ```js
306 | const { SelectImage } = gumponents.components;
307 | 
308 | ...
309 | 
310 | attributes: {
311 | 	image: {
312 | 		type: 'object',
313 | 		default: null,
314 | 	},
315 | },
316 | 
317 | ...
318 | 
319 | <SelectImage
320 | 	image={ image }
321 | 	placeholder="Choose an image"
322 | 	size="full"
323 | 	onChange={ ( image, media ) => {
324 | 		setAttributes( { image: null } ); // The block editor doesn't update objects correctly? 🤷‍♂️
325 | 		setAttributes( { image } );
326 | 	} }
327 | 	showCaption={ false }
328 | />
329 | ```
330 | 


--------------------------------------------------------------------------------
/assets/dist/editor.css:
--------------------------------------------------------------------------------
 1 | .gumponents-select-image{background-color:#f9f9f9;overflow:hidden;position:relative;height:100px}.gumponents-select-image--selected{background-color:rgba(0,0,0,0)}.gumponents-select-image__container{position:relative;display:block;width:100%;height:100%;left:0;top:0}.gumponents-select-image__image-container{height:100%;margin:0}.gumponents-select-image__button{width:100%;height:100%;position:absolute;left:0;top:0}.gumponents-select-image__button:hover{background-color:rgba(0,0,0,0) !important}.gumponents-select-image__img-container{display:block;height:100%}.gumponents-select-image__img{cursor:pointer;width:100% !important;height:100% !important;object-fit:cover}.gumponents-select-image .spinner{margin:0;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px}.gumponents-select-image .components-placeholder{position:absolute;min-height:auto;top:0;left:0;right:0;bottom:0;text-align:center;margin-bottom:0}.gumponents-select-image .components-placeholder__label{margin-bottom:0}.gumponents-select-image--no-placeholder .components-placeholder__label .dashicon{margin-right:0 !important}.gumponents-select-image__inline-menu{position:absolute;top:0;right:0;display:inline-flex;z-index:20}.gumponents-select-image__inline-menu .components-button{padding:0 !important;color:#fff;background-color:#0085ba;height:auto;min-width:auto}.gumponents-select-image__inline-menu .components-button+.components-button{margin-left:5px}.gumponents-select-image__inline-menu .components-button .dashicon{margin:0}
 2 | .gumponents-image-control{padding:0}.gumponents-image-control .components-base-control__label{display:block;margin-bottom:4px}.gumponents-image-control__preview{margin-bottom:8px;display:block;width:100%;padding:0;transition:all .1s ease-out}.gumponents-image-control--selected .gumponents-image-control__preview{height:auto}.gumponents-image-control .components-spinner{float:none;margin:0}.gumponents-image-control .components-responsive-wrapper__content{width:100% !important;height:100% !important;object-fit:contain;object-position:left center}
 3 | .gumponent-relationship .components-base-control__label{display:block;margin-bottom:4px}.gumponent-relationship__modal__actions{text-align:right;padding:16px}.gumponent-relationship__modal .components-modal__header{margin:0;position:relative;padding:16px 16px 0 16px !important;height:auto}.gumponent-relationship__modal .components-modal__header-heading{font-size:1.3em}.gumponent-relationship__modal .components-modal__content{padding:0;margin-top:0;position:relative}@media screen and (min-width: 600px){.gumponent-relationship__modal{width:50%;transform:none;top:calc(50% - 222px);left:25%;animation:none}}.gumponent-relationship__search-container{padding:16px}.gumponent-relationship__search{width:100%;padding:11px 16px !important}.gumponent-relationship__panel{display:flex;font-size:.9em;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}.gumponent-relationship__panel__search-items,.gumponent-relationship__panel__selected-items{width:50%;height:250px;display:flex;overflow-y:auto}.gumponent-relationship__panel__search-items{border-right:1px solid #e2e4e7;background-color:#f9f9f9}.gumponent-relationship__panel__selected-items a{cursor:grab}.gumponent-relationship__items{position:relative;width:100%;height:100%;list-style-type:none;margin:0;overflow-y:auto}.gumponent-relationship__items .components-spinner{position:absolute;margin:-9px 0 0 -9px;top:50%;left:50%;z-index:5}.gumponent-relationship__items--loading,.gumponent-relationship__items--disabled{overflow:hidden}.gumponent-relationship__items--loading::before,.gumponent-relationship__items--disabled::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:.5;z-index:3}.gumponent-relationship__item{margin:0;padding:10px 43px 10px 10px;text-align:left;position:relative}.gumponent-relationship__item:hover{background-color:#0073aa;color:#fff}.gumponent-relationship__item>button{width:100%;height:100%;margin:-10px}.gumponent-relationship__item--selected{opacity:.35;cursor:default !important}.gumponent-relationship__items--search .gumponent-relationship__item{cursor:pointer}.gumponent-relationship__item-action{opacity:0;position:absolute;right:10px;top:50%;margin-top:-13px}.gumponent-relationship__item-action button{padding:0 !important;height:auto;background-color:rgba(0,0,0,0) !important;box-shadow:none !important;min-width:auto !important}.gumponent-relationship__item-action .dashicon{margin:3px !important;color:#fff}.gumponent-relationship__item:hover .gumponent-relationship__item-action{opacity:1}.gumponent-relationship__item--selected:hover .gumponent-relationship__item-action{opacity:0 !important}.gumponent-relationship__selected-items{list-style-type:none !important;font-size:.9em;position:relative;padding:10px !important;background-color:#f3f3f4;border-radius:3px;color:#000;box-shadow:inset 0 0 10px rgba(0,0,0,.05);margin:10px 0 0 0 !important}.gumponent-relationship__selected-items li{margin:0}.gumponent-relationship__selected-items .components-spinner{float:none;margin:0}
 4 | .gumponent-focal-point-picker .components-base-control__label{display:block;margin-bottom:4px}.gumponent-focal-point-picker__modal__actions{text-align:right;padding:16px}.gumponent-focal-point-picker__modal .components-modal__header{margin:0;position:relative;padding:0 16px !important}.gumponent-focal-point-picker__modal .components-modal__header-heading{font-size:1.3em}.gumponent-focal-point-picker__modal .components-modal__content{padding:0;margin-top:0;position:relative}@media screen and (min-width: 600px){.gumponent-focal-point-picker__modal{width:50%;transform:none;top:calc(50% - 222px);left:25%;animation:none}}.gumponent-focal-point-picker__modal .components-focal-point-picker-control{padding:0 16px 16px 16px}
 5 | .gumponents-file-control .components-base-control__label{display:block;margin-bottom:4px}.gumponents-file-control__details{margin:8px 0;background-color:#f3f3f4;border-radius:3px;padding:10px;color:#000;box-shadow:inset 0 0 10px rgba(0,0,0,.05)}.gumponents-file-control .components-spinner{float:none;margin:0}.gumponents-file-control__details-container{display:flex}.gumponents-file-control__icon{margin-right:8px}.gumponents-file-control__icon img{width:24px;max-width:none}.gumponents-file-control p{margin:0}
 6 | .gumponents-multi-select-control .components-base-control__label{display:block;margin-bottom:4px}
 7 | .gumponents-link-control .components-base-control__label{display:block;margin-bottom:4px}.gumponents-link-control__preview{background-color:#f3f3f4;border-radius:3px;padding:10px;color:#000;box-shadow:inset 0 0 10px rgba(0,0,0,.05);word-break:break-all;margin:8px 0 12px 0}.gumponents-link-control__preview a{display:flex;align-items:center}.gumponents-link-control__preview svg{margin-left:5px;flex-shrink:0}.gumponents-url-control input[type=text]{width:100%}body.modal-open .components-popover:not(.is-mobile).is-bottom{z-index:999999}
 8 | .gumponents-gallery-control .components-base-control__label{display:block;margin-bottom:4px}.gumponents-gallery-control__total{padding:10px;background-color:#f3f3f4;border-radius:3px;color:#000;box-shadow:inset 0 0 10px rgba(0,0,0,.05);margin:10px 0}
 9 | .gumponents-color-palette-control .components-base-control__label{display:block;margin-bottom:4px}
10 | 


--------------------------------------------------------------------------------
/assets/src/components/color-palette-control/editor.scss:
--------------------------------------------------------------------------------
1 | .gumponents-color-palette-control {
2 | 
3 | 	.components-base-control__label {
4 | 		display: block;
5 | 		margin-bottom: 4px;
6 | 	}
7 | }
8 | 


--------------------------------------------------------------------------------
/assets/src/components/color-palette-control/index.js:
--------------------------------------------------------------------------------
 1 | import './editor.scss';
 2 | 
 3 | import wp from 'wp';
 4 | const {
 5 | 	BaseControl,
 6 | 	ColorPalette,
 7 | } = wp.components;
 8 | const { select } = wp.data;
 9 | 
10 | export default function ColorPaletteControl( { label, help, value, colors = null, onChange, disableCustomColors = null } ) {
11 | 	if ( null === colors ) {
12 | 		colors = select( 'core/block-editor' ).getSettings().colors || [];
13 | 	}
14 | 	if ( null === disableCustomColors ) {
15 | 		disableCustomColors = select( 'core/block-editor' ).getSettings().disableCustomColors;
16 | 	}
17 | 
18 | 	const onColorChange = ( color ) => {
19 | 		if ( ! onChange || 0 === colors.length ) {
20 | 			return;
21 | 		}
22 | 
23 | 		let colorObject = null;
24 | 		if ( 'undefined' !== typeof color ) {
25 | 			colorObject = {
26 | 				color,
27 | 			};
28 | 			colors.some( ( item ) => {
29 | 				if ( 'slug' in item && 'color' in item && color === item.color ) {
30 | 					colorObject.slug = item.slug;
31 | 					return true;
32 | 				}
33 | 				return false;
34 | 			} );
35 | 		}
36 | 
37 | 		onChange( colorObject );
38 | 	};
39 | 
40 | 	return (
41 | 		<BaseControl
42 | 			label={ label }
43 | 			help={ help }
44 | 			className="gumponents-color-palette-control"
45 | 		>
46 | 			<ColorPalette
47 | 				colors={ colors }
48 | 				value={ value }
49 | 				onChange={ ( color ) => onColorChange( color ) }
50 | 				disableCustomColors={ disableCustomColors }
51 | 			/>
52 | 		</BaseControl>
53 | 	);
54 | }
55 | 


--------------------------------------------------------------------------------
/assets/src/components/figure/index.js:
--------------------------------------------------------------------------------
 1 | import isEmpty from 'lodash/isEmpty';
 2 | import isString from 'lodash/isString';
 3 | import Img from '../img';
 4 | 
 5 | export default function Figure( { value, className } ) {
 6 | 	if ( isEmpty( value ) ) {
 7 | 		return '';
 8 | 	}
 9 | 
10 | 	let image = value;
11 | 	if ( isString( value ) ) {
12 | 		image = JSON.parse( image );
13 | 	}
14 | 
15 | 	return (
16 | 		<figure className={ className }>
17 | 			<Img
18 | 				value={ image }
19 | 			/>
20 | 			{ ! isEmpty( image.caption ) &&
21 | 				<figcaption>{ image.caption }</figcaption>
22 | 			}
23 | 		</figure>
24 | 	);
25 | }
26 | 


--------------------------------------------------------------------------------
/assets/src/components/file-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .gumponents-file-control {
 2 | 
 3 | 	.components-base-control__label {
 4 | 		display: block;
 5 | 		margin-bottom: 4px;
 6 | 	}
 7 | 
 8 | 	&__details {
 9 | 		margin: 8px 0;
10 | 		background-color: #f3f3f4;
11 | 		border-radius: 3px;
12 | 		padding: 10px;
13 | 		color: #000;
14 | 		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
15 | 	}
16 | 
17 | 	.components-spinner {
18 | 		float: none;
19 | 		margin: 0;
20 | 	}
21 | 
22 | 	&__details-container {
23 | 		display: flex;
24 | 	}
25 | 
26 | 	&__icon {
27 | 		margin-right: 8px;
28 | 
29 | 		img {
30 | 			width: 24px;
31 | 			max-width: none;
32 | 		}
33 | 	}
34 | 
35 | 	p {
36 | 		margin: 0;
37 | 	}
38 | }
39 | 


--------------------------------------------------------------------------------
/assets/src/components/file-control/index.js:
--------------------------------------------------------------------------------
  1 | import './editor.scss';
  2 | 
  3 | import wp from 'wp';
  4 | 
  5 | const { __ } = wp.i18n;
  6 | const {
  7 | 	Button,
  8 | 	BaseControl,
  9 | 	Spinner,
 10 | } = wp.components;
 11 | const { MediaUpload } = wp.blockEditor;
 12 | const {
 13 | 	useState,
 14 | 	useEffect,
 15 | } = wp.element;
 16 | const {
 17 | 	withSelect,
 18 | 	withDispatch,
 19 | } = wp.data;
 20 | const { compose } = wp.compose;
 21 | 
 22 | function FileControl( { value, file, help, allowedTypes, label = __( 'Select file' ), selectLabel = __( 'Select file' ), removeLabel = __( 'Remove file' ), onSetFile, onChange } ) {
 23 | 	const [ id, setId ] = useState( null );
 24 | 
 25 | 	useEffect(
 26 | 		() => setId( value ),
 27 | 		[ value ]
 28 | 	);
 29 | 
 30 | 	const onSelectFile = ( media ) => {
 31 | 		setId( media.id );
 32 | 		onSetFile( media );
 33 | 
 34 | 		if ( onChange ) {
 35 | 			onChange( media );
 36 | 		}
 37 | 	};
 38 | 
 39 | 	const onRemoveFile = () => {
 40 | 		setId( null );
 41 | 
 42 | 		if ( onChange ) {
 43 | 			onChange( null );
 44 | 		}
 45 | 	};
 46 | 
 47 | 	return (
 48 | 		<BaseControl
 49 | 			help={ help }
 50 | 			label={ label }
 51 | 			className="gumponents-file-control"
 52 | 		>
 53 | 			<MediaUpload
 54 | 				title={ selectLabel }
 55 | 				onSelect={ onSelectFile }
 56 | 				allowedTypes={ allowedTypes }
 57 | 				render={ ( { open } ) => (
 58 | 					<Button
 59 | 						isDefault
 60 | 						className="gumponents-file-control__select"
 61 | 						onClick={ open }
 62 | 					>
 63 | 						{ selectLabel }
 64 | 					</Button>
 65 | 				) }
 66 | 			/>
 67 | 			{ id &&
 68 | 				<div className="gumponents-file-control__details">
 69 | 					{ file &&
 70 | 						<div className="gumponents-file-control__details-container">
 71 | 							<div className="gumponents-file-control__icon">
 72 | 								<img
 73 | 									src={ file.icon }
 74 | 									alt=""
 75 | 								/>
 76 | 							</div>
 77 | 							<div className="gumponents-file-control__file-details">
 78 | 								<p>{ file.filename }</p>
 79 | 								<p>{ file.filesizeHumanReadable }</p>
 80 | 							</div>
 81 | 						</div>
 82 | 					}
 83 | 					{ ! file &&
 84 | 						<Spinner />
 85 | 					}
 86 | 				</div>
 87 | 			}
 88 | 			{ id && file &&
 89 | 				<Button onClick={ onRemoveFile } isLink isDestructive>
 90 | 					{ removeLabel }
 91 | 				</Button>
 92 | 			}
 93 | 		</BaseControl>
 94 | 	);
 95 | }
 96 | 
 97 | export default compose(
 98 | 	withSelect( ( select, ownProps ) => {
 99 | 		const { getMedia } = select( 'gumponents/media' );
100 | 		const { value } = ownProps;
101 | 
102 | 		return {
103 | 			file: value ? getMedia( value ) : null,
104 | 		};
105 | 	} ),
106 | 	withDispatch( ( dispatch ) => {
107 | 		return {
108 | 			onSetFile( media ) {
109 | 				dispatch( 'gumponents/media' ).setMedia( media );
110 | 			},
111 | 		};
112 | 	} ),
113 | )( FileControl );
114 | 
115 | 


--------------------------------------------------------------------------------
/assets/src/components/focal-point-picker-control/editor.scss:
--------------------------------------------------------------------------------
 1 | $gumponent-focal-point-picker__modal-gutter: 16px;
 2 | 
 3 | .gumponent-focal-point-picker {
 4 | 
 5 | 	.components-base-control__label {
 6 | 		display: block;
 7 | 		margin-bottom: 4px;
 8 | 	}
 9 | 
10 | 	&__modal {
11 | 
12 | 		&__actions {
13 | 			text-align: right;
14 | 			padding: $gumponent-focal-point-picker__modal-gutter;
15 | 		}
16 | 
17 | 		.components-modal {
18 | 
19 | 			&__header {
20 | 				margin: 0;
21 | 				position: relative;
22 | 				padding: 0 16px !important;
23 | 
24 | 				&-heading {
25 | 					font-size: 1.3em;
26 | 				}
27 | 			}
28 | 
29 | 			&__content {
30 | 				padding: 0;
31 | 				margin-top: 0;
32 | 				position: relative;
33 | 			}
34 | 		}
35 | 
36 | 		@media screen and (min-width: 600px) {
37 | 			width: 50%;
38 | 			transform: none;
39 | 			top: calc(50% - 222px);
40 | 			left: calc(25%);
41 | 			animation: none;
42 | 		}
43 | 
44 | 		.components-focal-point-picker-control {
45 | 			padding: 0 $gumponent-focal-point-picker__modal-gutter $gumponent-focal-point-picker__modal-gutter $gumponent-focal-point-picker__modal-gutter;
46 | 		}
47 | 	}
48 | }
49 | 


--------------------------------------------------------------------------------
/assets/src/components/focal-point-picker-control/index.js:
--------------------------------------------------------------------------------
 1 | import './editor.scss';
 2 | 
 3 | import wp from 'wp';
 4 | 
 5 | const { __ } = wp.i18n;
 6 | const {
 7 | 	Button,
 8 | 	Modal,
 9 | 	BaseControl,
10 | 	FocalPointPicker,
11 | } = wp.components;
12 | const {
13 | 	useState,
14 | } = wp.element;
15 | 
16 | function FocalPointPickerControl( { label = '', value = {}, onChange = () => {}, imageUrl = '', help = '', buttonLabel = __( 'Select', 'gumponents' ), modalTitle = __( 'Select', 'gumponents' ) } ) {
17 | 	// Initialize State.
18 | 	const initialFocalPointValue = ( value.x && value.y ) ? value : { x: 0.5, y: 0.5 };
19 | 	const [ modalOpen, setModalOpen ] = useState( false );
20 | 	const [ focalPoint, setFocalPoint ] = useState( initialFocalPointValue );
21 | 
22 | 	if ( ! imageUrl ) {
23 | 		return null;
24 | 	}
25 | 
26 | 	/**
27 | 	 * Handle Set Focal Point.
28 | 	 *
29 | 	 * @param {Object} focalPointData Focal Point Data.
30 | 	 */
31 | 	const handleSetFocalPoint = ( focalPointData ) => {
32 | 		setFocalPoint( focalPointData );
33 | 		onChange( focalPoint );
34 | 	};
35 | 
36 | 	/**
37 | 	 * Open modal.
38 | 	 */
39 | 	const openModal = () => {
40 | 		setModalOpen( true );
41 | 	};
42 | 
43 | 	return (
44 | 		<BaseControl
45 | 			label={ label }
46 | 			help={ help }
47 | 			className="gumponent-focal-point-picker"
48 | 		>
49 | 			<Button
50 | 				isSecondary
51 | 				onClick={ openModal }
52 | 			>
53 | 				{ buttonLabel }
54 | 			</Button>
55 | 
56 | 			{ modalOpen &&
57 | 				<Modal
58 | 					title={ modalTitle }
59 | 					className="gumponent-focal-point-picker__modal"
60 | 					onRequestClose={ () => setModalOpen( false ) }>
61 | 					<FocalPointPicker
62 | 						url={ imageUrl }
63 | 						value={ focalPoint }
64 | 						onDragStart={ handleSetFocalPoint }
65 | 						onDrag={ handleSetFocalPoint }
66 | 						onChange={ handleSetFocalPoint }
67 | 					/>
68 | 				</Modal>
69 | 			}
70 | 		</BaseControl>
71 | 	);
72 | }
73 | 
74 | export default FocalPointPickerControl;
75 | 


--------------------------------------------------------------------------------
/assets/src/components/gallery-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .gumponents-gallery-control {
 2 | 
 3 | 	.components-base-control__label {
 4 | 		display: block;
 5 | 		margin-bottom: 4px;
 6 | 	}
 7 | 
 8 | 	&__total {
 9 | 		padding: 10px;
10 | 		background-color: #f3f3f4;
11 | 		border-radius: 3px;
12 | 		color: #000;
13 | 		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
14 | 		margin: 10px 0;
15 | 	}
16 | }
17 | 


--------------------------------------------------------------------------------
/assets/src/components/gallery-control/index.js:
--------------------------------------------------------------------------------
 1 | import './editor.scss';
 2 | 
 3 | import wp from 'wp';
 4 | import isObject from 'lodash/isObject';
 5 | import { getImageDetails } from '../image-control';
 6 | 
 7 | const { __ } = wp.i18n;
 8 | const {
 9 | 	Button,
10 | 	BaseControl,
11 | } = wp.components;
12 | const {
13 | 	MediaUpload,
14 | } = wp.blockEditor;
15 | const {
16 | 	Fragment,
17 | 	useState,
18 | 	useEffect,
19 | } = wp.element;
20 | 
21 | export default function GalleryControl( { value = [], size = 'full', help, onSelect, label = __( 'Select images' ), selectLabel = __( 'Select images' ), updateLabel = __( 'Update images' ), removeLabel = __( 'Remove images' ) } ) {
22 | 	const [ images, setImages ] = useState( [] );
23 | 
24 | 	useEffect(
25 | 		() => {
26 | 			if ( 0 === value.length ) {
27 | 				setImages( [] );
28 | 			} else if ( isObject( value[ 0 ] ) ) {
29 | 				setImages( value.map( ( val ) => val.id ) );
30 | 			} else {
31 | 				setImages( value );
32 | 			}
33 | 		},
34 | 		[ value ]
35 | 	);
36 | 
37 | 	const hasImages = 0 !== images.length;
38 | 
39 | 	const imagesSelected = ( selectedImages ) => {
40 | 		if ( onSelect ) {
41 | 			onSelect( selectedImages.map( ( image ) => getImageDetails( image, size ) ), selectedImages );
42 | 		}
43 | 	};
44 | 
45 | 	const removeImages = () => {
46 | 		if ( onSelect ) {
47 | 			onSelect( [], [] );
48 | 		}
49 | 	};
50 | 
51 | 	return (
52 | 		<BaseControl
53 | 			help={ help }
54 | 			label={ label }
55 | 			className="gumponents-gallery-control"
56 | 		>
57 | 			<MediaUpload
58 | 				multiple
59 | 				gallery
60 | 				onSelect={ imagesSelected }
61 | 				value={ hasImages ? images : null }
62 | 				allowedTypes={ [ 'image' ] }
63 | 				render={ ( { open } ) => (
64 | 					<Button
65 | 						isDefault
66 | 						className="gumponents-gallery-control__select"
67 | 						onClick={ open }
68 | 					>
69 | 						{ hasImages ? updateLabel : selectLabel }
70 | 					</Button>
71 | 				) }
72 | 			/>
73 | 			{ hasImages &&
74 | 				<Fragment>
75 | 					<div className="gumponents-gallery-control__total">
76 | 						<strong>{ images.length }</strong> { __( 'images selected' ) }
77 | 					</div>
78 | 					<Button onClick={ removeImages } isLink isDestructive>
79 | 						{ removeLabel }
80 | 					</Button>
81 | 				</Fragment>
82 | 			}
83 | 		</BaseControl>
84 | 	);
85 | }
86 | 


--------------------------------------------------------------------------------
/assets/src/components/image-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .gumponents-image-control {
 2 | 	padding: 0;
 3 | 
 4 | 	.components-base-control__label {
 5 | 		display: block;
 6 | 		margin-bottom: 4px;
 7 | 	}
 8 | 
 9 | 	&__preview {
10 | 		margin-bottom: 8px;
11 | 		display: block;
12 | 		width: 100%;
13 | 		padding: 0;
14 | 		transition: all 0.1s ease-out;
15 | 	}
16 | 
17 | 	&--selected &__preview {
18 | 		height: auto;
19 | 	}
20 | 
21 | 	.components-spinner {
22 | 		float: none;
23 | 		margin: 0;
24 | 	}
25 | 
26 | 	.components-responsive-wrapper__content {
27 | 		width: 100% !important;
28 | 		height: 100% !important;
29 | 		object-fit: contain;
30 | 		object-position: left center;
31 | 	}
32 | }
33 | 


--------------------------------------------------------------------------------
/assets/src/components/image-control/index.js:
--------------------------------------------------------------------------------
  1 | import './editor.scss';
  2 | 
  3 | import wp from 'wp';
  4 | import has from 'lodash/has';
  5 | import isObject from 'lodash/isObject';
  6 | import classnames from 'classnames';
  7 | 
  8 | const { Fragment } = wp.element;
  9 | const {
 10 | 	withSelect,
 11 | 	withDispatch,
 12 | } = wp.data;
 13 | const {
 14 | 	useState,
 15 | 	useEffect,
 16 | } = wp.element;
 17 | const { __ } = wp.i18n;
 18 | const {
 19 | 	Button,
 20 | 	Spinner,
 21 | 	BaseControl,
 22 | 	ResponsiveWrapper,
 23 | } = wp.components;
 24 | const { MediaUpload } = wp.blockEditor;
 25 | const { compose } = wp.compose;
 26 | 
 27 | /**
 28 |  * Get formatted image details from a media object.
 29 |  *
 30 |  * @param {Object} media Media object.
 31 |  * @param {string} thumbnailSize Thumbnail size.
 32 |  * @return {Object} Formatted image details.
 33 |  */
 34 | export function getImageDetails( media, thumbnailSize = 'full' ) {
 35 | 	if ( ! media ) {
 36 | 		return {};
 37 | 	}
 38 | 
 39 | 	let src, width, height;
 40 | 
 41 | 	if ( has( media, 'sizes' ) ) {
 42 | 		if ( ! has( media.sizes, thumbnailSize ) ) {
 43 | 			thumbnailSize = 'full';
 44 | 		}
 45 | 		width = media.sizes[ thumbnailSize ].width;
 46 | 		height = media.sizes[ thumbnailSize ].height;
 47 | 		src = media.sizes[ thumbnailSize ].url;
 48 | 	}
 49 | 
 50 | 	return {
 51 | 		id: media.id,
 52 | 		src,
 53 | 		width,
 54 | 		height,
 55 | 		alt: media.alt,
 56 | 		caption: media.caption,
 57 | 		title: media.title,
 58 | 		size: thumbnailSize,
 59 | 	};
 60 | }
 61 | 
 62 | function ImageControl( { label, help, value, size, selectLabel = __( 'Select image' ), removeLabel = __( 'Remove image' ), onChange, onSetMedia, selectedMedia } ) {
 63 | 	const [ id, setId ] = useState( null );
 64 | 	const [ controlValue, setControlValue ] = useState( null );
 65 | 
 66 | 	useEffect(
 67 | 		() => {
 68 | 			if ( ! isObject( value ) ) {
 69 | 				setId( value );
 70 | 				setControlValue( null );
 71 | 			} else {
 72 | 				setId( value.id );
 73 | 				setControlValue( value );
 74 | 			}
 75 | 		},
 76 | 		[ value ]
 77 | 	);
 78 | 
 79 | 	useEffect(
 80 | 		() => {
 81 | 			if ( isObject( selectedMedia ) ) {
 82 | 				setId( selectedMedia.id );
 83 | 				setControlValue( getImageDetails( selectedMedia, size ) );
 84 | 			}
 85 | 		},
 86 | 		[ selectedMedia ]
 87 | 	);
 88 | 
 89 | 	const onSelectImage = ( media ) => {
 90 | 		const image = getImageDetails( media, size );
 91 | 
 92 | 		setId( image.id );
 93 | 		setControlValue( image );
 94 | 
 95 | 		onSetMedia( media );
 96 | 
 97 | 		if ( onChange ) {
 98 | 			onChange( image, media );
 99 | 		}
100 | 	};
101 | 
102 | 	const onRemoveImage = () => {
103 | 		setId( null );
104 | 		setControlValue( null );
105 | 
106 | 		if ( onChange ) {
107 | 			onChange( null, null );
108 | 		}
109 | 	};
110 | 
111 | 	return (
112 | 		<BaseControl
113 | 			label={ label }
114 | 			help={ help }
115 | 			className={ classnames( 'gumponents-image-control', {
116 | 				'gumponents-image-control--selected': null !== controlValue,
117 | 			} ) }
118 | 		>
119 | 			{ id &&
120 | 				<div className="gumponents-image-control__preview">
121 | 					{ ! controlValue &&
122 | 						<Spinner />
123 | 					}
124 | 					{ controlValue &&
125 | 						<MediaUpload
126 | 							title={ selectLabel }
127 | 							onSelect={ ( media ) => onSelectImage( media ) }
128 | 							type="image"
129 | 							value={ id }
130 | 							render={ ( { open } ) => (
131 | 								<Fragment>
132 | 									<Button className="gumponents-image-control__preview" onClick={ open }>
133 | 										<ResponsiveWrapper
134 | 											naturalWidth={ controlValue.width }
135 | 											naturalHeight={ controlValue.height }
136 | 										>
137 | 											<img src={ controlValue.src } alt="" />
138 | 										</ResponsiveWrapper>
139 | 									</Button>
140 | 									<Button onClick={ open } isSecondary>
141 | 										{ __( 'Replace Image' ) }
142 | 									</Button>
143 | 								</Fragment>
144 | 							) }
145 | 						/>
146 | 					}
147 | 				</div>
148 | 			}
149 | 			{ controlValue &&
150 | 				<Button onClick={ onRemoveImage } isLink isDestructive>
151 | 					{ removeLabel }
152 | 				</Button>
153 | 			}
154 | 			{ ! controlValue && ! id &&
155 | 				<MediaUpload
156 | 					title={ selectLabel }
157 | 					onSelect={ ( media ) => onSelectImage( media ) }
158 | 					allowedTypes={ [ 'image' ] }
159 | 					render={ ( { open } ) => (
160 | 						<div className="editor-post-featured-image__container">
161 | 							<Button
162 | 								onClick={ open }
163 | 								className="editor-post-featured-image__toggle"
164 | 							>
165 | 								{ selectLabel }
166 | 							</Button>
167 | 						</div>
168 | 					) }
169 | 				/>
170 | 			}
171 | 		</BaseControl>
172 | 	);
173 | }
174 | 
175 | export default compose(
176 | 	withSelect( ( select, ownProps ) => {
177 | 		const { getMedia } = select( 'gumponents/media' );
178 | 		const { value } = ownProps;
179 | 
180 | 		return {
181 | 			selectedMedia: value ? getMedia( value ) : null,
182 | 		};
183 | 	} ),
184 | 	withDispatch( ( dispatch ) => {
185 | 		return {
186 | 			onSetMedia( media ) {
187 | 				dispatch( 'gumponents/media' ).setMedia( media );
188 | 			},
189 | 		};
190 | 	} ),
191 | )( ImageControl );
192 | 


--------------------------------------------------------------------------------
/assets/src/components/img/index.js:
--------------------------------------------------------------------------------
 1 | import classnames from 'classnames';
 2 | import isEmpty from 'lodash/isEmpty';
 3 | import isString from 'lodash/isString';
 4 | 
 5 | export default function Img( { value, className } ) {
 6 | 	if ( isEmpty( value ) ) {
 7 | 		return '';
 8 | 	}
 9 | 
10 | 	let image = value;
11 | 	if ( isString( value ) ) {
12 | 		image = JSON.parse( image );
13 | 	}
14 | 
15 | 	return (
16 | 		<img
17 | 			className={ classnames( `wp-image-${ image.id }`, `size-${ image.size }`, className ) }
18 | 			src={ image.src }
19 | 			width={ image.width }
20 | 			height={ image.height }
21 | 			alt={ image.alt }
22 | 			title={ ! isEmpty( image.title ) ? image.title : null }
23 | 		/>
24 | 	);
25 | }
26 | 


--------------------------------------------------------------------------------
/assets/src/components/link-button/index.js:
--------------------------------------------------------------------------------
 1 | import { UrlModal } from '../link-control/modal';
 2 | 
 3 | import wp from 'wp';
 4 | import React from 'react';
 5 | import classnames from 'classnames';
 6 | 
 7 | const { __ } = wp.i18n;
 8 | const { useState } = wp.element;
 9 | const { decodeEntities } = wp.htmlEntities;
10 | 
11 | export default function LinkButton( {
12 | 	tagName = 'button',
13 | 	value,
14 | 	className = 'wp-block-button',
15 | 	placeholder = __( 'Button' ),
16 | 	modalTitle = __( 'URL' ),
17 | 	onChange,
18 | } ) {
19 | 	const [ modalOpen, setModalOpen ] = useState( false );
20 | 	const { text } = value ?? {};
21 | 	const Tag = tagName;
22 | 	let label = placeholder;
23 | 
24 | 	if ( text && '' !== text ) {
25 | 		label = text;
26 | 	}
27 | 
28 | 	return (
29 | 		<>
30 | 			<Tag
31 | 				className={ classnames(
32 | 					className,
33 | 					'gumponents-link-button'
34 | 				) }
35 | 				onClick={ () => setModalOpen( true ) }
36 | 			>
37 | 				{ decodeEntities( label ) }
38 | 			</Tag>
39 | 			{ modalOpen &&
40 | 				<UrlModal
41 | 					className="gumponents-link-button__modal"
42 | 					title={ modalTitle }
43 | 					onRequestClose={ () => setModalOpen( false ) }
44 | 					value={ value }
45 | 					onChange={ ( value ) => onChange( value ) }
46 | 				/>
47 | 			}
48 | 		</>
49 | 	);
50 | }
51 | 


--------------------------------------------------------------------------------
/assets/src/components/link-control/editor.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * URL Input.
 3 |  */
 4 | 
 5 | .gumponents-link-control {
 6 | 
 7 | 	.components-base-control__label {
 8 | 		display: block;
 9 | 		margin-bottom: 4px;
10 | 	}
11 | 
12 | 	&__preview {
13 | 		background-color: #f3f3f4;
14 | 		border-radius: 3px;
15 | 		padding: 10px;
16 | 		color: #000;
17 | 		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
18 | 		word-break: break-all;
19 | 		margin: 8px 0 12px 0;
20 | 
21 | 		a {
22 | 			display: flex;
23 | 			align-items: center;
24 | 		}
25 | 
26 | 		svg {
27 | 			margin-left: 5px;
28 | 			flex-shrink: 0;
29 | 		}
30 | 	}
31 | }
32 | 
33 | .gumponents-url-control {
34 | 
35 | 	input[type="text"] {
36 | 		width: 100%;
37 | 	}
38 | }
39 | 
40 | body.modal-open .components-popover:not(.is-mobile).is-bottom {
41 | 	z-index: 999999;
42 | }
43 | 


--------------------------------------------------------------------------------
/assets/src/components/link-control/index.js:
--------------------------------------------------------------------------------
 1 | import './editor.scss';
 2 | import { UrlModal } from './modal';
 3 | 
 4 | import wp from 'wp';
 5 | import isEmpty from 'lodash/isEmpty';
 6 | 
 7 | const { __ } = wp.i18n;
 8 | const {
 9 | 	BaseControl,
10 | 	Icon,
11 | } = wp.components;
12 | const {
13 | 	Button,
14 | } = wp.components;
15 | const {
16 | 	useState,
17 | } = wp.element;
18 | 
19 | export default function LinkControl( { value, label, help, onUrl, onChange, buttonLabel = __( 'Select link' ), modalTitle = __( 'URL' ) } ) {
20 | 	const [ modalOpen, setModalOpen ] = useState( false );
21 | 	const { url, text, newWindow } = value ?? {};
22 | 
23 | 	return (
24 | 		<BaseControl
25 | 			label={ label }
26 | 			help={ help }
27 | 			className="gumponents-link-control"
28 | 		>
29 | 			<Button
30 | 				isDefault
31 | 				onClick={ () => setModalOpen( true ) }
32 | 			>
33 | 				{ buttonLabel }
34 | 			</Button>
35 | 			{ ! isEmpty( value ) && '' !== url &&
36 | 				<div className="gumponents-link-control__preview">
37 | 					<a
38 | 						href={ url }
39 | 						target="_blank"
40 | 						rel="noopener noreferrer"
41 | 					>
42 | 						{ '' === text && url }
43 | 						{ text }
44 | 						{ false !== newWindow &&
45 | 							<Icon
46 | 								icon="external"
47 | 								size={ 15 }
48 | 							/>
49 | 						}
50 | 					</a>
51 | 				</div>
52 | 			}
53 | 			{ modalOpen &&
54 | 				<UrlModal
55 | 					className="gumponents-url-control"
56 | 					title={ modalTitle }
57 | 					onRequestClose={ () => setModalOpen( false ) }
58 | 					value={ value }
59 | 					onChange={ ( value ) => onChange( value ) }
60 | 					onUrl={ onUrl }
61 | 				/>
62 | 			}
63 | 		</BaseControl>
64 | 	);
65 | }
66 | 


--------------------------------------------------------------------------------
/assets/src/components/link-control/modal.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import isEmpty from 'lodash/isEmpty';
 3 | 
 4 | const { __ } = wp.i18n;
 5 | const {
 6 | 	BaseControl,
 7 | } = wp.components;
 8 | const { URLInput } = wp.blockEditor;
 9 | const {
10 | 	Modal,
11 | 	TextControl,
12 | 	ToggleControl,
13 | } = wp.components;
14 | const {
15 | 	useState,
16 | 	useEffect,
17 | } = wp.element;
18 | 
19 | export function UrlModal( { className = '', onRequestClose, title, value, onChange, onUrl } ) {
20 | 	const [ url, setUrl ] = useState( '' );
21 | 	const [ text, setText ] = useState( '' );
22 | 	const [ newWindow, setNewWindow ] = useState( false );
23 | 
24 | 	useEffect(
25 | 		() => {
26 | 			if ( ! isEmpty( value ) ) {
27 | 				setUrl( value.url );
28 | 				setText( value.text );
29 | 				setNewWindow( value.newWindow );
30 | 			}
31 | 		},
32 | 		[ value ]
33 | 	);
34 | 
35 | 	return (
36 | 		<Modal
37 | 			title={ title }
38 | 			shouldCloseOnClickOutside={ false }
39 | 			className={ className }
40 | 			onRequestClose={ onRequestClose }
41 | 		>
42 | 			<BaseControl
43 | 				label={ __( 'URL' ) }
44 | 				className="gumponents-url-control"
45 | 			>
46 | 				<URLInput
47 | 					value={ url }
48 | 					onChange={ ( newUrl, post ) => {
49 | 						if ( onUrl ) {
50 | 							onUrl( newUrl, post );
51 | 						}
52 | 
53 | 						let changes = {
54 | 							url: newUrl,
55 | 							text,
56 | 							newWindow,
57 | 						};
58 | 						if ( post && '' === text ) {
59 | 							changes.text = post.title;
60 | 						} else if ( '' === newUrl ) {
61 | 							changes.text = '';
62 | 							changes.newWindow = false;
63 | 						}
64 | 
65 | 						setUrl( changes.url );
66 | 						onChange( changes );
67 | 					} }
68 | 				/>
69 | 			</BaseControl>
70 | 			<TextControl
71 | 				label={ __( 'Link Text' ) }
72 | 				value={ text }
73 | 				onChange={ ( text ) => {
74 | 					setText( text );
75 | 					onChange( { url, text, newWindow } );
76 | 				} }
77 | 			/>
78 | 			<ToggleControl
79 | 				label={ __( 'New Tab' ) }
80 | 				help={ __( 'Open link in a new tab?' ) }
81 | 				checked={ newWindow }
82 | 				onChange={ () => onChange( { url, text, newWindow: ! newWindow } ) }
83 | 			/>
84 | 		</Modal>
85 | 	);
86 | }
87 | 


--------------------------------------------------------------------------------
/assets/src/components/multiselect-control/editor.scss:
--------------------------------------------------------------------------------
1 | .gumponents-multi-select-control {
2 | 
3 | 	.components-base-control__label {
4 | 		display: block;
5 | 		margin-bottom: 4px;
6 | 	}
7 | }
8 | 


--------------------------------------------------------------------------------
/assets/src/components/multiselect-control/index.js:
--------------------------------------------------------------------------------
 1 | import './editor.scss';
 2 | 
 3 | import wp from 'wp';
 4 | import Select from 'react-select';
 5 | 
 6 | const { BaseControl } = wp.components;
 7 | 
 8 | export default function MultiSelectControl( { value = [], options = [], label, help, placeholder, onChange, ...reactSelectProps } ) {
 9 | 	// Filter out any values that are not in the options list and map them to the option object.
10 | 	const values = value
11 | 		.filter( ( token ) => options.some( ( option ) => option.value === token ) )
12 | 		.map( ( token ) => options.find( ( option ) => option.value === token ) );
13 | 
14 | 	const valuesUpdated = ( values ) => {
15 | 		if ( ! onChange ) {
16 | 			return;
17 | 		}
18 | 
19 | 		if ( null === values ) {
20 | 			onChange( [] );
21 | 			return;
22 | 		}
23 | 
24 | 		// Only return the values that are in the options list.
25 | 		onChange(
26 | 			values
27 | 				.filter( ( token ) => options.some( ( option ) => option.value === token.value ) )
28 | 				.map( ( token ) => token.value )
29 | 		);
30 | 	};
31 | 
32 | 	return (
33 | 		<BaseControl
34 | 			label={ label }
35 | 			help={ help }
36 | 			className="gumponents-multi-select-control"
37 | 		>
38 | 			<Select
39 | 				{ ...reactSelectProps }
40 | 				value={ values }
41 | 				options={ options }
42 | 				onChange={ valuesUpdated }
43 | 				placeholder={ placeholder }
44 | 				isMulti
45 | 			/>
46 | 		</BaseControl>
47 | 	);
48 | }
49 | 


--------------------------------------------------------------------------------
/assets/src/components/post-relationship-control/index.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import Relationship from '../relationship';
 3 | 
 4 | const { apiFetch } = wp;
 5 | const {
 6 | 	withSelect,
 7 | 	withDispatch,
 8 | } = wp.data;
 9 | const { compose } = wp.compose;
10 | 
11 | function PostRelationshipControl( props ) {
12 | 	const { postTypes, postStatus, taxonomies, filter, additionalParams } = props;
13 | 	return (
14 | 		<Relationship
15 | 			{ ...props }
16 | 			searchQuery={ ( query ) => {
17 | 				return new Promise( ( resolve ) => {
18 | 					apiFetch( {
19 | 						path: '/gumponents/relationship/v1/posts/query',
20 | 						data: {
21 | 							post_types: postTypes,
22 | 							post_taxonomies: taxonomies,
23 | 							post_status: postStatus,
24 | 							search: query,
25 | 							filter,
26 | 							additional_params: additionalParams,
27 | 						},
28 | 						method: 'post',
29 | 					} ).then( ( results ) => resolve( results ) );
30 | 				} );
31 | 			} }
32 | 		/>
33 | 	);
34 | }
35 | 
36 | export default compose(
37 | 	withSelect( ( select, ownProps ) => {
38 | 		return {
39 | 			initialItems: select( 'gumponents/relationship' ).getPosts( ownProps.value, ownProps.postTypes ),
40 | 		};
41 | 	} ),
42 | 	withDispatch( ( dispatch ) => {
43 | 		return {
44 | 			onSetItems( items ) {
45 | 				dispatch( 'gumponents/relationship' ).setPosts( items );
46 | 			},
47 | 		};
48 | 	} ),
49 | )( PostRelationshipControl );
50 | 


--------------------------------------------------------------------------------
/assets/src/components/relationship-control/index.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import Relationship from '../relationship';
 3 | 
 4 | const { apiFetch } = wp;
 5 | const {
 6 | 	withSelect,
 7 | 	withDispatch,
 8 | } = wp.data;
 9 | const { compose } = wp.compose;
10 | 
11 | function RelationshipControl( props ) {
12 | 	const { searchApiPath = '' } = props;
13 | 	return (
14 | 		<Relationship
15 | 			{ ...props }
16 | 			searchQuery={ ( query ) => {
17 | 				return new Promise( ( resolve ) => {
18 | 					apiFetch( {
19 | 						path: searchApiPath,
20 | 						method: 'post',
21 | 						data: {
22 | 							query,
23 | 						},
24 | 					} ).then( ( results ) => resolve( results ) );
25 | 				} );
26 | 			} }
27 | 		/>
28 | 	);
29 | }
30 | 
31 | export default compose(
32 | 	withSelect( ( select, ownProps ) => {
33 | 		const { value = [], getItemsApiPath = '' } = ownProps;
34 | 		return {
35 | 			initialItems: select( 'gumponents/relationship' ).getItems( value, getItemsApiPath ),
36 | 		};
37 | 	} ),
38 | 	withDispatch( ( dispatch ) => {
39 | 		return {
40 | 			onSetItems( items ) {
41 | 				dispatch( 'gumponents/relationship' ).setItems( items );
42 | 			},
43 | 		};
44 | 	} ),
45 | )( RelationshipControl );
46 | 


--------------------------------------------------------------------------------
/assets/src/components/relationship/editor.scss:
--------------------------------------------------------------------------------
  1 | $gumponent-relationship__modal-gutter: 16px;
  2 | 
  3 | .gumponent-relationship {
  4 | 
  5 | 	.components-base-control__label {
  6 | 		display: block;
  7 | 		margin-bottom: 4px;
  8 | 	}
  9 | 
 10 | 	&__modal {
 11 | 
 12 | 		&__actions {
 13 | 			text-align: right;
 14 | 			padding: $gumponent-relationship__modal-gutter;
 15 | 		}
 16 | 
 17 | 		.components-modal {
 18 | 
 19 | 			&__header {
 20 | 				margin: 0;
 21 | 				position: relative;
 22 | 				padding: 16px 16px 0 16px !important;
 23 | 				height: auto;
 24 | 
 25 | 				&-heading {
 26 | 					font-size: 1.3em;
 27 | 				}
 28 | 			}
 29 | 
 30 | 			&__content {
 31 | 				padding: 0;
 32 | 				margin-top: 0;
 33 | 				position: relative;
 34 | 			}
 35 | 		}
 36 | 
 37 | 		@media screen and (min-width: 600px) {
 38 | 			width: 50%;
 39 | 
 40 | 			// Fix react-beautiful-dnd conflict:
 41 | 			transform: none;
 42 | 			top: calc(50% - 222px);
 43 | 			left: calc(25%);
 44 | 			animation: none;
 45 | 		}
 46 | 	}
 47 | 
 48 | 	&__search-container {
 49 | 		padding: $gumponent-relationship__modal-gutter;
 50 | 	}
 51 | 
 52 | 	&__search {
 53 | 		width: 100%;
 54 | 		padding: 11px 16px !important;
 55 | 	}
 56 | 
 57 | 	&__panel {
 58 | 		display: flex;
 59 | 		font-size: 0.9em;
 60 | 		border-top: 1px solid #e2e4e7;
 61 | 		border-bottom: 1px solid #e2e4e7;
 62 | 
 63 | 		&__search-items,
 64 | 		&__selected-items {
 65 | 			width: 50%;
 66 | 			height: 250px;
 67 | 			display: flex;
 68 | 			overflow-y: auto;
 69 | 		}
 70 | 
 71 | 		&__search-items {
 72 | 			border-right: 1px solid #e2e4e7;
 73 | 			background-color: #f9f9f9;
 74 | 		}
 75 | 
 76 | 		&__selected-items {
 77 | 
 78 | 			a {
 79 | 				cursor: grab;
 80 | 			}
 81 | 		}
 82 | 	}
 83 | 
 84 | 	&__items {
 85 | 		position: relative;
 86 | 		width: 100%;
 87 | 		height: 100%;
 88 | 		list-style-type: none;
 89 | 		margin: 0;
 90 | 		overflow-y: auto;
 91 | 
 92 | 		.components-spinner {
 93 | 			position: absolute;
 94 | 			margin: -9px 0 0 -9px;
 95 | 			top: 50%;
 96 | 			left: 50%;
 97 | 			z-index: 5;
 98 | 		}
 99 | 
100 | 		&--loading,
101 | 		&--disabled {
102 | 			overflow: hidden;
103 | 
104 | 			&::before {
105 | 				content: "";
106 | 				position: absolute;
107 | 				top: 0;
108 | 				left: 0;
109 | 				right: 0;
110 | 				bottom: 0;
111 | 				background-color: #fff;
112 | 				opacity: 0.5;
113 | 				z-index: 3;
114 | 			}
115 | 		}
116 | 	}
117 | 
118 | 	&__item {
119 | 		margin: 0;
120 | 		padding: 10px 43px 10px 10px;
121 | 		text-align: left;
122 | 		position: relative;
123 | 
124 | 		&:hover {
125 | 			background-color: #0073aa;
126 | 			color: #fff;
127 | 		}
128 | 
129 | 		> button {
130 | 			width: 100%;
131 | 			height: 100%;
132 | 			margin: -10px;
133 | 		}
134 | 
135 | 		&--selected {
136 | 			opacity: 0.35;
137 | 			cursor: default !important;
138 | 		}
139 | 	}
140 | 
141 | 	&__items--search &__item {
142 | 		cursor: pointer;
143 | 	}
144 | 
145 | 	&__item-action {
146 | 		opacity: 0;
147 | 		position: absolute;
148 | 		right: 10px;
149 | 		top: 50%;
150 | 		margin-top: -13px;
151 | 
152 | 		button {
153 | 			padding: 0 !important;
154 | 			height: auto;
155 | 			background-color: transparent !important;
156 | 			box-shadow: none !important;
157 | 			min-width: auto !important;
158 | 		}
159 | 
160 | 		.dashicon {
161 | 			margin: 3px !important;
162 | 			color: #fff;
163 | 		}
164 | 	}
165 | 
166 | 	&__item:hover &__item-action {
167 | 		opacity: 1;
168 | 	}
169 | 
170 | 	&__item--selected:hover &__item-action {
171 | 		opacity: 0 !important;
172 | 	}
173 | 
174 | 	&__selected-items {
175 | 		list-style-type: none !important;
176 | 		font-size: 0.9em;
177 | 		position: relative;
178 | 		padding: 10px !important;
179 | 		background-color: #f3f3f4;
180 | 		border-radius: 3px;
181 | 		color: #000;
182 | 		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
183 | 		margin: 10px 0 0 0 !important;
184 | 
185 | 		li {
186 | 			margin: 0;
187 | 		}
188 | 
189 | 		.components-spinner {
190 | 			float: none;
191 | 			margin: 0;
192 | 		}
193 | 	}
194 | }
195 | 


--------------------------------------------------------------------------------
/assets/src/components/relationship/index.js:
--------------------------------------------------------------------------------
  1 | import './editor.scss';
  2 | 
  3 | import wp from 'wp';
  4 | import classnames from 'classnames';
  5 | import Selector from './selector';
  6 | 
  7 | const { __ } = wp.i18n;
  8 | const {
  9 | 	Button,
 10 | 	Modal,
 11 | 	Spinner,
 12 | 	BaseControl,
 13 | } = wp.components;
 14 | const {
 15 | 	useState,
 16 | 	useEffect,
 17 | } = wp.element;
 18 | 
 19 | export default function Relationship( { initialItems, label, searchQuery, help, buttonLabel = __( 'Select' ), modalTitle = __( 'Select' ), minimal = false, max = -1, onSelect, onSetItems } ) {
 20 | 	const [ items, setItems ] = useState( [] );
 21 | 	const [ userSelection, setUserSelection ] = useState( [] );
 22 | 	const [ loading, setLoading ] = useState( true );
 23 | 	const [ modalOpen, setModalOpen ] = useState( false );
 24 | 
 25 | 	useEffect(
 26 | 		() => {
 27 | 			setItems( initialItems );
 28 | 			setLoading( false );
 29 | 		},
 30 | 		[ initialItems ]
 31 | 	);
 32 | 
 33 | 	const selectItems = () => {
 34 | 		setItems( userSelection );
 35 | 		setModalOpen( false );
 36 | 		if ( onSelect ) {
 37 | 			onSelect( userSelection.map( ( item ) => item.value ) );
 38 | 		}
 39 | 		onSetItems( userSelection );
 40 | 	};
 41 | 
 42 | 	const openModal = () => {
 43 | 		setUserSelection( items );
 44 | 		setModalOpen( true );
 45 | 	};
 46 | 
 47 | 	return (
 48 | 		<BaseControl
 49 | 			label={ label }
 50 | 			help={ help }
 51 | 			className="gumponent-relationship"
 52 | 		>
 53 | 			<Button
 54 | 				isSecondary
 55 | 				isBusy={ minimal && loading }
 56 | 				onClick={ openModal }
 57 | 			>
 58 | 				{ buttonLabel }
 59 | 			</Button>
 60 | 			{ ! minimal && 0 !== items.length &&
 61 | 				<ul className={ classnames( 'gumponent-relationship__selected-items', { 'gumponents-relationship__selected-items--loading': loading } ) }>
 62 | 					{ loading &&
 63 | 						<li><Spinner /></li>
 64 | 					}
 65 | 					{ ! loading && 0 !== items.length &&
 66 | 						items.map( ( item, index ) => {
 67 | 							if ( 3 === index ) {
 68 | 								return <li key={ 4 }>... { `${ items.length - 3 } ${ __( 'more' ) }` }</li>;
 69 | 							} else if ( index > 3 ) {
 70 | 								return; // eslint-disable-line
 71 | 							}
 72 | 							return <li key={ index }>✓ { item.label }</li>;
 73 | 						} )
 74 | 					}
 75 | 				</ul>
 76 | 			}
 77 | 			{ modalOpen &&
 78 | 				<Modal
 79 | 					title={ modalTitle }
 80 | 					className="gumponent-relationship__modal"
 81 | 					onRequestClose={ () => setModalOpen( false ) }>
 82 | 					<Selector
 83 | 						maxItems={ max }
 84 | 						onSelect={ ( newItems ) => setUserSelection( newItems ) }
 85 | 						items={ userSelection }
 86 | 						searchQuery={ searchQuery }
 87 | 					/>
 88 | 					<div className="gumponent-relationship__modal__actions">
 89 | 						<Button
 90 | 							isPrimary
 91 | 							onClick={ selectItems }
 92 | 						>
 93 | 							{ __( 'Select' ) }
 94 | 						</Button>
 95 | 					</div>
 96 | 				</Modal>
 97 | 			}
 98 | 		</BaseControl>
 99 | 	);
100 | }
101 | 


--------------------------------------------------------------------------------
/assets/src/components/relationship/search-items.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import classnames from 'classnames';
 3 | 
 4 | const { __ } = wp.i18n;
 5 | const {
 6 | 	Spinner,
 7 | 	Icon,
 8 | } = wp.components;
 9 | 
10 | export default function SearchItems( { disabled, items, loading, selected, onSelected } ) {
11 | 	return (
12 | 		<ul className={ classnames( 'gumponent-relationship__items', 'gumponent-relationship__items--search', {
13 | 			'gumponent-relationship__items--loading': loading,
14 | 			'gumponent-relationship__items--disabled': disabled,
15 | 		} ) }>
16 | 			{ loading &&
17 | 				<Spinner />
18 | 			}
19 | 			{ items.map( ( item ) => {
20 | 				const itemSelected = selected.find( ( sel ) => sel.id === item.id );
21 | 				return (
22 | 					<li /* eslint-disable-line */
23 | 						key={ item.id }
24 | 						className={ classnames( 'gumponent-relationship__item', { 'gumponent-relationship__item--selected': itemSelected } ) }
25 | 						onClick={ () => {
26 | 							if ( ! itemSelected ) {
27 | 								onSelected( item );
28 | 							}
29 | 						} }
30 | 					>
31 | 						<div className="gumponent-relationship__item-label">
32 | 							{ '' !== item.label ? item.label : __( '(no title)' ) }
33 | 						</div>
34 | 						<div className="gumponent-relationship__item-action">
35 | 							<Icon
36 | 								icon="arrow-right-alt2"
37 | 							/>
38 | 						</div>
39 | 					</li>
40 | 				);
41 | 			} ) }
42 | 		</ul>
43 | 	);
44 | }
45 | 


--------------------------------------------------------------------------------
/assets/src/components/relationship/selected-items.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import {
 3 | 	DragDropContext,
 4 | 	Droppable,
 5 | 	Draggable,
 6 | } from 'react-beautiful-dnd';
 7 | 
 8 | const { __ } = wp.i18n;
 9 | const {
10 | 	Tooltip,
11 | 	Button,
12 | } = wp.components;
13 | 
14 | export default function SelectedItems( { items, onUpdated, onUnselected } ) {
15 | 	const onDragEnd = ( result ) => {
16 | 		if ( ! result.destination ) {
17 | 			return;
18 | 		}
19 | 
20 | 		const newItems = Array.from( items );
21 | 		const [ removed ] = newItems.splice( result.source.index, 1 );
22 | 		newItems.splice( result.destination.index, 0, removed );
23 | 
24 | 		onUpdated( newItems );
25 | 	};
26 | 
27 | 	return (
28 | 		<DragDropContext onDragEnd={ onDragEnd }>
29 | 			<Droppable droppableId="selected-items">
30 | 				{ ( provided ) => (
31 | 					<ul
32 | 						className="gumponent-relationship__items"
33 | 						ref={ provided.innerRef }
34 | 					>
35 | 						{ items.map( ( item, index ) => {
36 | 							return (
37 | 								<Draggable key={ item.id } draggableId={ `id-${ item.id }` } index={ index }>
38 | 									{ ( innerProvided ) => (
39 | 										<li
40 | 											className="gumponent-relationship__item"
41 | 											ref={ innerProvided.innerRef }
42 | 											{ ...innerProvided.draggableProps }
43 | 											{ ...innerProvided.dragHandleProps }
44 | 										>
45 | 											<div className="gumponent-relationship__item-label">
46 | 												{ '' !== item.label ? item.label : __( '(no title)' ) }
47 | 											</div>
48 | 											<div className="gumponent-relationship__item-action">
49 | 												<Tooltip text={ __( 'Remove' ) }>
50 | 													<Button
51 | 														onClick={ () => onUnselected( item ) }
52 | 														icon="dismiss"
53 | 													/>
54 | 												</Tooltip>
55 | 											</div>
56 | 										</li>
57 | 									) }
58 | 								</Draggable>
59 | 							);
60 | 						} ) }
61 | 						{ provided.placeholder }
62 | 					</ul>
63 | 				) }
64 | 			</Droppable>
65 | 		</DragDropContext>
66 | 	);
67 | }
68 | 


--------------------------------------------------------------------------------
/assets/src/components/relationship/selector.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import SearchItems from './search-items';
 3 | import SelectedItems from './selected-items';
 4 | 
 5 | const { __ } = wp.i18n;
 6 | const {
 7 | 	useState,
 8 | 	useEffect,
 9 | } = wp.element;
10 | 
11 | const typingDelay = 300;
12 | let typingDelayTimeout = null;
13 | 
14 | export default function Selector( { maxItems, onSelect, items, searchQuery } ) {
15 | 	const [ results, setResults ] = useState( [] );
16 | 	const [ searching, setSearching ] = useState( false );
17 | 
18 | 	useEffect( () => triggerSearch(), [] );
19 | 
20 | 	const triggerTyping = ( e ) => {
21 | 		clearTimeout( typingDelayTimeout );
22 | 		typingDelayTimeout = setTimeout( triggerSearch, typingDelay, e.target.value );
23 | 	};
24 | 
25 | 	const triggerSearch = ( query ) => {
26 | 		setSearching( true );
27 | 		searchQuery( query ).then( ( newResults ) => {
28 | 			setSearching( false );
29 | 			setResults( newResults );
30 | 		} );
31 | 	};
32 | 
33 | 	return (
34 | 		<div className="gumponent-relationship">
35 | 			<div className="gumponent-relationship__search-container">
36 | 				<input
37 | 					type="text"
38 | 					className="gumponent-relationship__search"
39 | 					placeholder={ __( 'Search' ) }
40 | 					onChange={ triggerTyping }
41 | 				/>
42 | 			</div>
43 | 			<div className="gumponent-relationship__panel">
44 | 				<div className="gumponent-relationship__panel__search-items">
45 | 					<SearchItems
46 | 						disabled={ maxItems > 0 && items.length >= maxItems }
47 | 						items={ results }
48 | 						loading={ searching }
49 | 						selected={ items }
50 | 						onSelected={ ( item ) => onSelect( Array.prototype.concat( items, [ item ] ) ) }
51 | 					/>
52 | 				</div>
53 | 				<div className="gumponent-relationship__panel__selected-items">
54 | 					<SelectedItems
55 | 						items={ items }
56 | 						onUpdated={ ( newItems ) => onSelect( newItems ) }
57 | 						onUnselected={ ( item ) => onSelect( items.filter( ( thing ) => thing.value !== item.value ) ) }
58 | 					/>
59 | 				</div>
60 | 			</div>
61 | 		</div>
62 | 	);
63 | }
64 | 


--------------------------------------------------------------------------------
/assets/src/components/select-image/editor.scss:
--------------------------------------------------------------------------------
  1 | .gumponents-select-image {
  2 | 	background-color: #f9f9f9;
  3 | 	overflow: hidden;
  4 | 	position: relative;
  5 | 	height: 100px;
  6 | 
  7 | 	&--selected {
  8 | 		background-color: transparent;
  9 | 	}
 10 | 
 11 | 	&__container {
 12 | 		position: relative;
 13 | 		display: block;
 14 | 		width: 100%;
 15 | 		height: 100%;
 16 | 		left: 0;
 17 | 		top: 0;
 18 | 	}
 19 | 
 20 | 	&__image-container {
 21 | 		height: 100%;
 22 | 		margin: 0;
 23 | 	}
 24 | 
 25 | 	&__button {
 26 | 		width: 100%;
 27 | 		height: 100%;
 28 | 		position: absolute;
 29 | 		left: 0;
 30 | 		top: 0;
 31 | 
 32 | 		&:hover {
 33 | 			background-color: transparent !important;
 34 | 		}
 35 | 	}
 36 | 
 37 | 	&__img-container {
 38 | 		display: block;
 39 | 		height: 100%;
 40 | 	}
 41 | 
 42 | 	&__img {
 43 | 		cursor: pointer;
 44 | 		width: 100% !important;
 45 | 		height: 100% !important;
 46 | 		object-fit: cover;
 47 | 	}
 48 | 
 49 | 	.spinner {
 50 | 		margin: 0;
 51 | 		position: absolute;
 52 | 		top: 50%;
 53 | 		left: 50%;
 54 | 		margin-top: -10px;
 55 | 		margin-left: -10px;
 56 | 	}
 57 | 
 58 | 	.components-placeholder {
 59 | 		position: absolute;
 60 | 		min-height: auto;
 61 | 		top: 0;
 62 | 		left: 0;
 63 | 		right: 0;
 64 | 		bottom: 0;
 65 | 		text-align: center;
 66 | 		margin-bottom: 0;
 67 | 
 68 | 		&__label {
 69 | 			margin-bottom: 0;
 70 | 		}
 71 | 	}
 72 | 
 73 | 	&--no-placeholder .components-placeholder__label .dashicon {
 74 | 		margin-right: 0 !important;
 75 | 	}
 76 | 
 77 | 	&__inline-menu {
 78 | 		position: absolute;
 79 | 		top: 0;
 80 | 		right: 0;
 81 | 		display: inline-flex;
 82 | 		z-index: 20;
 83 | 
 84 | 		.components-button {
 85 | 			padding: 0 !important;
 86 | 			color: #fff;
 87 | 			background-color: #0085ba;
 88 | 			height: auto;
 89 | 			min-width: auto;
 90 | 
 91 | 			+ .components-button {
 92 | 				margin-left: 5px;
 93 | 			}
 94 | 
 95 | 			.dashicon {
 96 | 				margin: 0;
 97 | 			}
 98 | 		}
 99 | 	}
100 | }
101 | 


--------------------------------------------------------------------------------
/assets/src/components/select-image/image-container.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import isEmpty from 'lodash/isEmpty';
 3 | 
 4 | const {
 5 | 	Button,
 6 | 	Placeholder,
 7 | } = wp.components;
 8 | const { RichText } = wp.blockEditor;
 9 | const { __ } = wp.i18n;
10 | 
11 | export default function ImageContainer( { image, open, placeholder, showCaption, onRemove, onEdit, onCaptionEdit } ) {
12 | 	return (
13 | 		<span className="gumponents-select-image__container">
14 | 			{ isEmpty( image ) &&
15 | 				<Placeholder
16 | 					label={ placeholder }
17 | 					icon="format-image">
18 | 					<Button
19 | 						onClick={ open }
20 | 						className="gumponents-select-image__button"
21 | 					/>
22 | 				</Placeholder>
23 | 			}
24 | 			{ ! isEmpty( image ) &&
25 | 				<figure className="gumponents-select-image__image-container">
26 | 					<div className="gumponents-select-image__inline-menu">
27 | 						<Button
28 | 							icon="edit"
29 | 							onClick={ onEdit }
30 | 							className="gumponents-select-image__inline-menu__edit"
31 | 							label={ __( 'Edit Image' ) }
32 | 						/>
33 | 						<Button
34 | 							icon="no-alt"
35 | 							onClick={ onRemove }
36 | 							className="gumponents-select-image__inline-menu__remove"
37 | 							label={ __( 'Remove Image' ) }
38 | 						/>
39 | 					</div>
40 | 					<a href="#" onClick={ open } className="gumponents-select-image__img-container">
41 | 						<img src={ image.src } alt="" className="gumponents-select-image__img" />
42 | 					</a>
43 | 					{ ! isEmpty( image ) && showCaption &&
44 | 						<figcaption className="gumponents-select-image__caption">
45 | 							<RichText
46 | 								value={ image.caption }
47 | 								onChange={ ( caption ) => onCaptionEdit( { ...image, caption } ) }
48 | 								placeholder={ __( 'Caption...', 'gumponents' ) }
49 | 								multiline={ false }
50 | 								allowedFormats={ [] }
51 | 								keepPlaceholderOnFocus={ true }
52 | 							/>
53 | 						</figcaption>
54 | 					}
55 | 				</figure>
56 | 			}
57 | 		</span>
58 | 	);
59 | }
60 | 


--------------------------------------------------------------------------------
/assets/src/components/select-image/index.js:
--------------------------------------------------------------------------------
 1 | import './editor.scss';
 2 | 
 3 | import wp from 'wp';
 4 | import React from 'react';
 5 | import classnames from 'classnames';
 6 | import isEmpty from 'lodash/isEmpty';
 7 | import { getImageDetails } from '../image-control';
 8 | 
 9 | import ImageContainer from './image-container';
10 | 
11 | const { __ } = wp.i18n;
12 | const {
13 | 	MediaUpload,
14 | } = wp.blockEditor;
15 | const {
16 | 	Modal,
17 | 	TextControl,
18 | 	TextareaControl,
19 | } = wp.components;
20 | const { useState } = wp.element;
21 | 
22 | export default function SelectImage( { image, size = 'full', className, placeholder, showCaption, onChange } ) {
23 | 	const [ modalOpen, setModalOpen ] = useState( false );
24 | 
25 | 	const imageSelected = ( media ) => {
26 | 		if ( onChange ) {
27 | 			if ( ! media ) {
28 | 				onChange( {} );
29 | 			} else {
30 | 				onChange( getImageDetails( media, size ) );
31 | 			}
32 | 		}
33 | 	};
34 | 
35 | 	return (
36 | 		<div className={ classnames(
37 | 			'gumponents-select-image',
38 | 			className,
39 | 			{
40 | 				'gumponents-select-image--selected': ! isEmpty( image ),
41 | 				'gumponents-select-image--no-placeholder': ! placeholder,
42 | 			}
43 | 		) }>
44 | 			<MediaUpload
45 | 				onSelect={ imageSelected }
46 | 				allowedTypes={ [ 'image' ] }
47 | 				value={ image ? image.id : null }
48 | 				render={ ( { open } ) => (
49 | 					<ImageContainer
50 | 						placeholder={ placeholder }
51 | 						image={ image }
52 | 						open={ open }
53 | 						showCaption={ showCaption }
54 | 						onRemove={ () => onChange( {} ) }
55 | 						onEdit={ () => setModalOpen( true ) }
56 | 						onCaptionEdit={ ( newImg ) => onChange( newImg ) }
57 | 					/>
58 | 				) }
59 | 			/>
60 | 			{ modalOpen &&
61 | 				<Modal
62 | 					title={ __( 'Edit Image', 'gumponents' ) }
63 | 					className="gumponents-select-image__modal"
64 | 					onRequestClose={ () => setModalOpen( false ) }>
65 | 					<TextControl
66 | 						label={ __( 'Alt Text', 'gumponents' ) }
67 | 						value={ image.alt }
68 | 						onChange={ ( alt ) => onChange( { ...image, alt } ) }
69 | 					/>
70 | 					<TextareaControl
71 | 						label={ __( 'Caption', 'gumponents' ) }
72 | 						value={ image.caption }
73 | 						onChange={ ( caption ) => onChange( { ...image, caption } ) }
74 | 					/>
75 | 					<TextControl
76 | 						label={ __( 'Title', 'gumponents' ) }
77 | 						value={ image.title }
78 | 						onChange={ ( title ) => onChange( { ...image, title } ) }
79 | 					/>
80 | 				</Modal>
81 | 			}
82 | 		</div>
83 | 	);
84 | }
85 | 


--------------------------------------------------------------------------------
/assets/src/components/taxonomy-relationship-control/index.js:
--------------------------------------------------------------------------------
 1 | import wp from 'wp';
 2 | import Relationship from '../relationship';
 3 | 
 4 | const { apiFetch } = wp;
 5 | const {
 6 | 	withSelect,
 7 | 	withDispatch,
 8 | } = wp.data;
 9 | const { compose } = wp.compose;
10 | 
11 | function TaxonomyRelationshipControl( props ) {
12 | 	const { taxonomies, filter } = props;
13 | 	return (
14 | 		<Relationship
15 | 			{ ...props }
16 | 			searchQuery={ ( query ) => {
17 | 				return new Promise( ( resolve ) => {
18 | 					apiFetch( {
19 | 						path: '/gumponents/relationship/v1/taxonomies/query',
20 | 						data: {
21 | 							taxonomies,
22 | 							search: query,
23 | 							filter,
24 | 						},
25 | 						method: 'post',
26 | 					} ).then( ( results ) => resolve( results ) );
27 | 				} );
28 | 			} }
29 | 		/>
30 | 	);
31 | }
32 | 
33 | export default compose(
34 | 	withSelect( ( select, ownProps ) => {
35 | 		return {
36 | 			initialItems: select( 'gumponents/relationship' ).getTaxonomies( ownProps.value ),
37 | 		};
38 | 	} ),
39 | 	withDispatch( ( dispatch ) => {
40 | 		return {
41 | 			onSetItems( items ) {
42 | 				dispatch( 'gumponents/relationship' ).setTaxonomies( items );
43 | 			},
44 | 		};
45 | 	} ),
46 | )( TaxonomyRelationshipControl );
47 | 


--------------------------------------------------------------------------------
/assets/src/data/media.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Data Store.
 3 |  */
 4 | 
 5 | import wp from 'wp';
 6 | import unionWith from 'lodash/unionWith';
 7 | import isEqual from 'lodash/isEqual';
 8 | import isObject from 'lodash/isObject';
 9 | 
10 | const { registerStore } = wp.data;
11 | 
12 | const DEFAULT_STATE = {
13 | 	media: [],
14 | };
15 | 
16 | const { apiFetch } = wp;
17 | 
18 | const actions = {
19 | 
20 | 	setMedia( media ) {
21 | 		return {
22 | 			type: 'SET_MEDIA',
23 | 			media,
24 | 		};
25 | 	},
26 | 
27 | 	getMedia( id ) {
28 | 		return {
29 | 			type: 'GET_MEDIA',
30 | 			id,
31 | 		};
32 | 	},
33 | 
34 | };
35 | 
36 | registerStore( 'gumponents/media', {
37 | 	reducer( state = DEFAULT_STATE, action ) {
38 | 		switch ( action.type ) {
39 | 			case 'SET_MEDIA':
40 | 				return {
41 | 					...state,
42 | 					media: unionWith( state.media, [ action.media ], isEqual ),
43 | 				};
44 | 		}
45 | 		return state;
46 | 	},
47 | 
48 | 	actions,
49 | 
50 | 	selectors: {
51 | 		getMedia( state, med ) {
52 | 			if ( isObject( med ) ) {
53 | 				med = med.id;
54 | 			}
55 | 			const media = state.media.find( ( item ) => item.id === med );
56 | 			if ( media ) {
57 | 				return media;
58 | 			}
59 | 			return null;
60 | 		},
61 | 	},
62 | 
63 | 	controls: {
64 | 		GET_MEDIA( { id } ) {
65 | 			return apiFetch( {
66 | 				path: `/gumponents/media/v1/get?id=${ id }`,
67 | 			} );
68 | 		},
69 | 	},
70 | 
71 | 	resolvers: {
72 | 		* getMedia( id ) {
73 | 			if ( null === id ) {
74 | 				return;
75 | 			}
76 | 			if ( isObject( id ) ) {
77 | 				id = id.id;
78 | 			}
79 | 			const media = yield actions.getMedia( id );
80 | 			return actions.setMedia( media );
81 | 		},
82 | 	},
83 | } );
84 | 


--------------------------------------------------------------------------------
/assets/src/data/relationship.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Data Store.
  3 |  */
  4 | 
  5 | import wp from 'wp';
  6 | import unionWith from 'lodash/unionWith';
  7 | import isEqual from 'lodash/isEqual';
  8 | 
  9 | const { registerStore } = wp.data;
 10 | 
 11 | const DEFAULT_STATE = {
 12 | 	posts: [],
 13 | 	taxonomies: [],
 14 | 	items: [],
 15 | };
 16 | 
 17 | const { apiFetch } = wp;
 18 | 
 19 | const actions = {
 20 | 
 21 | 	setPosts( posts ) {
 22 | 		return {
 23 | 			type: 'SET_POSTS',
 24 | 			items: posts,
 25 | 		};
 26 | 	},
 27 | 
 28 | 	getPosts( postIds, postTypes ) {
 29 | 		return {
 30 | 			type: 'GET_POSTS',
 31 | 			ids: postIds,
 32 | 			postTypes,
 33 | 		};
 34 | 	},
 35 | 
 36 | 	getItems( items, path ) {
 37 | 		return {
 38 | 			type: 'GET_ITEMS',
 39 | 			items,
 40 | 			path,
 41 | 		};
 42 | 	},
 43 | 
 44 | 	setItems( items ) {
 45 | 		return {
 46 | 			type: 'SET_ITEMS',
 47 | 			items,
 48 | 		};
 49 | 	},
 50 | 
 51 | 	setTaxonomies( taxonomies ) {
 52 | 		return {
 53 | 			type: 'SET_TAXONOMIES',
 54 | 			items: taxonomies,
 55 | 		};
 56 | 	},
 57 | 
 58 | 	getTaxonomies( postIds ) {
 59 | 		return {
 60 | 			type: 'GET_TAXONOMIES',
 61 | 			ids: postIds,
 62 | 		};
 63 | 	},
 64 | 
 65 | };
 66 | 
 67 | registerStore( 'gumponents/relationship', {
 68 | 	reducer( state = DEFAULT_STATE, action ) {
 69 | 		switch ( action.type ) {
 70 | 			case 'SET_POSTS':
 71 | 				return {
 72 | 					...state,
 73 | 					posts: unionWith( state.posts, action.items, isEqual ),
 74 | 				};
 75 | 			case 'SET_ITEMS':
 76 | 				return {
 77 | 					...state,
 78 | 					items: unionWith( state.items, action.items, isEqual ),
 79 | 				};
 80 | 			case 'SET_TAXONOMIES':
 81 | 				return {
 82 | 					...state,
 83 | 					taxonomies: unionWith( state.taxonomies, action.items, isEqual ),
 84 | 				};
 85 | 		}
 86 | 		return state;
 87 | 	},
 88 | 
 89 | 	actions,
 90 | 
 91 | 	selectors: {
 92 | 
 93 | 		getPosts( state, ids ) {
 94 | 			const posts = [];
 95 | 			ids.forEach( ( id ) => {
 96 | 				const post = state.posts.find( ( post ) => post.id === id );
 97 | 				if ( post ) {
 98 | 					posts.push( post );
 99 | 				}
100 | 			} );
101 | 			return posts;
102 | 		},
103 | 
104 | 		getItems( state, ids ) {
105 | 			const items = [];
106 | 
107 | 			if ( ! Array.isArray( ids ) || 0 === ids.length ) {
108 | 				return items;
109 | 			}
110 | 
111 | 			ids.forEach( ( id ) => {
112 | 				const item = state.items.find( ( item ) => item.id === id );
113 | 				if ( item ) {
114 | 					items.push( item );
115 | 				}
116 | 			} );
117 | 
118 | 			return items;
119 | 		},
120 | 
121 | 		getTaxonomies( state, ids ) {
122 | 			const taxonomies = [];
123 | 			ids.forEach( ( id ) => {
124 | 				const taxonomy = state.taxonomies.find( ( taxonomy ) => taxonomy.id === id );
125 | 				if ( taxonomy ) {
126 | 					taxonomies.push( taxonomy );
127 | 				}
128 | 			} );
129 | 			return taxonomies;
130 | 		},
131 | 
132 | 	},
133 | 
134 | 	controls: {
135 | 		GET_POSTS( { ids, postTypes } ) {
136 | 			if ( 'string' === typeof postTypes ) {
137 | 				postTypes = [ postTypes ];
138 | 			}
139 | 
140 | 			return apiFetch( {
141 | 				path: '/gumponents/relationship/v1/posts/initialize',
142 | 				data: {
143 | 					type: 'post',
144 | 					items: ids,
145 | 					post_types: postTypes,
146 | 				},
147 | 				method: 'post',
148 | 			} );
149 | 		},
150 | 
151 | 		GET_ITEMS( { items, path } ) {
152 | 			return apiFetch( {
153 | 				path,
154 | 				data: {
155 | 					items,
156 | 				},
157 | 				method: 'post',
158 | 			} );
159 | 		},
160 | 
161 | 		GET_TAXONOMIES( { ids } ) {
162 | 			return apiFetch( {
163 | 				path: '/gumponents/relationship/v1/taxonomies/initialize',
164 | 				data: {
165 | 					items: ids,
166 | 				},
167 | 				method: 'post',
168 | 			} );
169 | 		},
170 | 	},
171 | 
172 | 	resolvers: {
173 | 		* getPosts( ids, postTypes ) {
174 | 			if ( 0 === ids.length ) {
175 | 				return;
176 | 			}
177 | 			const posts = yield actions.getPosts( ids, postTypes );
178 | 			return actions.setPosts( posts );
179 | 		},
180 | 
181 | 		* getItems( ids, path ) {
182 | 			if ( 0 === ids.length ) {
183 | 				return;
184 | 			}
185 | 			const items = yield actions.getItems( ids, path );
186 | 			return actions.setItems( items );
187 | 		},
188 | 
189 | 		* getTaxonomies( ids ) {
190 | 			if ( 0 === ids.length ) {
191 | 				return;
192 | 			}
193 | 			const taxonomies = yield actions.getTaxonomies( ids );
194 | 			return actions.setTaxonomies( taxonomies );
195 | 		},
196 | 	},
197 | } );
198 | 


--------------------------------------------------------------------------------
/assets/src/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Gumponents.
 3 |  */
 4 | 
 5 | import './data/relationship';
 6 | import './data/media';
 7 | 
 8 | import Img from './components/img';
 9 | import Figure from './components/figure';
10 | import SelectImage from './components/select-image';
11 | import LinkButton from './components/link-button';
12 | import PostRelationshipControl from './components/post-relationship-control';
13 | import TaxonomyRelationshipControl from './components/taxonomy-relationship-control';
14 | import ImageControl from './components/image-control';
15 | import FocalPointPickerControl from './components/focal-point-picker-control';
16 | import FileControl from './components/file-control';
17 | import MultiSelectControl from './components/multiselect-control';
18 | import LinkControl from './components/link-control';
19 | import GalleryControl from './components/gallery-control';
20 | import ColorPaletteControl from './components/color-palette-control';
21 | import RelationshipControl from './components/relationship-control';
22 | 
23 | window.gumponents = {
24 | 	// Components.
25 | 	components: {
26 | 		Img,
27 | 		Figure,
28 | 		SelectImage,
29 | 		LinkButton,
30 | 		PostRelationshipControl,
31 | 		TaxonomyRelationshipControl,
32 | 		ImageControl,
33 | 		FocalPointPickerControl,
34 | 		FileControl,
35 | 		MultiSelectControl,
36 | 		LinkControl,
37 | 		GalleryControl,
38 | 		ColorPaletteControl,
39 | 		RelationshipControl,
40 | 	},
41 | };
42 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "junaidbhura/gumponents",
 3 |   "description": "Essential Gutenberg components for WordPress.",
 4 |   "homepage": "https://github.com/junaidbhura/gumponents",
 5 |   "keywords": [
 6 |     "wordpress",
 7 |     "gutenberg",
 8 |     "react"
 9 |   ],
10 |   "authors": [
11 |     {
12 |       "name":"Junaid Bhura",
13 |       "email":"root@junaid.dev",
14 |       "homepage":"https://junaid.dev"
15 |     }
16 |   ],
17 |   "support" : {
18 |     "issues": "https://github.com/junaidbhura/gumponents/issues",
19 |     "source": "https://github.com/junaidbhura/gumponents"
20 |   },
21 |   "type": "wordpress-plugin",
22 |   "require": {
23 |     "composer/installers": "~1.0"
24 |   },
25 |   "require-dev": {
26 |     "squizlabs/php_codesniffer": "*",
27 |     "phpunit/phpunit": "^9.6.7",
28 |     "wp-coding-standards/wpcs": "*",
29 |     "yoast/phpunit-polyfills": "^1.1.0"
30 |   },
31 |   "scripts": {
32 |     "set-coding-standards": "phpcs --config-set installed_paths vendor/wp-coding-standards/wpcs",
33 |     "lint": "phpcs",
34 |     "test": "phpunit"
35 |   },
36 |   "config": {
37 |     "allow-plugins": {
38 |       "composer/installers": true
39 |     }
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/composer.lock:
--------------------------------------------------------------------------------
   1 | {
   2 |     "_readme": [
   3 |         "This file locks the dependencies of your project to a known state",
   4 |         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
   5 |         "This file is @generated automatically"
   6 |     ],
   7 |     "content-hash": "31fde585495febf7c63919963e30a03d",
   8 |     "packages": [
   9 |         {
  10 |             "name": "composer/installers",
  11 |             "version": "v1.9.0",
  12 |             "source": {
  13 |                 "type": "git",
  14 |                 "url": "https://github.com/composer/installers.git",
  15 |                 "reference": "b93bcf0fa1fccb0b7d176b0967d969691cd74cca"
  16 |             },
  17 |             "dist": {
  18 |                 "type": "zip",
  19 |                 "url": "https://api.github.com/repos/composer/installers/zipball/b93bcf0fa1fccb0b7d176b0967d969691cd74cca",
  20 |                 "reference": "b93bcf0fa1fccb0b7d176b0967d969691cd74cca",
  21 |                 "shasum": ""
  22 |             },
  23 |             "require": {
  24 |                 "composer-plugin-api": "^1.0 || ^2.0"
  25 |             },
  26 |             "replace": {
  27 |                 "roundcube/plugin-installer": "*",
  28 |                 "shama/baton": "*"
  29 |             },
  30 |             "require-dev": {
  31 |                 "composer/composer": "1.6.* || 2.0.*@dev",
  32 |                 "composer/semver": "1.0.* || 2.0.*@dev",
  33 |                 "phpunit/phpunit": "^4.8.36",
  34 |                 "sebastian/comparator": "^1.2.4",
  35 |                 "symfony/process": "^2.3"
  36 |             },
  37 |             "type": "composer-plugin",
  38 |             "extra": {
  39 |                 "class": "Composer\\Installers\\Plugin",
  40 |                 "branch-alias": {
  41 |                     "dev-master": "1.0-dev"
  42 |                 }
  43 |             },
  44 |             "autoload": {
  45 |                 "psr-4": {
  46 |                     "Composer\\Installers\\": "src/Composer/Installers"
  47 |                 }
  48 |             },
  49 |             "notification-url": "https://packagist.org/downloads/",
  50 |             "license": [
  51 |                 "MIT"
  52 |             ],
  53 |             "authors": [
  54 |                 {
  55 |                     "name": "Kyle Robinson Young",
  56 |                     "email": "kyle@dontkry.com",
  57 |                     "homepage": "https://github.com/shama"
  58 |                 }
  59 |             ],
  60 |             "description": "A multi-framework Composer library installer",
  61 |             "homepage": "https://composer.github.io/installers/",
  62 |             "keywords": [
  63 |                 "Craft",
  64 |                 "Dolibarr",
  65 |                 "Eliasis",
  66 |                 "Hurad",
  67 |                 "ImageCMS",
  68 |                 "Kanboard",
  69 |                 "Lan Management System",
  70 |                 "MODX Evo",
  71 |                 "MantisBT",
  72 |                 "Mautic",
  73 |                 "Maya",
  74 |                 "OXID",
  75 |                 "Plentymarkets",
  76 |                 "Porto",
  77 |                 "RadPHP",
  78 |                 "SMF",
  79 |                 "Thelia",
  80 |                 "Whmcs",
  81 |                 "WolfCMS",
  82 |                 "agl",
  83 |                 "aimeos",
  84 |                 "annotatecms",
  85 |                 "attogram",
  86 |                 "bitrix",
  87 |                 "cakephp",
  88 |                 "chef",
  89 |                 "cockpit",
  90 |                 "codeigniter",
  91 |                 "concrete5",
  92 |                 "croogo",
  93 |                 "dokuwiki",
  94 |                 "drupal",
  95 |                 "eZ Platform",
  96 |                 "elgg",
  97 |                 "expressionengine",
  98 |                 "fuelphp",
  99 |                 "grav",
 100 |                 "installer",
 101 |                 "itop",
 102 |                 "joomla",
 103 |                 "known",
 104 |                 "kohana",
 105 |                 "laravel",
 106 |                 "lavalite",
 107 |                 "lithium",
 108 |                 "magento",
 109 |                 "majima",
 110 |                 "mako",
 111 |                 "mediawiki",
 112 |                 "modulework",
 113 |                 "modx",
 114 |                 "moodle",
 115 |                 "osclass",
 116 |                 "phpbb",
 117 |                 "piwik",
 118 |                 "ppi",
 119 |                 "puppet",
 120 |                 "pxcms",
 121 |                 "reindex",
 122 |                 "roundcube",
 123 |                 "shopware",
 124 |                 "silverstripe",
 125 |                 "sydes",
 126 |                 "sylius",
 127 |                 "symfony",
 128 |                 "typo3",
 129 |                 "wordpress",
 130 |                 "yawik",
 131 |                 "zend",
 132 |                 "zikula"
 133 |             ],
 134 |             "time": "2020-04-07T06:57:05+00:00"
 135 |         }
 136 |     ],
 137 |     "packages-dev": [
 138 |         {
 139 |             "name": "doctrine/instantiator",
 140 |             "version": "2.0.0",
 141 |             "source": {
 142 |                 "type": "git",
 143 |                 "url": "https://github.com/doctrine/instantiator.git",
 144 |                 "reference": "c6222283fa3f4ac679f8b9ced9a4e23f163e80d0"
 145 |             },
 146 |             "dist": {
 147 |                 "type": "zip",
 148 |                 "url": "https://api.github.com/repos/doctrine/instantiator/zipball/c6222283fa3f4ac679f8b9ced9a4e23f163e80d0",
 149 |                 "reference": "c6222283fa3f4ac679f8b9ced9a4e23f163e80d0",
 150 |                 "shasum": ""
 151 |             },
 152 |             "require": {
 153 |                 "php": "^8.1"
 154 |             },
 155 |             "require-dev": {
 156 |                 "doctrine/coding-standard": "^11",
 157 |                 "ext-pdo": "*",
 158 |                 "ext-phar": "*",
 159 |                 "phpbench/phpbench": "^1.2",
 160 |                 "phpstan/phpstan": "^1.9.4",
 161 |                 "phpstan/phpstan-phpunit": "^1.3",
 162 |                 "phpunit/phpunit": "^9.5.27",
 163 |                 "vimeo/psalm": "^5.4"
 164 |             },
 165 |             "type": "library",
 166 |             "autoload": {
 167 |                 "psr-4": {
 168 |                     "Doctrine\\Instantiator\\": "src/Doctrine/Instantiator/"
 169 |                 }
 170 |             },
 171 |             "notification-url": "https://packagist.org/downloads/",
 172 |             "license": [
 173 |                 "MIT"
 174 |             ],
 175 |             "authors": [
 176 |                 {
 177 |                     "name": "Marco Pivetta",
 178 |                     "email": "ocramius@gmail.com",
 179 |                     "homepage": "https://ocramius.github.io/"
 180 |                 }
 181 |             ],
 182 |             "description": "A small, lightweight utility to instantiate objects in PHP without invoking their constructors",
 183 |             "homepage": "https://www.doctrine-project.org/projects/instantiator.html",
 184 |             "keywords": [
 185 |                 "constructor",
 186 |                 "instantiate"
 187 |             ],
 188 |             "support": {
 189 |                 "issues": "https://github.com/doctrine/instantiator/issues",
 190 |                 "source": "https://github.com/doctrine/instantiator/tree/2.0.0"
 191 |             },
 192 |             "funding": [
 193 |                 {
 194 |                     "url": "https://www.doctrine-project.org/sponsorship.html",
 195 |                     "type": "custom"
 196 |                 },
 197 |                 {
 198 |                     "url": "https://www.patreon.com/phpdoctrine",
 199 |                     "type": "patreon"
 200 |                 },
 201 |                 {
 202 |                     "url": "https://tidelift.com/funding/github/packagist/doctrine%2Finstantiator",
 203 |                     "type": "tidelift"
 204 |                 }
 205 |             ],
 206 |             "time": "2022-12-30T00:23:10+00:00"
 207 |         },
 208 |         {
 209 |             "name": "myclabs/deep-copy",
 210 |             "version": "1.11.1",
 211 |             "source": {
 212 |                 "type": "git",
 213 |                 "url": "https://github.com/myclabs/DeepCopy.git",
 214 |                 "reference": "7284c22080590fb39f2ffa3e9057f10a4ddd0e0c"
 215 |             },
 216 |             "dist": {
 217 |                 "type": "zip",
 218 |                 "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/7284c22080590fb39f2ffa3e9057f10a4ddd0e0c",
 219 |                 "reference": "7284c22080590fb39f2ffa3e9057f10a4ddd0e0c",
 220 |                 "shasum": ""
 221 |             },
 222 |             "require": {
 223 |                 "php": "^7.1 || ^8.0"
 224 |             },
 225 |             "conflict": {
 226 |                 "doctrine/collections": "<1.6.8",
 227 |                 "doctrine/common": "<2.13.3 || >=3,<3.2.2"
 228 |             },
 229 |             "require-dev": {
 230 |                 "doctrine/collections": "^1.6.8",
 231 |                 "doctrine/common": "^2.13.3 || ^3.2.2",
 232 |                 "phpunit/phpunit": "^7.5.20 || ^8.5.23 || ^9.5.13"
 233 |             },
 234 |             "type": "library",
 235 |             "autoload": {
 236 |                 "files": [
 237 |                     "src/DeepCopy/deep_copy.php"
 238 |                 ],
 239 |                 "psr-4": {
 240 |                     "DeepCopy\\": "src/DeepCopy/"
 241 |                 }
 242 |             },
 243 |             "notification-url": "https://packagist.org/downloads/",
 244 |             "license": [
 245 |                 "MIT"
 246 |             ],
 247 |             "description": "Create deep copies (clones) of your objects",
 248 |             "keywords": [
 249 |                 "clone",
 250 |                 "copy",
 251 |                 "duplicate",
 252 |                 "object",
 253 |                 "object graph"
 254 |             ],
 255 |             "support": {
 256 |                 "issues": "https://github.com/myclabs/DeepCopy/issues",
 257 |                 "source": "https://github.com/myclabs/DeepCopy/tree/1.11.1"
 258 |             },
 259 |             "funding": [
 260 |                 {
 261 |                     "url": "https://tidelift.com/funding/github/packagist/myclabs/deep-copy",
 262 |                     "type": "tidelift"
 263 |                 }
 264 |             ],
 265 |             "time": "2023-03-08T13:26:56+00:00"
 266 |         },
 267 |         {
 268 |             "name": "nikic/php-parser",
 269 |             "version": "v4.18.0",
 270 |             "source": {
 271 |                 "type": "git",
 272 |                 "url": "https://github.com/nikic/PHP-Parser.git",
 273 |                 "reference": "1bcbb2179f97633e98bbbc87044ee2611c7d7999"
 274 |             },
 275 |             "dist": {
 276 |                 "type": "zip",
 277 |                 "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/1bcbb2179f97633e98bbbc87044ee2611c7d7999",
 278 |                 "reference": "1bcbb2179f97633e98bbbc87044ee2611c7d7999",
 279 |                 "shasum": ""
 280 |             },
 281 |             "require": {
 282 |                 "ext-tokenizer": "*",
 283 |                 "php": ">=7.0"
 284 |             },
 285 |             "require-dev": {
 286 |                 "ircmaxell/php-yacc": "^0.0.7",
 287 |                 "phpunit/phpunit": "^6.5 || ^7.0 || ^8.0 || ^9.0"
 288 |             },
 289 |             "bin": [
 290 |                 "bin/php-parse"
 291 |             ],
 292 |             "type": "library",
 293 |             "extra": {
 294 |                 "branch-alias": {
 295 |                     "dev-master": "4.9-dev"
 296 |                 }
 297 |             },
 298 |             "autoload": {
 299 |                 "psr-4": {
 300 |                     "PhpParser\\": "lib/PhpParser"
 301 |                 }
 302 |             },
 303 |             "notification-url": "https://packagist.org/downloads/",
 304 |             "license": [
 305 |                 "BSD-3-Clause"
 306 |             ],
 307 |             "authors": [
 308 |                 {
 309 |                     "name": "Nikita Popov"
 310 |                 }
 311 |             ],
 312 |             "description": "A PHP parser written in PHP",
 313 |             "keywords": [
 314 |                 "parser",
 315 |                 "php"
 316 |             ],
 317 |             "support": {
 318 |                 "issues": "https://github.com/nikic/PHP-Parser/issues",
 319 |                 "source": "https://github.com/nikic/PHP-Parser/tree/v4.18.0"
 320 |             },
 321 |             "time": "2023-12-10T21:03:43+00:00"
 322 |         },
 323 |         {
 324 |             "name": "phar-io/manifest",
 325 |             "version": "2.0.3",
 326 |             "source": {
 327 |                 "type": "git",
 328 |                 "url": "https://github.com/phar-io/manifest.git",
 329 |                 "reference": "97803eca37d319dfa7826cc2437fc020857acb53"
 330 |             },
 331 |             "dist": {
 332 |                 "type": "zip",
 333 |                 "url": "https://api.github.com/repos/phar-io/manifest/zipball/97803eca37d319dfa7826cc2437fc020857acb53",
 334 |                 "reference": "97803eca37d319dfa7826cc2437fc020857acb53",
 335 |                 "shasum": ""
 336 |             },
 337 |             "require": {
 338 |                 "ext-dom": "*",
 339 |                 "ext-phar": "*",
 340 |                 "ext-xmlwriter": "*",
 341 |                 "phar-io/version": "^3.0.1",
 342 |                 "php": "^7.2 || ^8.0"
 343 |             },
 344 |             "type": "library",
 345 |             "extra": {
 346 |                 "branch-alias": {
 347 |                     "dev-master": "2.0.x-dev"
 348 |                 }
 349 |             },
 350 |             "autoload": {
 351 |                 "classmap": [
 352 |                     "src/"
 353 |                 ]
 354 |             },
 355 |             "notification-url": "https://packagist.org/downloads/",
 356 |             "license": [
 357 |                 "BSD-3-Clause"
 358 |             ],
 359 |             "authors": [
 360 |                 {
 361 |                     "name": "Arne Blankerts",
 362 |                     "email": "arne@blankerts.de",
 363 |                     "role": "Developer"
 364 |                 },
 365 |                 {
 366 |                     "name": "Sebastian Heuer",
 367 |                     "email": "sebastian@phpeople.de",
 368 |                     "role": "Developer"
 369 |                 },
 370 |                 {
 371 |                     "name": "Sebastian Bergmann",
 372 |                     "email": "sebastian@phpunit.de",
 373 |                     "role": "Developer"
 374 |                 }
 375 |             ],
 376 |             "description": "Component for reading phar.io manifest information from a PHP Archive (PHAR)",
 377 |             "support": {
 378 |                 "issues": "https://github.com/phar-io/manifest/issues",
 379 |                 "source": "https://github.com/phar-io/manifest/tree/2.0.3"
 380 |             },
 381 |             "time": "2021-07-20T11:28:43+00:00"
 382 |         },
 383 |         {
 384 |             "name": "phar-io/version",
 385 |             "version": "3.2.1",
 386 |             "source": {
 387 |                 "type": "git",
 388 |                 "url": "https://github.com/phar-io/version.git",
 389 |                 "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74"
 390 |             },
 391 |             "dist": {
 392 |                 "type": "zip",
 393 |                 "url": "https://api.github.com/repos/phar-io/version/zipball/4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
 394 |                 "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
 395 |                 "shasum": ""
 396 |             },
 397 |             "require": {
 398 |                 "php": "^7.2 || ^8.0"
 399 |             },
 400 |             "type": "library",
 401 |             "autoload": {
 402 |                 "classmap": [
 403 |                     "src/"
 404 |                 ]
 405 |             },
 406 |             "notification-url": "https://packagist.org/downloads/",
 407 |             "license": [
 408 |                 "BSD-3-Clause"
 409 |             ],
 410 |             "authors": [
 411 |                 {
 412 |                     "name": "Arne Blankerts",
 413 |                     "email": "arne@blankerts.de",
 414 |                     "role": "Developer"
 415 |                 },
 416 |                 {
 417 |                     "name": "Sebastian Heuer",
 418 |                     "email": "sebastian@phpeople.de",
 419 |                     "role": "Developer"
 420 |                 },
 421 |                 {
 422 |                     "name": "Sebastian Bergmann",
 423 |                     "email": "sebastian@phpunit.de",
 424 |                     "role": "Developer"
 425 |                 }
 426 |             ],
 427 |             "description": "Library for handling version information and constraints",
 428 |             "support": {
 429 |                 "issues": "https://github.com/phar-io/version/issues",
 430 |                 "source": "https://github.com/phar-io/version/tree/3.2.1"
 431 |             },
 432 |             "time": "2022-02-21T01:04:05+00:00"
 433 |         },
 434 |         {
 435 |             "name": "phpunit/php-code-coverage",
 436 |             "version": "9.2.29",
 437 |             "source": {
 438 |                 "type": "git",
 439 |                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
 440 |                 "reference": "6a3a87ac2bbe33b25042753df8195ba4aa534c76"
 441 |             },
 442 |             "dist": {
 443 |                 "type": "zip",
 444 |                 "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/6a3a87ac2bbe33b25042753df8195ba4aa534c76",
 445 |                 "reference": "6a3a87ac2bbe33b25042753df8195ba4aa534c76",
 446 |                 "shasum": ""
 447 |             },
 448 |             "require": {
 449 |                 "ext-dom": "*",
 450 |                 "ext-libxml": "*",
 451 |                 "ext-xmlwriter": "*",
 452 |                 "nikic/php-parser": "^4.15",
 453 |                 "php": ">=7.3",
 454 |                 "phpunit/php-file-iterator": "^3.0.3",
 455 |                 "phpunit/php-text-template": "^2.0.2",
 456 |                 "sebastian/code-unit-reverse-lookup": "^2.0.2",
 457 |                 "sebastian/complexity": "^2.0",
 458 |                 "sebastian/environment": "^5.1.2",
 459 |                 "sebastian/lines-of-code": "^1.0.3",
 460 |                 "sebastian/version": "^3.0.1",
 461 |                 "theseer/tokenizer": "^1.2.0"
 462 |             },
 463 |             "require-dev": {
 464 |                 "phpunit/phpunit": "^9.3"
 465 |             },
 466 |             "suggest": {
 467 |                 "ext-pcov": "PHP extension that provides line coverage",
 468 |                 "ext-xdebug": "PHP extension that provides line coverage as well as branch and path coverage"
 469 |             },
 470 |             "type": "library",
 471 |             "extra": {
 472 |                 "branch-alias": {
 473 |                     "dev-master": "9.2-dev"
 474 |                 }
 475 |             },
 476 |             "autoload": {
 477 |                 "classmap": [
 478 |                     "src/"
 479 |                 ]
 480 |             },
 481 |             "notification-url": "https://packagist.org/downloads/",
 482 |             "license": [
 483 |                 "BSD-3-Clause"
 484 |             ],
 485 |             "authors": [
 486 |                 {
 487 |                     "name": "Sebastian Bergmann",
 488 |                     "email": "sebastian@phpunit.de",
 489 |                     "role": "lead"
 490 |                 }
 491 |             ],
 492 |             "description": "Library that provides collection, processing, and rendering functionality for PHP code coverage information.",
 493 |             "homepage": "https://github.com/sebastianbergmann/php-code-coverage",
 494 |             "keywords": [
 495 |                 "coverage",
 496 |                 "testing",
 497 |                 "xunit"
 498 |             ],
 499 |             "support": {
 500 |                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
 501 |                 "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
 502 |                 "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.29"
 503 |             },
 504 |             "funding": [
 505 |                 {
 506 |                     "url": "https://github.com/sebastianbergmann",
 507 |                     "type": "github"
 508 |                 }
 509 |             ],
 510 |             "time": "2023-09-19T04:57:46+00:00"
 511 |         },
 512 |         {
 513 |             "name": "phpunit/php-file-iterator",
 514 |             "version": "3.0.6",
 515 |             "source": {
 516 |                 "type": "git",
 517 |                 "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
 518 |                 "reference": "cf1c2e7c203ac650e352f4cc675a7021e7d1b3cf"
 519 |             },
 520 |             "dist": {
 521 |                 "type": "zip",
 522 |                 "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/cf1c2e7c203ac650e352f4cc675a7021e7d1b3cf",
 523 |                 "reference": "cf1c2e7c203ac650e352f4cc675a7021e7d1b3cf",
 524 |                 "shasum": ""
 525 |             },
 526 |             "require": {
 527 |                 "php": ">=7.3"
 528 |             },
 529 |             "require-dev": {
 530 |                 "phpunit/phpunit": "^9.3"
 531 |             },
 532 |             "type": "library",
 533 |             "extra": {
 534 |                 "branch-alias": {
 535 |                     "dev-master": "3.0-dev"
 536 |                 }
 537 |             },
 538 |             "autoload": {
 539 |                 "classmap": [
 540 |                     "src/"
 541 |                 ]
 542 |             },
 543 |             "notification-url": "https://packagist.org/downloads/",
 544 |             "license": [
 545 |                 "BSD-3-Clause"
 546 |             ],
 547 |             "authors": [
 548 |                 {
 549 |                     "name": "Sebastian Bergmann",
 550 |                     "email": "sebastian@phpunit.de",
 551 |                     "role": "lead"
 552 |                 }
 553 |             ],
 554 |             "description": "FilterIterator implementation that filters files based on a list of suffixes.",
 555 |             "homepage": "https://github.com/sebastianbergmann/php-file-iterator/",
 556 |             "keywords": [
 557 |                 "filesystem",
 558 |                 "iterator"
 559 |             ],
 560 |             "support": {
 561 |                 "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
 562 |                 "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/3.0.6"
 563 |             },
 564 |             "funding": [
 565 |                 {
 566 |                     "url": "https://github.com/sebastianbergmann",
 567 |                     "type": "github"
 568 |                 }
 569 |             ],
 570 |             "time": "2021-12-02T12:48:52+00:00"
 571 |         },
 572 |         {
 573 |             "name": "phpunit/php-invoker",
 574 |             "version": "3.1.1",
 575 |             "source": {
 576 |                 "type": "git",
 577 |                 "url": "https://github.com/sebastianbergmann/php-invoker.git",
 578 |                 "reference": "5a10147d0aaf65b58940a0b72f71c9ac0423cc67"
 579 |             },
 580 |             "dist": {
 581 |                 "type": "zip",
 582 |                 "url": "https://api.github.com/repos/sebastianbergmann/php-invoker/zipball/5a10147d0aaf65b58940a0b72f71c9ac0423cc67",
 583 |                 "reference": "5a10147d0aaf65b58940a0b72f71c9ac0423cc67",
 584 |                 "shasum": ""
 585 |             },
 586 |             "require": {
 587 |                 "php": ">=7.3"
 588 |             },
 589 |             "require-dev": {
 590 |                 "ext-pcntl": "*",
 591 |                 "phpunit/phpunit": "^9.3"
 592 |             },
 593 |             "suggest": {
 594 |                 "ext-pcntl": "*"
 595 |             },
 596 |             "type": "library",
 597 |             "extra": {
 598 |                 "branch-alias": {
 599 |                     "dev-master": "3.1-dev"
 600 |                 }
 601 |             },
 602 |             "autoload": {
 603 |                 "classmap": [
 604 |                     "src/"
 605 |                 ]
 606 |             },
 607 |             "notification-url": "https://packagist.org/downloads/",
 608 |             "license": [
 609 |                 "BSD-3-Clause"
 610 |             ],
 611 |             "authors": [
 612 |                 {
 613 |                     "name": "Sebastian Bergmann",
 614 |                     "email": "sebastian@phpunit.de",
 615 |                     "role": "lead"
 616 |                 }
 617 |             ],
 618 |             "description": "Invoke callables with a timeout",
 619 |             "homepage": "https://github.com/sebastianbergmann/php-invoker/",
 620 |             "keywords": [
 621 |                 "process"
 622 |             ],
 623 |             "support": {
 624 |                 "issues": "https://github.com/sebastianbergmann/php-invoker/issues",
 625 |                 "source": "https://github.com/sebastianbergmann/php-invoker/tree/3.1.1"
 626 |             },
 627 |             "funding": [
 628 |                 {
 629 |                     "url": "https://github.com/sebastianbergmann",
 630 |                     "type": "github"
 631 |                 }
 632 |             ],
 633 |             "time": "2020-09-28T05:58:55+00:00"
 634 |         },
 635 |         {
 636 |             "name": "phpunit/php-text-template",
 637 |             "version": "2.0.4",
 638 |             "source": {
 639 |                 "type": "git",
 640 |                 "url": "https://github.com/sebastianbergmann/php-text-template.git",
 641 |                 "reference": "5da5f67fc95621df9ff4c4e5a84d6a8a2acf7c28"
 642 |             },
 643 |             "dist": {
 644 |                 "type": "zip",
 645 |                 "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/5da5f67fc95621df9ff4c4e5a84d6a8a2acf7c28",
 646 |                 "reference": "5da5f67fc95621df9ff4c4e5a84d6a8a2acf7c28",
 647 |                 "shasum": ""
 648 |             },
 649 |             "require": {
 650 |                 "php": ">=7.3"
 651 |             },
 652 |             "require-dev": {
 653 |                 "phpunit/phpunit": "^9.3"
 654 |             },
 655 |             "type": "library",
 656 |             "extra": {
 657 |                 "branch-alias": {
 658 |                     "dev-master": "2.0-dev"
 659 |                 }
 660 |             },
 661 |             "autoload": {
 662 |                 "classmap": [
 663 |                     "src/"
 664 |                 ]
 665 |             },
 666 |             "notification-url": "https://packagist.org/downloads/",
 667 |             "license": [
 668 |                 "BSD-3-Clause"
 669 |             ],
 670 |             "authors": [
 671 |                 {
 672 |                     "name": "Sebastian Bergmann",
 673 |                     "email": "sebastian@phpunit.de",
 674 |                     "role": "lead"
 675 |                 }
 676 |             ],
 677 |             "description": "Simple template engine.",
 678 |             "homepage": "https://github.com/sebastianbergmann/php-text-template/",
 679 |             "keywords": [
 680 |                 "template"
 681 |             ],
 682 |             "support": {
 683 |                 "issues": "https://github.com/sebastianbergmann/php-text-template/issues",
 684 |                 "source": "https://github.com/sebastianbergmann/php-text-template/tree/2.0.4"
 685 |             },
 686 |             "funding": [
 687 |                 {
 688 |                     "url": "https://github.com/sebastianbergmann",
 689 |                     "type": "github"
 690 |                 }
 691 |             ],
 692 |             "time": "2020-10-26T05:33:50+00:00"
 693 |         },
 694 |         {
 695 |             "name": "phpunit/php-timer",
 696 |             "version": "5.0.3",
 697 |             "source": {
 698 |                 "type": "git",
 699 |                 "url": "https://github.com/sebastianbergmann/php-timer.git",
 700 |                 "reference": "5a63ce20ed1b5bf577850e2c4e87f4aa902afbd2"
 701 |             },
 702 |             "dist": {
 703 |                 "type": "zip",
 704 |                 "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/5a63ce20ed1b5bf577850e2c4e87f4aa902afbd2",
 705 |                 "reference": "5a63ce20ed1b5bf577850e2c4e87f4aa902afbd2",
 706 |                 "shasum": ""
 707 |             },
 708 |             "require": {
 709 |                 "php": ">=7.3"
 710 |             },
 711 |             "require-dev": {
 712 |                 "phpunit/phpunit": "^9.3"
 713 |             },
 714 |             "type": "library",
 715 |             "extra": {
 716 |                 "branch-alias": {
 717 |                     "dev-master": "5.0-dev"
 718 |                 }
 719 |             },
 720 |             "autoload": {
 721 |                 "classmap": [
 722 |                     "src/"
 723 |                 ]
 724 |             },
 725 |             "notification-url": "https://packagist.org/downloads/",
 726 |             "license": [
 727 |                 "BSD-3-Clause"
 728 |             ],
 729 |             "authors": [
 730 |                 {
 731 |                     "name": "Sebastian Bergmann",
 732 |                     "email": "sebastian@phpunit.de",
 733 |                     "role": "lead"
 734 |                 }
 735 |             ],
 736 |             "description": "Utility class for timing",
 737 |             "homepage": "https://github.com/sebastianbergmann/php-timer/",
 738 |             "keywords": [
 739 |                 "timer"
 740 |             ],
 741 |             "support": {
 742 |                 "issues": "https://github.com/sebastianbergmann/php-timer/issues",
 743 |                 "source": "https://github.com/sebastianbergmann/php-timer/tree/5.0.3"
 744 |             },
 745 |             "funding": [
 746 |                 {
 747 |                     "url": "https://github.com/sebastianbergmann",
 748 |                     "type": "github"
 749 |                 }
 750 |             ],
 751 |             "time": "2020-10-26T13:16:10+00:00"
 752 |         },
 753 |         {
 754 |             "name": "phpunit/phpunit",
 755 |             "version": "9.6.15",
 756 |             "source": {
 757 |                 "type": "git",
 758 |                 "url": "https://github.com/sebastianbergmann/phpunit.git",
 759 |                 "reference": "05017b80304e0eb3f31d90194a563fd53a6021f1"
 760 |             },
 761 |             "dist": {
 762 |                 "type": "zip",
 763 |                 "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/05017b80304e0eb3f31d90194a563fd53a6021f1",
 764 |                 "reference": "05017b80304e0eb3f31d90194a563fd53a6021f1",
 765 |                 "shasum": ""
 766 |             },
 767 |             "require": {
 768 |                 "doctrine/instantiator": "^1.3.1 || ^2",
 769 |                 "ext-dom": "*",
 770 |                 "ext-json": "*",
 771 |                 "ext-libxml": "*",
 772 |                 "ext-mbstring": "*",
 773 |                 "ext-xml": "*",
 774 |                 "ext-xmlwriter": "*",
 775 |                 "myclabs/deep-copy": "^1.10.1",
 776 |                 "phar-io/manifest": "^2.0.3",
 777 |                 "phar-io/version": "^3.0.2",
 778 |                 "php": ">=7.3",
 779 |                 "phpunit/php-code-coverage": "^9.2.28",
 780 |                 "phpunit/php-file-iterator": "^3.0.5",
 781 |                 "phpunit/php-invoker": "^3.1.1",
 782 |                 "phpunit/php-text-template": "^2.0.3",
 783 |                 "phpunit/php-timer": "^5.0.2",
 784 |                 "sebastian/cli-parser": "^1.0.1",
 785 |                 "sebastian/code-unit": "^1.0.6",
 786 |                 "sebastian/comparator": "^4.0.8",
 787 |                 "sebastian/diff": "^4.0.3",
 788 |                 "sebastian/environment": "^5.1.3",
 789 |                 "sebastian/exporter": "^4.0.5",
 790 |                 "sebastian/global-state": "^5.0.1",
 791 |                 "sebastian/object-enumerator": "^4.0.3",
 792 |                 "sebastian/resource-operations": "^3.0.3",
 793 |                 "sebastian/type": "^3.2",
 794 |                 "sebastian/version": "^3.0.2"
 795 |             },
 796 |             "suggest": {
 797 |                 "ext-soap": "To be able to generate mocks based on WSDL files",
 798 |                 "ext-xdebug": "PHP extension that provides line coverage as well as branch and path coverage"
 799 |             },
 800 |             "bin": [
 801 |                 "phpunit"
 802 |             ],
 803 |             "type": "library",
 804 |             "extra": {
 805 |                 "branch-alias": {
 806 |                     "dev-master": "9.6-dev"
 807 |                 }
 808 |             },
 809 |             "autoload": {
 810 |                 "files": [
 811 |                     "src/Framework/Assert/Functions.php"
 812 |                 ],
 813 |                 "classmap": [
 814 |                     "src/"
 815 |                 ]
 816 |             },
 817 |             "notification-url": "https://packagist.org/downloads/",
 818 |             "license": [
 819 |                 "BSD-3-Clause"
 820 |             ],
 821 |             "authors": [
 822 |                 {
 823 |                     "name": "Sebastian Bergmann",
 824 |                     "email": "sebastian@phpunit.de",
 825 |                     "role": "lead"
 826 |                 }
 827 |             ],
 828 |             "description": "The PHP Unit Testing framework.",
 829 |             "homepage": "https://phpunit.de/",
 830 |             "keywords": [
 831 |                 "phpunit",
 832 |                 "testing",
 833 |                 "xunit"
 834 |             ],
 835 |             "support": {
 836 |                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
 837 |                 "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
 838 |                 "source": "https://github.com/sebastianbergmann/phpunit/tree/9.6.15"
 839 |             },
 840 |             "funding": [
 841 |                 {
 842 |                     "url": "https://phpunit.de/sponsors.html",
 843 |                     "type": "custom"
 844 |                 },
 845 |                 {
 846 |                     "url": "https://github.com/sebastianbergmann",
 847 |                     "type": "github"
 848 |                 },
 849 |                 {
 850 |                     "url": "https://tidelift.com/funding/github/packagist/phpunit/phpunit",
 851 |                     "type": "tidelift"
 852 |                 }
 853 |             ],
 854 |             "time": "2023-12-01T16:55:19+00:00"
 855 |         },
 856 |         {
 857 |             "name": "sebastian/cli-parser",
 858 |             "version": "1.0.1",
 859 |             "source": {
 860 |                 "type": "git",
 861 |                 "url": "https://github.com/sebastianbergmann/cli-parser.git",
 862 |                 "reference": "442e7c7e687e42adc03470c7b668bc4b2402c0b2"
 863 |             },
 864 |             "dist": {
 865 |                 "type": "zip",
 866 |                 "url": "https://api.github.com/repos/sebastianbergmann/cli-parser/zipball/442e7c7e687e42adc03470c7b668bc4b2402c0b2",
 867 |                 "reference": "442e7c7e687e42adc03470c7b668bc4b2402c0b2",
 868 |                 "shasum": ""
 869 |             },
 870 |             "require": {
 871 |                 "php": ">=7.3"
 872 |             },
 873 |             "require-dev": {
 874 |                 "phpunit/phpunit": "^9.3"
 875 |             },
 876 |             "type": "library",
 877 |             "extra": {
 878 |                 "branch-alias": {
 879 |                     "dev-master": "1.0-dev"
 880 |                 }
 881 |             },
 882 |             "autoload": {
 883 |                 "classmap": [
 884 |                     "src/"
 885 |                 ]
 886 |             },
 887 |             "notification-url": "https://packagist.org/downloads/",
 888 |             "license": [
 889 |                 "BSD-3-Clause"
 890 |             ],
 891 |             "authors": [
 892 |                 {
 893 |                     "name": "Sebastian Bergmann",
 894 |                     "email": "sebastian@phpunit.de",
 895 |                     "role": "lead"
 896 |                 }
 897 |             ],
 898 |             "description": "Library for parsing CLI options",
 899 |             "homepage": "https://github.com/sebastianbergmann/cli-parser",
 900 |             "support": {
 901 |                 "issues": "https://github.com/sebastianbergmann/cli-parser/issues",
 902 |                 "source": "https://github.com/sebastianbergmann/cli-parser/tree/1.0.1"
 903 |             },
 904 |             "funding": [
 905 |                 {
 906 |                     "url": "https://github.com/sebastianbergmann",
 907 |                     "type": "github"
 908 |                 }
 909 |             ],
 910 |             "time": "2020-09-28T06:08:49+00:00"
 911 |         },
 912 |         {
 913 |             "name": "sebastian/code-unit",
 914 |             "version": "1.0.8",
 915 |             "source": {
 916 |                 "type": "git",
 917 |                 "url": "https://github.com/sebastianbergmann/code-unit.git",
 918 |                 "reference": "1fc9f64c0927627ef78ba436c9b17d967e68e120"
 919 |             },
 920 |             "dist": {
 921 |                 "type": "zip",
 922 |                 "url": "https://api.github.com/repos/sebastianbergmann/code-unit/zipball/1fc9f64c0927627ef78ba436c9b17d967e68e120",
 923 |                 "reference": "1fc9f64c0927627ef78ba436c9b17d967e68e120",
 924 |                 "shasum": ""
 925 |             },
 926 |             "require": {
 927 |                 "php": ">=7.3"
 928 |             },
 929 |             "require-dev": {
 930 |                 "phpunit/phpunit": "^9.3"
 931 |             },
 932 |             "type": "library",
 933 |             "extra": {
 934 |                 "branch-alias": {
 935 |                     "dev-master": "1.0-dev"
 936 |                 }
 937 |             },
 938 |             "autoload": {
 939 |                 "classmap": [
 940 |                     "src/"
 941 |                 ]
 942 |             },
 943 |             "notification-url": "https://packagist.org/downloads/",
 944 |             "license": [
 945 |                 "BSD-3-Clause"
 946 |             ],
 947 |             "authors": [
 948 |                 {
 949 |                     "name": "Sebastian Bergmann",
 950 |                     "email": "sebastian@phpunit.de",
 951 |                     "role": "lead"
 952 |                 }
 953 |             ],
 954 |             "description": "Collection of value objects that represent the PHP code units",
 955 |             "homepage": "https://github.com/sebastianbergmann/code-unit",
 956 |             "support": {
 957 |                 "issues": "https://github.com/sebastianbergmann/code-unit/issues",
 958 |                 "source": "https://github.com/sebastianbergmann/code-unit/tree/1.0.8"
 959 |             },
 960 |             "funding": [
 961 |                 {
 962 |                     "url": "https://github.com/sebastianbergmann",
 963 |                     "type": "github"
 964 |                 }
 965 |             ],
 966 |             "time": "2020-10-26T13:08:54+00:00"
 967 |         },
 968 |         {
 969 |             "name": "sebastian/code-unit-reverse-lookup",
 970 |             "version": "2.0.3",
 971 |             "source": {
 972 |                 "type": "git",
 973 |                 "url": "https://github.com/sebastianbergmann/code-unit-reverse-lookup.git",
 974 |                 "reference": "ac91f01ccec49fb77bdc6fd1e548bc70f7faa3e5"
 975 |             },
 976 |             "dist": {
 977 |                 "type": "zip",
 978 |                 "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/ac91f01ccec49fb77bdc6fd1e548bc70f7faa3e5",
 979 |                 "reference": "ac91f01ccec49fb77bdc6fd1e548bc70f7faa3e5",
 980 |                 "shasum": ""
 981 |             },
 982 |             "require": {
 983 |                 "php": ">=7.3"
 984 |             },
 985 |             "require-dev": {
 986 |                 "phpunit/phpunit": "^9.3"
 987 |             },
 988 |             "type": "library",
 989 |             "extra": {
 990 |                 "branch-alias": {
 991 |                     "dev-master": "2.0-dev"
 992 |                 }
 993 |             },
 994 |             "autoload": {
 995 |                 "classmap": [
 996 |                     "src/"
 997 |                 ]
 998 |             },
 999 |             "notification-url": "https://packagist.org/downloads/",
1000 |             "license": [
1001 |                 "BSD-3-Clause"
1002 |             ],
1003 |             "authors": [
1004 |                 {
1005 |                     "name": "Sebastian Bergmann",
1006 |                     "email": "sebastian@phpunit.de"
1007 |                 }
1008 |             ],
1009 |             "description": "Looks up which function or method a line of code belongs to",
1010 |             "homepage": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/",
1011 |             "support": {
1012 |                 "issues": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/issues",
1013 |                 "source": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/tree/2.0.3"
1014 |             },
1015 |             "funding": [
1016 |                 {
1017 |                     "url": "https://github.com/sebastianbergmann",
1018 |                     "type": "github"
1019 |                 }
1020 |             ],
1021 |             "time": "2020-09-28T05:30:19+00:00"
1022 |         },
1023 |         {
1024 |             "name": "sebastian/comparator",
1025 |             "version": "4.0.8",
1026 |             "source": {
1027 |                 "type": "git",
1028 |                 "url": "https://github.com/sebastianbergmann/comparator.git",
1029 |                 "reference": "fa0f136dd2334583309d32b62544682ee972b51a"
1030 |             },
1031 |             "dist": {
1032 |                 "type": "zip",
1033 |                 "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/fa0f136dd2334583309d32b62544682ee972b51a",
1034 |                 "reference": "fa0f136dd2334583309d32b62544682ee972b51a",
1035 |                 "shasum": ""
1036 |             },
1037 |             "require": {
1038 |                 "php": ">=7.3",
1039 |                 "sebastian/diff": "^4.0",
1040 |                 "sebastian/exporter": "^4.0"
1041 |             },
1042 |             "require-dev": {
1043 |                 "phpunit/phpunit": "^9.3"
1044 |             },
1045 |             "type": "library",
1046 |             "extra": {
1047 |                 "branch-alias": {
1048 |                     "dev-master": "4.0-dev"
1049 |                 }
1050 |             },
1051 |             "autoload": {
1052 |                 "classmap": [
1053 |                     "src/"
1054 |                 ]
1055 |             },
1056 |             "notification-url": "https://packagist.org/downloads/",
1057 |             "license": [
1058 |                 "BSD-3-Clause"
1059 |             ],
1060 |             "authors": [
1061 |                 {
1062 |                     "name": "Sebastian Bergmann",
1063 |                     "email": "sebastian@phpunit.de"
1064 |                 },
1065 |                 {
1066 |                     "name": "Jeff Welch",
1067 |                     "email": "whatthejeff@gmail.com"
1068 |                 },
1069 |                 {
1070 |                     "name": "Volker Dusch",
1071 |                     "email": "github@wallbash.com"
1072 |                 },
1073 |                 {
1074 |                     "name": "Bernhard Schussek",
1075 |                     "email": "bschussek@2bepublished.at"
1076 |                 }
1077 |             ],
1078 |             "description": "Provides the functionality to compare PHP values for equality",
1079 |             "homepage": "https://github.com/sebastianbergmann/comparator",
1080 |             "keywords": [
1081 |                 "comparator",
1082 |                 "compare",
1083 |                 "equality"
1084 |             ],
1085 |             "support": {
1086 |                 "issues": "https://github.com/sebastianbergmann/comparator/issues",
1087 |                 "source": "https://github.com/sebastianbergmann/comparator/tree/4.0.8"
1088 |             },
1089 |             "funding": [
1090 |                 {
1091 |                     "url": "https://github.com/sebastianbergmann",
1092 |                     "type": "github"
1093 |                 }
1094 |             ],
1095 |             "time": "2022-09-14T12:41:17+00:00"
1096 |         },
1097 |         {
1098 |             "name": "sebastian/complexity",
1099 |             "version": "2.0.2",
1100 |             "source": {
1101 |                 "type": "git",
1102 |                 "url": "https://github.com/sebastianbergmann/complexity.git",
1103 |                 "reference": "739b35e53379900cc9ac327b2147867b8b6efd88"
1104 |             },
1105 |             "dist": {
1106 |                 "type": "zip",
1107 |                 "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/739b35e53379900cc9ac327b2147867b8b6efd88",
1108 |                 "reference": "739b35e53379900cc9ac327b2147867b8b6efd88",
1109 |                 "shasum": ""
1110 |             },
1111 |             "require": {
1112 |                 "nikic/php-parser": "^4.7",
1113 |                 "php": ">=7.3"
1114 |             },
1115 |             "require-dev": {
1116 |                 "phpunit/phpunit": "^9.3"
1117 |             },
1118 |             "type": "library",
1119 |             "extra": {
1120 |                 "branch-alias": {
1121 |                     "dev-master": "2.0-dev"
1122 |                 }
1123 |             },
1124 |             "autoload": {
1125 |                 "classmap": [
1126 |                     "src/"
1127 |                 ]
1128 |             },
1129 |             "notification-url": "https://packagist.org/downloads/",
1130 |             "license": [
1131 |                 "BSD-3-Clause"
1132 |             ],
1133 |             "authors": [
1134 |                 {
1135 |                     "name": "Sebastian Bergmann",
1136 |                     "email": "sebastian@phpunit.de",
1137 |                     "role": "lead"
1138 |                 }
1139 |             ],
1140 |             "description": "Library for calculating the complexity of PHP code units",
1141 |             "homepage": "https://github.com/sebastianbergmann/complexity",
1142 |             "support": {
1143 |                 "issues": "https://github.com/sebastianbergmann/complexity/issues",
1144 |                 "source": "https://github.com/sebastianbergmann/complexity/tree/2.0.2"
1145 |             },
1146 |             "funding": [
1147 |                 {
1148 |                     "url": "https://github.com/sebastianbergmann",
1149 |                     "type": "github"
1150 |                 }
1151 |             ],
1152 |             "time": "2020-10-26T15:52:27+00:00"
1153 |         },
1154 |         {
1155 |             "name": "sebastian/diff",
1156 |             "version": "4.0.5",
1157 |             "source": {
1158 |                 "type": "git",
1159 |                 "url": "https://github.com/sebastianbergmann/diff.git",
1160 |                 "reference": "74be17022044ebaaecfdf0c5cd504fc9cd5a7131"
1161 |             },
1162 |             "dist": {
1163 |                 "type": "zip",
1164 |                 "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/74be17022044ebaaecfdf0c5cd504fc9cd5a7131",
1165 |                 "reference": "74be17022044ebaaecfdf0c5cd504fc9cd5a7131",
1166 |                 "shasum": ""
1167 |             },
1168 |             "require": {
1169 |                 "php": ">=7.3"
1170 |             },
1171 |             "require-dev": {
1172 |                 "phpunit/phpunit": "^9.3",
1173 |                 "symfony/process": "^4.2 || ^5"
1174 |             },
1175 |             "type": "library",
1176 |             "extra": {
1177 |                 "branch-alias": {
1178 |                     "dev-master": "4.0-dev"
1179 |                 }
1180 |             },
1181 |             "autoload": {
1182 |                 "classmap": [
1183 |                     "src/"
1184 |                 ]
1185 |             },
1186 |             "notification-url": "https://packagist.org/downloads/",
1187 |             "license": [
1188 |                 "BSD-3-Clause"
1189 |             ],
1190 |             "authors": [
1191 |                 {
1192 |                     "name": "Sebastian Bergmann",
1193 |                     "email": "sebastian@phpunit.de"
1194 |                 },
1195 |                 {
1196 |                     "name": "Kore Nordmann",
1197 |                     "email": "mail@kore-nordmann.de"
1198 |                 }
1199 |             ],
1200 |             "description": "Diff implementation",
1201 |             "homepage": "https://github.com/sebastianbergmann/diff",
1202 |             "keywords": [
1203 |                 "diff",
1204 |                 "udiff",
1205 |                 "unidiff",
1206 |                 "unified diff"
1207 |             ],
1208 |             "support": {
1209 |                 "issues": "https://github.com/sebastianbergmann/diff/issues",
1210 |                 "source": "https://github.com/sebastianbergmann/diff/tree/4.0.5"
1211 |             },
1212 |             "funding": [
1213 |                 {
1214 |                     "url": "https://github.com/sebastianbergmann",
1215 |                     "type": "github"
1216 |                 }
1217 |             ],
1218 |             "time": "2023-05-07T05:35:17+00:00"
1219 |         },
1220 |         {
1221 |             "name": "sebastian/environment",
1222 |             "version": "5.1.5",
1223 |             "source": {
1224 |                 "type": "git",
1225 |                 "url": "https://github.com/sebastianbergmann/environment.git",
1226 |                 "reference": "830c43a844f1f8d5b7a1f6d6076b784454d8b7ed"
1227 |             },
1228 |             "dist": {
1229 |                 "type": "zip",
1230 |                 "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/830c43a844f1f8d5b7a1f6d6076b784454d8b7ed",
1231 |                 "reference": "830c43a844f1f8d5b7a1f6d6076b784454d8b7ed",
1232 |                 "shasum": ""
1233 |             },
1234 |             "require": {
1235 |                 "php": ">=7.3"
1236 |             },
1237 |             "require-dev": {
1238 |                 "phpunit/phpunit": "^9.3"
1239 |             },
1240 |             "suggest": {
1241 |                 "ext-posix": "*"
1242 |             },
1243 |             "type": "library",
1244 |             "extra": {
1245 |                 "branch-alias": {
1246 |                     "dev-master": "5.1-dev"
1247 |                 }
1248 |             },
1249 |             "autoload": {
1250 |                 "classmap": [
1251 |                     "src/"
1252 |                 ]
1253 |             },
1254 |             "notification-url": "https://packagist.org/downloads/",
1255 |             "license": [
1256 |                 "BSD-3-Clause"
1257 |             ],
1258 |             "authors": [
1259 |                 {
1260 |                     "name": "Sebastian Bergmann",
1261 |                     "email": "sebastian@phpunit.de"
1262 |                 }
1263 |             ],
1264 |             "description": "Provides functionality to handle HHVM/PHP environments",
1265 |             "homepage": "http://www.github.com/sebastianbergmann/environment",
1266 |             "keywords": [
1267 |                 "Xdebug",
1268 |                 "environment",
1269 |                 "hhvm"
1270 |             ],
1271 |             "support": {
1272 |                 "issues": "https://github.com/sebastianbergmann/environment/issues",
1273 |                 "source": "https://github.com/sebastianbergmann/environment/tree/5.1.5"
1274 |             },
1275 |             "funding": [
1276 |                 {
1277 |                     "url": "https://github.com/sebastianbergmann",
1278 |                     "type": "github"
1279 |                 }
1280 |             ],
1281 |             "time": "2023-02-03T06:03:51+00:00"
1282 |         },
1283 |         {
1284 |             "name": "sebastian/exporter",
1285 |             "version": "4.0.5",
1286 |             "source": {
1287 |                 "type": "git",
1288 |                 "url": "https://github.com/sebastianbergmann/exporter.git",
1289 |                 "reference": "ac230ed27f0f98f597c8a2b6eb7ac563af5e5b9d"
1290 |             },
1291 |             "dist": {
1292 |                 "type": "zip",
1293 |                 "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/ac230ed27f0f98f597c8a2b6eb7ac563af5e5b9d",
1294 |                 "reference": "ac230ed27f0f98f597c8a2b6eb7ac563af5e5b9d",
1295 |                 "shasum": ""
1296 |             },
1297 |             "require": {
1298 |                 "php": ">=7.3",
1299 |                 "sebastian/recursion-context": "^4.0"
1300 |             },
1301 |             "require-dev": {
1302 |                 "ext-mbstring": "*",
1303 |                 "phpunit/phpunit": "^9.3"
1304 |             },
1305 |             "type": "library",
1306 |             "extra": {
1307 |                 "branch-alias": {
1308 |                     "dev-master": "4.0-dev"
1309 |                 }
1310 |             },
1311 |             "autoload": {
1312 |                 "classmap": [
1313 |                     "src/"
1314 |                 ]
1315 |             },
1316 |             "notification-url": "https://packagist.org/downloads/",
1317 |             "license": [
1318 |                 "BSD-3-Clause"
1319 |             ],
1320 |             "authors": [
1321 |                 {
1322 |                     "name": "Sebastian Bergmann",
1323 |                     "email": "sebastian@phpunit.de"
1324 |                 },
1325 |                 {
1326 |                     "name": "Jeff Welch",
1327 |                     "email": "whatthejeff@gmail.com"
1328 |                 },
1329 |                 {
1330 |                     "name": "Volker Dusch",
1331 |                     "email": "github@wallbash.com"
1332 |                 },
1333 |                 {
1334 |                     "name": "Adam Harvey",
1335 |                     "email": "aharvey@php.net"
1336 |                 },
1337 |                 {
1338 |                     "name": "Bernhard Schussek",
1339 |                     "email": "bschussek@gmail.com"
1340 |                 }
1341 |             ],
1342 |             "description": "Provides the functionality to export PHP variables for visualization",
1343 |             "homepage": "https://www.github.com/sebastianbergmann/exporter",
1344 |             "keywords": [
1345 |                 "export",
1346 |                 "exporter"
1347 |             ],
1348 |             "support": {
1349 |                 "issues": "https://github.com/sebastianbergmann/exporter/issues",
1350 |                 "source": "https://github.com/sebastianbergmann/exporter/tree/4.0.5"
1351 |             },
1352 |             "funding": [
1353 |                 {
1354 |                     "url": "https://github.com/sebastianbergmann",
1355 |                     "type": "github"
1356 |                 }
1357 |             ],
1358 |             "time": "2022-09-14T06:03:37+00:00"
1359 |         },
1360 |         {
1361 |             "name": "sebastian/global-state",
1362 |             "version": "5.0.6",
1363 |             "source": {
1364 |                 "type": "git",
1365 |                 "url": "https://github.com/sebastianbergmann/global-state.git",
1366 |                 "reference": "bde739e7565280bda77be70044ac1047bc007e34"
1367 |             },
1368 |             "dist": {
1369 |                 "type": "zip",
1370 |                 "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/bde739e7565280bda77be70044ac1047bc007e34",
1371 |                 "reference": "bde739e7565280bda77be70044ac1047bc007e34",
1372 |                 "shasum": ""
1373 |             },
1374 |             "require": {
1375 |                 "php": ">=7.3",
1376 |                 "sebastian/object-reflector": "^2.0",
1377 |                 "sebastian/recursion-context": "^4.0"
1378 |             },
1379 |             "require-dev": {
1380 |                 "ext-dom": "*",
1381 |                 "phpunit/phpunit": "^9.3"
1382 |             },
1383 |             "suggest": {
1384 |                 "ext-uopz": "*"
1385 |             },
1386 |             "type": "library",
1387 |             "extra": {
1388 |                 "branch-alias": {
1389 |                     "dev-master": "5.0-dev"
1390 |                 }
1391 |             },
1392 |             "autoload": {
1393 |                 "classmap": [
1394 |                     "src/"
1395 |                 ]
1396 |             },
1397 |             "notification-url": "https://packagist.org/downloads/",
1398 |             "license": [
1399 |                 "BSD-3-Clause"
1400 |             ],
1401 |             "authors": [
1402 |                 {
1403 |                     "name": "Sebastian Bergmann",
1404 |                     "email": "sebastian@phpunit.de"
1405 |                 }
1406 |             ],
1407 |             "description": "Snapshotting of global state",
1408 |             "homepage": "http://www.github.com/sebastianbergmann/global-state",
1409 |             "keywords": [
1410 |                 "global state"
1411 |             ],
1412 |             "support": {
1413 |                 "issues": "https://github.com/sebastianbergmann/global-state/issues",
1414 |                 "source": "https://github.com/sebastianbergmann/global-state/tree/5.0.6"
1415 |             },
1416 |             "funding": [
1417 |                 {
1418 |                     "url": "https://github.com/sebastianbergmann",
1419 |                     "type": "github"
1420 |                 }
1421 |             ],
1422 |             "time": "2023-08-02T09:26:13+00:00"
1423 |         },
1424 |         {
1425 |             "name": "sebastian/lines-of-code",
1426 |             "version": "1.0.3",
1427 |             "source": {
1428 |                 "type": "git",
1429 |                 "url": "https://github.com/sebastianbergmann/lines-of-code.git",
1430 |                 "reference": "c1c2e997aa3146983ed888ad08b15470a2e22ecc"
1431 |             },
1432 |             "dist": {
1433 |                 "type": "zip",
1434 |                 "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/c1c2e997aa3146983ed888ad08b15470a2e22ecc",
1435 |                 "reference": "c1c2e997aa3146983ed888ad08b15470a2e22ecc",
1436 |                 "shasum": ""
1437 |             },
1438 |             "require": {
1439 |                 "nikic/php-parser": "^4.6",
1440 |                 "php": ">=7.3"
1441 |             },
1442 |             "require-dev": {
1443 |                 "phpunit/phpunit": "^9.3"
1444 |             },
1445 |             "type": "library",
1446 |             "extra": {
1447 |                 "branch-alias": {
1448 |                     "dev-master": "1.0-dev"
1449 |                 }
1450 |             },
1451 |             "autoload": {
1452 |                 "classmap": [
1453 |                     "src/"
1454 |                 ]
1455 |             },
1456 |             "notification-url": "https://packagist.org/downloads/",
1457 |             "license": [
1458 |                 "BSD-3-Clause"
1459 |             ],
1460 |             "authors": [
1461 |                 {
1462 |                     "name": "Sebastian Bergmann",
1463 |                     "email": "sebastian@phpunit.de",
1464 |                     "role": "lead"
1465 |                 }
1466 |             ],
1467 |             "description": "Library for counting the lines of code in PHP source code",
1468 |             "homepage": "https://github.com/sebastianbergmann/lines-of-code",
1469 |             "support": {
1470 |                 "issues": "https://github.com/sebastianbergmann/lines-of-code/issues",
1471 |                 "source": "https://github.com/sebastianbergmann/lines-of-code/tree/1.0.3"
1472 |             },
1473 |             "funding": [
1474 |                 {
1475 |                     "url": "https://github.com/sebastianbergmann",
1476 |                     "type": "github"
1477 |                 }
1478 |             ],
1479 |             "time": "2020-11-28T06:42:11+00:00"
1480 |         },
1481 |         {
1482 |             "name": "sebastian/object-enumerator",
1483 |             "version": "4.0.4",
1484 |             "source": {
1485 |                 "type": "git",
1486 |                 "url": "https://github.com/sebastianbergmann/object-enumerator.git",
1487 |                 "reference": "5c9eeac41b290a3712d88851518825ad78f45c71"
1488 |             },
1489 |             "dist": {
1490 |                 "type": "zip",
1491 |                 "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/5c9eeac41b290a3712d88851518825ad78f45c71",
1492 |                 "reference": "5c9eeac41b290a3712d88851518825ad78f45c71",
1493 |                 "shasum": ""
1494 |             },
1495 |             "require": {
1496 |                 "php": ">=7.3",
1497 |                 "sebastian/object-reflector": "^2.0",
1498 |                 "sebastian/recursion-context": "^4.0"
1499 |             },
1500 |             "require-dev": {
1501 |                 "phpunit/phpunit": "^9.3"
1502 |             },
1503 |             "type": "library",
1504 |             "extra": {
1505 |                 "branch-alias": {
1506 |                     "dev-master": "4.0-dev"
1507 |                 }
1508 |             },
1509 |             "autoload": {
1510 |                 "classmap": [
1511 |                     "src/"
1512 |                 ]
1513 |             },
1514 |             "notification-url": "https://packagist.org/downloads/",
1515 |             "license": [
1516 |                 "BSD-3-Clause"
1517 |             ],
1518 |             "authors": [
1519 |                 {
1520 |                     "name": "Sebastian Bergmann",
1521 |                     "email": "sebastian@phpunit.de"
1522 |                 }
1523 |             ],
1524 |             "description": "Traverses array structures and object graphs to enumerate all referenced objects",
1525 |             "homepage": "https://github.com/sebastianbergmann/object-enumerator/",
1526 |             "support": {
1527 |                 "issues": "https://github.com/sebastianbergmann/object-enumerator/issues",
1528 |                 "source": "https://github.com/sebastianbergmann/object-enumerator/tree/4.0.4"
1529 |             },
1530 |             "funding": [
1531 |                 {
1532 |                     "url": "https://github.com/sebastianbergmann",
1533 |                     "type": "github"
1534 |                 }
1535 |             ],
1536 |             "time": "2020-10-26T13:12:34+00:00"
1537 |         },
1538 |         {
1539 |             "name": "sebastian/object-reflector",
1540 |             "version": "2.0.4",
1541 |             "source": {
1542 |                 "type": "git",
1543 |                 "url": "https://github.com/sebastianbergmann/object-reflector.git",
1544 |                 "reference": "b4f479ebdbf63ac605d183ece17d8d7fe49c15c7"
1545 |             },
1546 |             "dist": {
1547 |                 "type": "zip",
1548 |                 "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/b4f479ebdbf63ac605d183ece17d8d7fe49c15c7",
1549 |                 "reference": "b4f479ebdbf63ac605d183ece17d8d7fe49c15c7",
1550 |                 "shasum": ""
1551 |             },
1552 |             "require": {
1553 |                 "php": ">=7.3"
1554 |             },
1555 |             "require-dev": {
1556 |                 "phpunit/phpunit": "^9.3"
1557 |             },
1558 |             "type": "library",
1559 |             "extra": {
1560 |                 "branch-alias": {
1561 |                     "dev-master": "2.0-dev"
1562 |                 }
1563 |             },
1564 |             "autoload": {
1565 |                 "classmap": [
1566 |                     "src/"
1567 |                 ]
1568 |             },
1569 |             "notification-url": "https://packagist.org/downloads/",
1570 |             "license": [
1571 |                 "BSD-3-Clause"
1572 |             ],
1573 |             "authors": [
1574 |                 {
1575 |                     "name": "Sebastian Bergmann",
1576 |                     "email": "sebastian@phpunit.de"
1577 |                 }
1578 |             ],
1579 |             "description": "Allows reflection of object attributes, including inherited and non-public ones",
1580 |             "homepage": "https://github.com/sebastianbergmann/object-reflector/",
1581 |             "support": {
1582 |                 "issues": "https://github.com/sebastianbergmann/object-reflector/issues",
1583 |                 "source": "https://github.com/sebastianbergmann/object-reflector/tree/2.0.4"
1584 |             },
1585 |             "funding": [
1586 |                 {
1587 |                     "url": "https://github.com/sebastianbergmann",
1588 |                     "type": "github"
1589 |                 }
1590 |             ],
1591 |             "time": "2020-10-26T13:14:26+00:00"
1592 |         },
1593 |         {
1594 |             "name": "sebastian/recursion-context",
1595 |             "version": "4.0.5",
1596 |             "source": {
1597 |                 "type": "git",
1598 |                 "url": "https://github.com/sebastianbergmann/recursion-context.git",
1599 |                 "reference": "e75bd0f07204fec2a0af9b0f3cfe97d05f92efc1"
1600 |             },
1601 |             "dist": {
1602 |                 "type": "zip",
1603 |                 "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/e75bd0f07204fec2a0af9b0f3cfe97d05f92efc1",
1604 |                 "reference": "e75bd0f07204fec2a0af9b0f3cfe97d05f92efc1",
1605 |                 "shasum": ""
1606 |             },
1607 |             "require": {
1608 |                 "php": ">=7.3"
1609 |             },
1610 |             "require-dev": {
1611 |                 "phpunit/phpunit": "^9.3"
1612 |             },
1613 |             "type": "library",
1614 |             "extra": {
1615 |                 "branch-alias": {
1616 |                     "dev-master": "4.0-dev"
1617 |                 }
1618 |             },
1619 |             "autoload": {
1620 |                 "classmap": [
1621 |                     "src/"
1622 |                 ]
1623 |             },
1624 |             "notification-url": "https://packagist.org/downloads/",
1625 |             "license": [
1626 |                 "BSD-3-Clause"
1627 |             ],
1628 |             "authors": [
1629 |                 {
1630 |                     "name": "Sebastian Bergmann",
1631 |                     "email": "sebastian@phpunit.de"
1632 |                 },
1633 |                 {
1634 |                     "name": "Jeff Welch",
1635 |                     "email": "whatthejeff@gmail.com"
1636 |                 },
1637 |                 {
1638 |                     "name": "Adam Harvey",
1639 |                     "email": "aharvey@php.net"
1640 |                 }
1641 |             ],
1642 |             "description": "Provides functionality to recursively process PHP variables",
1643 |             "homepage": "https://github.com/sebastianbergmann/recursion-context",
1644 |             "support": {
1645 |                 "issues": "https://github.com/sebastianbergmann/recursion-context/issues",
1646 |                 "source": "https://github.com/sebastianbergmann/recursion-context/tree/4.0.5"
1647 |             },
1648 |             "funding": [
1649 |                 {
1650 |                     "url": "https://github.com/sebastianbergmann",
1651 |                     "type": "github"
1652 |                 }
1653 |             ],
1654 |             "time": "2023-02-03T06:07:39+00:00"
1655 |         },
1656 |         {
1657 |             "name": "sebastian/resource-operations",
1658 |             "version": "3.0.3",
1659 |             "source": {
1660 |                 "type": "git",
1661 |                 "url": "https://github.com/sebastianbergmann/resource-operations.git",
1662 |                 "reference": "0f4443cb3a1d92ce809899753bc0d5d5a8dd19a8"
1663 |             },
1664 |             "dist": {
1665 |                 "type": "zip",
1666 |                 "url": "https://api.github.com/repos/sebastianbergmann/resource-operations/zipball/0f4443cb3a1d92ce809899753bc0d5d5a8dd19a8",
1667 |                 "reference": "0f4443cb3a1d92ce809899753bc0d5d5a8dd19a8",
1668 |                 "shasum": ""
1669 |             },
1670 |             "require": {
1671 |                 "php": ">=7.3"
1672 |             },
1673 |             "require-dev": {
1674 |                 "phpunit/phpunit": "^9.0"
1675 |             },
1676 |             "type": "library",
1677 |             "extra": {
1678 |                 "branch-alias": {
1679 |                     "dev-master": "3.0-dev"
1680 |                 }
1681 |             },
1682 |             "autoload": {
1683 |                 "classmap": [
1684 |                     "src/"
1685 |                 ]
1686 |             },
1687 |             "notification-url": "https://packagist.org/downloads/",
1688 |             "license": [
1689 |                 "BSD-3-Clause"
1690 |             ],
1691 |             "authors": [
1692 |                 {
1693 |                     "name": "Sebastian Bergmann",
1694 |                     "email": "sebastian@phpunit.de"
1695 |                 }
1696 |             ],
1697 |             "description": "Provides a list of PHP built-in functions that operate on resources",
1698 |             "homepage": "https://www.github.com/sebastianbergmann/resource-operations",
1699 |             "support": {
1700 |                 "issues": "https://github.com/sebastianbergmann/resource-operations/issues",
1701 |                 "source": "https://github.com/sebastianbergmann/resource-operations/tree/3.0.3"
1702 |             },
1703 |             "funding": [
1704 |                 {
1705 |                     "url": "https://github.com/sebastianbergmann",
1706 |                     "type": "github"
1707 |                 }
1708 |             ],
1709 |             "time": "2020-09-28T06:45:17+00:00"
1710 |         },
1711 |         {
1712 |             "name": "sebastian/type",
1713 |             "version": "3.2.1",
1714 |             "source": {
1715 |                 "type": "git",
1716 |                 "url": "https://github.com/sebastianbergmann/type.git",
1717 |                 "reference": "75e2c2a32f5e0b3aef905b9ed0b179b953b3d7c7"
1718 |             },
1719 |             "dist": {
1720 |                 "type": "zip",
1721 |                 "url": "https://api.github.com/repos/sebastianbergmann/type/zipball/75e2c2a32f5e0b3aef905b9ed0b179b953b3d7c7",
1722 |                 "reference": "75e2c2a32f5e0b3aef905b9ed0b179b953b3d7c7",
1723 |                 "shasum": ""
1724 |             },
1725 |             "require": {
1726 |                 "php": ">=7.3"
1727 |             },
1728 |             "require-dev": {
1729 |                 "phpunit/phpunit": "^9.5"
1730 |             },
1731 |             "type": "library",
1732 |             "extra": {
1733 |                 "branch-alias": {
1734 |                     "dev-master": "3.2-dev"
1735 |                 }
1736 |             },
1737 |             "autoload": {
1738 |                 "classmap": [
1739 |                     "src/"
1740 |                 ]
1741 |             },
1742 |             "notification-url": "https://packagist.org/downloads/",
1743 |             "license": [
1744 |                 "BSD-3-Clause"
1745 |             ],
1746 |             "authors": [
1747 |                 {
1748 |                     "name": "Sebastian Bergmann",
1749 |                     "email": "sebastian@phpunit.de",
1750 |                     "role": "lead"
1751 |                 }
1752 |             ],
1753 |             "description": "Collection of value objects that represent the types of the PHP type system",
1754 |             "homepage": "https://github.com/sebastianbergmann/type",
1755 |             "support": {
1756 |                 "issues": "https://github.com/sebastianbergmann/type/issues",
1757 |                 "source": "https://github.com/sebastianbergmann/type/tree/3.2.1"
1758 |             },
1759 |             "funding": [
1760 |                 {
1761 |                     "url": "https://github.com/sebastianbergmann",
1762 |                     "type": "github"
1763 |                 }
1764 |             ],
1765 |             "time": "2023-02-03T06:13:03+00:00"
1766 |         },
1767 |         {
1768 |             "name": "sebastian/version",
1769 |             "version": "3.0.2",
1770 |             "source": {
1771 |                 "type": "git",
1772 |                 "url": "https://github.com/sebastianbergmann/version.git",
1773 |                 "reference": "c6c1022351a901512170118436c764e473f6de8c"
1774 |             },
1775 |             "dist": {
1776 |                 "type": "zip",
1777 |                 "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/c6c1022351a901512170118436c764e473f6de8c",
1778 |                 "reference": "c6c1022351a901512170118436c764e473f6de8c",
1779 |                 "shasum": ""
1780 |             },
1781 |             "require": {
1782 |                 "php": ">=7.3"
1783 |             },
1784 |             "type": "library",
1785 |             "extra": {
1786 |                 "branch-alias": {
1787 |                     "dev-master": "3.0-dev"
1788 |                 }
1789 |             },
1790 |             "autoload": {
1791 |                 "classmap": [
1792 |                     "src/"
1793 |                 ]
1794 |             },
1795 |             "notification-url": "https://packagist.org/downloads/",
1796 |             "license": [
1797 |                 "BSD-3-Clause"
1798 |             ],
1799 |             "authors": [
1800 |                 {
1801 |                     "name": "Sebastian Bergmann",
1802 |                     "email": "sebastian@phpunit.de",
1803 |                     "role": "lead"
1804 |                 }
1805 |             ],
1806 |             "description": "Library that helps with managing the version number of Git-hosted PHP projects",
1807 |             "homepage": "https://github.com/sebastianbergmann/version",
1808 |             "support": {
1809 |                 "issues": "https://github.com/sebastianbergmann/version/issues",
1810 |                 "source": "https://github.com/sebastianbergmann/version/tree/3.0.2"
1811 |             },
1812 |             "funding": [
1813 |                 {
1814 |                     "url": "https://github.com/sebastianbergmann",
1815 |                     "type": "github"
1816 |                 }
1817 |             ],
1818 |             "time": "2020-09-28T06:39:44+00:00"
1819 |         },
1820 |         {
1821 |             "name": "squizlabs/php_codesniffer",
1822 |             "version": "3.5.5",
1823 |             "source": {
1824 |                 "type": "git",
1825 |                 "url": "https://github.com/squizlabs/PHP_CodeSniffer.git",
1826 |                 "reference": "73e2e7f57d958e7228fce50dc0c61f58f017f9f6"
1827 |             },
1828 |             "dist": {
1829 |                 "type": "zip",
1830 |                 "url": "https://api.github.com/repos/squizlabs/PHP_CodeSniffer/zipball/73e2e7f57d958e7228fce50dc0c61f58f017f9f6",
1831 |                 "reference": "73e2e7f57d958e7228fce50dc0c61f58f017f9f6",
1832 |                 "shasum": ""
1833 |             },
1834 |             "require": {
1835 |                 "ext-simplexml": "*",
1836 |                 "ext-tokenizer": "*",
1837 |                 "ext-xmlwriter": "*",
1838 |                 "php": ">=5.4.0"
1839 |             },
1840 |             "require-dev": {
1841 |                 "phpunit/phpunit": "^4.0 || ^5.0 || ^6.0 || ^7.0"
1842 |             },
1843 |             "bin": [
1844 |                 "bin/phpcs",
1845 |                 "bin/phpcbf"
1846 |             ],
1847 |             "type": "library",
1848 |             "extra": {
1849 |                 "branch-alias": {
1850 |                     "dev-master": "3.x-dev"
1851 |                 }
1852 |             },
1853 |             "notification-url": "https://packagist.org/downloads/",
1854 |             "license": [
1855 |                 "BSD-3-Clause"
1856 |             ],
1857 |             "authors": [
1858 |                 {
1859 |                     "name": "Greg Sherwood",
1860 |                     "role": "lead"
1861 |                 }
1862 |             ],
1863 |             "description": "PHP_CodeSniffer tokenizes PHP, JavaScript and CSS files and detects violations of a defined set of coding standards.",
1864 |             "homepage": "https://github.com/squizlabs/PHP_CodeSniffer",
1865 |             "keywords": [
1866 |                 "phpcs",
1867 |                 "standards"
1868 |             ],
1869 |             "time": "2020-04-17T01:09:41+00:00"
1870 |         },
1871 |         {
1872 |             "name": "theseer/tokenizer",
1873 |             "version": "1.2.2",
1874 |             "source": {
1875 |                 "type": "git",
1876 |                 "url": "https://github.com/theseer/tokenizer.git",
1877 |                 "reference": "b2ad5003ca10d4ee50a12da31de12a5774ba6b96"
1878 |             },
1879 |             "dist": {
1880 |                 "type": "zip",
1881 |                 "url": "https://api.github.com/repos/theseer/tokenizer/zipball/b2ad5003ca10d4ee50a12da31de12a5774ba6b96",
1882 |                 "reference": "b2ad5003ca10d4ee50a12da31de12a5774ba6b96",
1883 |                 "shasum": ""
1884 |             },
1885 |             "require": {
1886 |                 "ext-dom": "*",
1887 |                 "ext-tokenizer": "*",
1888 |                 "ext-xmlwriter": "*",
1889 |                 "php": "^7.2 || ^8.0"
1890 |             },
1891 |             "type": "library",
1892 |             "autoload": {
1893 |                 "classmap": [
1894 |                     "src/"
1895 |                 ]
1896 |             },
1897 |             "notification-url": "https://packagist.org/downloads/",
1898 |             "license": [
1899 |                 "BSD-3-Clause"
1900 |             ],
1901 |             "authors": [
1902 |                 {
1903 |                     "name": "Arne Blankerts",
1904 |                     "email": "arne@blankerts.de",
1905 |                     "role": "Developer"
1906 |                 }
1907 |             ],
1908 |             "description": "A small library for converting tokenized PHP source code into XML and potentially other formats",
1909 |             "support": {
1910 |                 "issues": "https://github.com/theseer/tokenizer/issues",
1911 |                 "source": "https://github.com/theseer/tokenizer/tree/1.2.2"
1912 |             },
1913 |             "funding": [
1914 |                 {
1915 |                     "url": "https://github.com/theseer",
1916 |                     "type": "github"
1917 |                 }
1918 |             ],
1919 |             "time": "2023-11-20T00:12:19+00:00"
1920 |         },
1921 |         {
1922 |             "name": "wp-coding-standards/wpcs",
1923 |             "version": "2.2.1",
1924 |             "source": {
1925 |                 "type": "git",
1926 |                 "url": "https://github.com/WordPress/WordPress-Coding-Standards.git",
1927 |                 "reference": "b5a453203114cc2284b1a614c4953456fbe4f546"
1928 |             },
1929 |             "dist": {
1930 |                 "type": "zip",
1931 |                 "url": "https://api.github.com/repos/WordPress/WordPress-Coding-Standards/zipball/b5a453203114cc2284b1a614c4953456fbe4f546",
1932 |                 "reference": "b5a453203114cc2284b1a614c4953456fbe4f546",
1933 |                 "shasum": ""
1934 |             },
1935 |             "require": {
1936 |                 "php": ">=5.4",
1937 |                 "squizlabs/php_codesniffer": "^3.3.1"
1938 |             },
1939 |             "require-dev": {
1940 |                 "dealerdirect/phpcodesniffer-composer-installer": "^0.5 || ^0.6",
1941 |                 "phpcompatibility/php-compatibility": "^9.0",
1942 |                 "phpunit/phpunit": "^4.0 || ^5.0 || ^6.0 || ^7.0"
1943 |             },
1944 |             "suggest": {
1945 |                 "dealerdirect/phpcodesniffer-composer-installer": "^0.6 || This Composer plugin will sort out the PHPCS 'installed_paths' automatically."
1946 |             },
1947 |             "type": "phpcodesniffer-standard",
1948 |             "notification-url": "https://packagist.org/downloads/",
1949 |             "license": [
1950 |                 "MIT"
1951 |             ],
1952 |             "authors": [
1953 |                 {
1954 |                     "name": "Contributors",
1955 |                     "homepage": "https://github.com/WordPress/WordPress-Coding-Standards/graphs/contributors"
1956 |                 }
1957 |             ],
1958 |             "description": "PHP_CodeSniffer rules (sniffs) to enforce WordPress coding conventions",
1959 |             "keywords": [
1960 |                 "phpcs",
1961 |                 "standards",
1962 |                 "wordpress"
1963 |             ],
1964 |             "time": "2020-02-04T02:52:06+00:00"
1965 |         },
1966 |         {
1967 |             "name": "yoast/phpunit-polyfills",
1968 |             "version": "1.1.0",
1969 |             "source": {
1970 |                 "type": "git",
1971 |                 "url": "https://github.com/Yoast/PHPUnit-Polyfills.git",
1972 |                 "reference": "224e4a1329c03d8bad520e3fc4ec980034a4b212"
1973 |             },
1974 |             "dist": {
1975 |                 "type": "zip",
1976 |                 "url": "https://api.github.com/repos/Yoast/PHPUnit-Polyfills/zipball/224e4a1329c03d8bad520e3fc4ec980034a4b212",
1977 |                 "reference": "224e4a1329c03d8bad520e3fc4ec980034a4b212",
1978 |                 "shasum": ""
1979 |             },
1980 |             "require": {
1981 |                 "php": ">=5.4",
1982 |                 "phpunit/phpunit": "^4.8.36 || ^5.7.21 || ^6.0 || ^7.0 || ^8.0 || ^9.0"
1983 |             },
1984 |             "require-dev": {
1985 |                 "yoast/yoastcs": "^2.3.0"
1986 |             },
1987 |             "type": "library",
1988 |             "extra": {
1989 |                 "branch-alias": {
1990 |                     "dev-main": "2.x-dev"
1991 |                 }
1992 |             },
1993 |             "autoload": {
1994 |                 "files": [
1995 |                     "phpunitpolyfills-autoload.php"
1996 |                 ]
1997 |             },
1998 |             "notification-url": "https://packagist.org/downloads/",
1999 |             "license": [
2000 |                 "BSD-3-Clause"
2001 |             ],
2002 |             "authors": [
2003 |                 {
2004 |                     "name": "Team Yoast",
2005 |                     "email": "support@yoast.com",
2006 |                     "homepage": "https://yoast.com"
2007 |                 },
2008 |                 {
2009 |                     "name": "Contributors",
2010 |                     "homepage": "https://github.com/Yoast/PHPUnit-Polyfills/graphs/contributors"
2011 |                 }
2012 |             ],
2013 |             "description": "Set of polyfills for changed PHPUnit functionality to allow for creating PHPUnit cross-version compatible tests",
2014 |             "homepage": "https://github.com/Yoast/PHPUnit-Polyfills",
2015 |             "keywords": [
2016 |                 "phpunit",
2017 |                 "polyfill",
2018 |                 "testing"
2019 |             ],
2020 |             "support": {
2021 |                 "issues": "https://github.com/Yoast/PHPUnit-Polyfills/issues",
2022 |                 "source": "https://github.com/Yoast/PHPUnit-Polyfills"
2023 |             },
2024 |             "time": "2023-08-19T14:25:08+00:00"
2025 |         }
2026 |     ],
2027 |     "aliases": [],
2028 |     "minimum-stability": "stable",
2029 |     "stability-flags": [],
2030 |     "prefer-stable": false,
2031 |     "prefer-lowest": false,
2032 |     "platform": [],
2033 |     "platform-dev": [],
2034 |     "plugin-api-version": "2.3.0"
2035 | }
2036 | 


--------------------------------------------------------------------------------
/gumponents.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Plugin Name: Gumponents
 4 |  * Description: Essential Gutenberg components for WordPress.
 5 |  * Author: Junaid Bhura
 6 |  * Author URI: https://junaid.dev
 7 |  * Version: 1.1.7
 8 |  *
 9 |  * @package gumponents
10 |  */
11 | 
12 | namespace JB\Gumponents;
13 | 
14 | define( 'GUMPONENTS_VERSION', '1.1.7' );
15 | 
16 | require_once __DIR__ . '/inc/autoload.php';
17 | require_once __DIR__ . '/inc/namespace.php';
18 | 
19 | // Kick it off.
20 | add_action( 'init', __NAMESPACE__ . '\\setup' );
21 | 


--------------------------------------------------------------------------------
/inc/autoload.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Autoloader.
 4 |  *
 5 |  * @package gumponents
 6 |  */
 7 | 
 8 | namespace JB\Gumponents;
 9 | 
10 | /**
11 |  * Autoloader for plugin.
12 |  *
13 |  * @param string $class Class name.
14 |  */
15 | function autoload( $class = '' ) {
16 | 	if ( 0 !== strpos( $class, __NAMESPACE__ ) ) {
17 | 		return;
18 | 	}
19 | 
20 | 	$class_path = array_map(
21 | 		function ( $item ) {
22 | 			return str_replace( '_', '-', strtolower( implode( '-', preg_split( '/(?<=[a-z]) (?=[A-Z]) | (?<=[A-Z]) (?=[A-Z][a-z])/x', $item ) ) ) );
23 | 		},
24 | 		explode( '\\', str_replace( __NAMESPACE__ . '\\', '', $class ) )
25 | 	);
26 | 
27 | 	$file_name = 'class-' . array_pop( $class_path ) . '.php';
28 | 	$path      = __DIR__ . DIRECTORY_SEPARATOR . ( ! empty( $class_path ) ? implode( DIRECTORY_SEPARATOR, $class_path ) . DIRECTORY_SEPARATOR : '' ) . $file_name;
29 | 
30 | 	if ( file_exists( $path ) ) {
31 | 		require_once $path;
32 | 	}
33 | }
34 | spl_autoload_register( __NAMESPACE__ . '\\autoload' );
35 | 


--------------------------------------------------------------------------------
/inc/namespace.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Namespace functions.
 4 |  *
 5 |  * @package gumponents
 6 |  */
 7 | 
 8 | namespace JB\Gumponents;
 9 | 
10 | use WP_Screen;
11 | 
12 | /**
13 |  * Bootstrap the plugin.
14 |  *
15 |  * Registers actions and filters required to run the plugin.
16 |  */
17 | function setup() {
18 | 	// Add block assets.
19 | 	add_action( 'enqueue_block_assets', __NAMESPACE__ . '\\enqueue_editor_assets' );
20 | 
21 | 	// Register REST endpoints.
22 | 	add_action( 'rest_api_init', __NAMESPACE__ . '\\register_rest_endpoints' );
23 | }
24 | 
25 | /**
26 |  * Register REST endpoints.
27 |  */
28 | function register_rest_endpoints() {
29 | 	new RestApi\Relationship\PostsController();
30 | 	new RestApi\Relationship\TaxonomiesController();
31 | 	new RestApi\MediaController();
32 | }
33 | 
34 | /**
35 |  * Enqueue block scripts.
36 |  */
37 | function enqueue_editor_assets() {
38 | 	/**
39 | 	 * Only enqueue assets in the admin.
40 | 	 */
41 | 	if ( ! is_admin() ) {
42 | 		return;
43 | 	}
44 | 
45 | 	$plugin_dir_path  = dirname( __FILE__, 2 );
46 | 	$plugin_file_path = "{$plugin_dir_path}/gumponents.php";
47 | 
48 | 	$deps = [
49 | 		'wp-i18n',
50 | 		'wp-blocks',
51 | 		'wp-components',
52 | 		'wp-plugins',
53 | 		'lodash',
54 | 	];
55 | 
56 | 	$screen = get_current_screen();
57 | 	if ( $screen instanceof WP_Screen && 'widgets' !== $screen->base ) {
58 | 		$deps[] = 'wp-editor';
59 | 		$deps[] = 'wp-edit-post';
60 | 	}
61 | 
62 | 	wp_enqueue_script( 'gumponents', plugins_url( 'assets/dist/blocks.js', $plugin_file_path ), $deps, GUMPONENTS_VERSION, false );
63 | 	wp_enqueue_style( 'gumponents', plugins_url( 'assets/dist/editor.css', $plugin_file_path ), [], GUMPONENTS_VERSION );
64 | }
65 | 


--------------------------------------------------------------------------------
/inc/rest-api/class-media-controller.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Rest API Controller.
 4 |  *
 5 |  * @package gumponents
 6 |  */
 7 | 
 8 | namespace JB\Gumponents\RestApi;
 9 | 
10 | use WP_REST_Controller;
11 | 
12 | /**
13 |  * Class Rest.
14 |  */
15 | class MediaController extends WP_REST_Controller {
16 | 
17 | 	/**
18 | 	 * Namespace.
19 | 	 *
20 | 	 * @var string Namespace.
21 | 	 */
22 | 	protected $namespace = 'gumponents/media/v1';
23 | 
24 | 	/**
25 | 	 * Rest constructor.
26 | 	 */
27 | 	public function __construct() {
28 | 		$this->register_routes();
29 | 	}
30 | 
31 | 	/**
32 | 	 * Register the routes for the objects of the controller.
33 | 	 */
34 | 	public function register_routes() {
35 | 
36 | 		register_rest_route(
37 | 			$this->namespace,
38 | 			'/get',
39 | 			array(
40 | 				'methods'             => 'GET',
41 | 				'callback'            => array( $this, 'get_attachment' ),
42 | 				'permission_callback' => array( $this, 'get_items_permissions_check' ),
43 | 				'args'                => array(
44 | 					'id' => array(
45 | 						'required'    => true,
46 | 						'type'        => 'string',
47 | 						'description' => __( 'Attachment ID', 'gumponents' ),
48 | 						'items'       => array(
49 | 							'sanitize_callback' => 'sanitize_text_field',
50 | 						),
51 | 						'default'     => '',
52 | 					),
53 | 				),
54 | 			)
55 | 		);
56 | 
57 | 	}
58 | 
59 | 	/**
60 | 	 * Only logged in users can do this.
61 | 	 *
62 | 	 * @param \WP_REST_Request $request Full data about the request.
63 | 	 * @return bool
64 | 	 */
65 | 	public function get_items_permissions_check( $request ) {
66 | 		return apply_filters( 'gumponents_attachment_rest_permission', is_user_logged_in() );
67 | 	}
68 | 
69 | 	/**
70 | 	 * API: Get attachment.
71 | 	 *
72 | 	 * @param WP_REST_Request $request API Request.
73 | 	 * @return WP_REST_Response
74 | 	 */
75 | 	public function get_attachment( $request ) {
76 | 		$params = $request->get_params();
77 | 		return rest_ensure_response( wp_prepare_attachment_for_js( $params['id'] ) );
78 | 	}
79 | 
80 | }
81 | 


--------------------------------------------------------------------------------
/inc/rest-api/relationship/class-controller.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Rest API Controller.
 4 |  *
 5 |  * @package gumponents
 6 |  */
 7 | 
 8 | namespace JB\Gumponents\RestApi\Relationship;
 9 | 
10 | use WP_REST_Controller;
11 | 
12 | /**
13 |  * Class Rest.
14 |  */
15 | class Controller extends WP_REST_Controller {
16 | 
17 | 	/**
18 | 	 * Namespace.
19 | 	 *
20 | 	 * @var string Namespace.
21 | 	 */
22 | 	protected $namespace = 'gumponents/relationship/v1';
23 | 
24 | 	/**
25 | 	 * Rest constructor.
26 | 	 */
27 | 	public function __construct() {
28 | 		$this->register_routes();
29 | 	}
30 | 
31 | 	/**
32 | 	 * Only logged in users can do this.
33 | 	 *
34 | 	 * @param \WP_REST_Request $request Full data about the request.
35 | 	 * @return bool
36 | 	 */
37 | 	public function get_items_permissions_check( $request ) {
38 | 		return apply_filters( 'gumponents_relationship_rest_permission', is_user_logged_in() );
39 | 	}
40 | 
41 | }
42 | 


--------------------------------------------------------------------------------
/inc/rest-api/relationship/class-posts-controller.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Posts Rest API Controller.
  4 |  *
  5 |  * @package gumponents
  6 |  */
  7 | 
  8 | namespace JB\Gumponents\RestApi\Relationship;
  9 | 
 10 | use WP_REST_Request;
 11 | use WP_REST_Response;
 12 | use WP_Query;
 13 | 
 14 | /**
 15 |  * Class Rest.
 16 |  */
 17 | class PostsController extends Controller {
 18 | 
 19 | 	/**
 20 | 	 * Store search term.
 21 | 	 *
 22 | 	 * @var string Search term.
 23 | 	 */
 24 | 	private $search = '';
 25 | 
 26 | 	/**
 27 | 	 * Register the routes for the objects of the controller.
 28 | 	 */
 29 | 	public function register_routes() {
 30 | 
 31 | 		// Initialize route.
 32 | 		register_rest_route(
 33 | 			$this->namespace,
 34 | 			'/posts/initialize',
 35 | 			array(
 36 | 				'methods'             => 'POST',
 37 | 				'callback'            => array( $this, 'get_initial_items' ),
 38 | 				'permission_callback' => array( $this, 'get_items_permissions_check' ),
 39 | 				'args'                => array(
 40 | 					'items'      => array(
 41 | 						'required'    => true,
 42 | 						'type'        => 'array',
 43 | 						'description' => __( 'Items', 'gumponents' ),
 44 | 						'items'       => array(
 45 | 							'type'              => 'integer',
 46 | 							'sanitize_callback' => 'sanitize_text_field',
 47 | 						),
 48 | 						'default'     => [],
 49 | 					),
 50 | 					'post_types' => array(
 51 | 						'required'    => true,
 52 | 						'type'        => 'array',
 53 | 						'description' => __( 'Post Types', 'gumponents' ),
 54 | 						'items'       => array(
 55 | 							'type'              => 'string',
 56 | 							'sanitize_callback' => 'sanitize_text_field',
 57 | 						),
 58 | 						'default'     => [ 'post' ],
 59 | 					),
 60 | 				),
 61 | 			)
 62 | 		);
 63 | 
 64 | 		// Query route.
 65 | 		register_rest_route(
 66 | 			$this->namespace,
 67 | 			'/posts/query',
 68 | 			array(
 69 | 				'methods'             => 'POST',
 70 | 				'callback'            => array( $this, 'get_items' ),
 71 | 				'permission_callback' => array( $this, 'get_items_permissions_check' ),
 72 | 				'args'                => array(
 73 | 					'search'          => array(
 74 | 						'required'          => true,
 75 | 						'type'              => 'string',
 76 | 						'description'       => __( 'Search Term', 'gumponents' ),
 77 | 						'sanitize_callback' => 'sanitize_text_field',
 78 | 						'default'           => '',
 79 | 					),
 80 | 					'post_types'      => array(
 81 | 						'required'    => true,
 82 | 						'type'        => 'array',
 83 | 						'description' => __( 'Post Types', 'gumponents' ),
 84 | 						'items'       => array(
 85 | 							'type'              => 'string',
 86 | 							'sanitize_callback' => 'sanitize_text_field',
 87 | 						),
 88 | 						'default'     => [ 'post' ],
 89 | 					),
 90 | 					'post_taxonomies' => array(
 91 | 						'required'    => false,
 92 | 						'type'        => 'array',
 93 | 						'description' => __( 'Post Taxonomies', 'gumponents' ),
 94 | 						'default'     => [],
 95 | 					),
 96 | 					'post_status'     => array(
 97 | 						'required'    => false,
 98 | 						'type'        => 'object',
 99 | 						'description' => __( 'Post Status', 'gumponents' ),
100 | 						'items'       => array(
101 | 							'type'              => 'string',
102 | 							'sanitize_callback' => 'sanitize_text_field',
103 | 						),
104 | 						'default'     => [ 'publish' ],
105 | 					),
106 | 					'filter'          => array(
107 | 						'required'          => false,
108 | 						'type'              => 'string',
109 | 						'description'       => __( 'Custom Filter', 'gumponents' ),
110 | 						'sanitize_callback' => 'sanitize_text_field',
111 | 					),
112 | 				),
113 | 			)
114 | 		);
115 | 
116 | 	}
117 | 
118 | 	/**
119 | 	 * API: Initialize items.
120 | 	 *
121 | 	 * @param WP_REST_Request $request API Request.
122 | 	 * @return WP_REST_Response
123 | 	 */
124 | 	public function get_initial_items( $request ) {
125 | 		$params = $request->get_params();
126 | 
127 | 		$args = array(
128 | 			'post_type'      => $params['post_types'],
129 | 			'posts_per_page' => -1,
130 | 			'post__in'       => $params['items'],
131 | 			'no_found_rows'  => true,
132 | 			'orderby'        => 'post__in',
133 | 		);
134 | 
135 | 		$args = apply_filters(
136 | 			'gumponents_posts_relationship_initial_items_query',
137 | 			$args,
138 | 			$params
139 | 		);
140 | 
141 | 		$results = new WP_Query( $args );
142 | 
143 | 		if ( empty( $results->posts ) ) {
144 | 			return rest_ensure_response( [] );
145 | 		}
146 | 
147 | 		$result_posts = [];
148 | 		foreach ( $results->posts as $result ) {
149 | 			$result_posts[] = array(
150 | 				'id'    => $result->ID,
151 | 				'value' => $result,
152 | 				'label' => $result->post_title,
153 | 			);
154 | 		}
155 | 
156 | 		return rest_ensure_response( $result_posts );
157 | 	}
158 | 
159 | 	/**
160 | 	 * API: Get items query.
161 | 	 *
162 | 	 * @param WP_REST_Request $request API Request.
163 | 	 * @return WP_REST_Response
164 | 	 */
165 | 	public function get_items( $request ) {
166 | 		$params = $request->get_params();
167 | 
168 | 		$this->search = $params['search'];
169 | 		$filter       = ! empty( $params['filter'] ) ? '_' . $params['filter'] : '';
170 | 
171 | 		$args = array(
172 | 			'post_status'    => $params['post_status'] ?? 'publish',
173 | 			'post_type'      => $params['post_types'],
174 | 			'posts_per_page' => 20,
175 | 			'no_found_rows'  => true,
176 | 		);
177 | 
178 | 		if ( ! empty( $params['post_taxonomies'] ) ) {
179 | 			$args['tax_query'] = array(
180 | 				'relation' => 'OR',
181 | 			);
182 | 			foreach ( $params['post_taxonomies'] as $post_taxonomy ) {
183 | 				foreach ( $post_taxonomy as $taxonomy => $slugs ) {
184 | 					$args['tax_query'][] = array(
185 | 						'taxonomy' => $taxonomy,
186 | 						'field'    => 'slug',
187 | 						'terms'    => $slugs,
188 | 					);
189 | 				}
190 | 			}
191 | 		}
192 | 
193 | 		$args = apply_filters(
194 | 			'gumponents_posts_relationship_query' . $filter,
195 | 			$args,
196 | 			$params
197 | 		);
198 | 
199 | 		$search_title = apply_filters( 'gumponents_posts_relationship_query_search_title', true );
200 | 
201 | 		if ( $search_title ) {
202 | 			add_filter( 'posts_where', array( $this, 'title_where_filter' ) );
203 | 		}
204 | 		$results = new WP_Query( $args );
205 | 		if ( $search_title ) {
206 | 			remove_filter( 'posts_where', array( $this, 'title_where_filter' ) );
207 | 		}
208 | 
209 | 		if ( empty( $results->posts ) ) {
210 | 			return rest_ensure_response( [] );
211 | 		}
212 | 
213 | 		$result_posts = [];
214 | 		foreach ( $results->posts as $result ) {
215 | 			$result_posts[] = array(
216 | 				'id'    => $result->ID,
217 | 				'value' => $result,
218 | 				'label' => 'draft' === $result->post_status ? sprintf( '%s %s', $result->post_title, '(Draft)' ) : $result->post_title,
219 | 			);
220 | 		}
221 | 
222 | 		return rest_ensure_response(
223 | 			apply_filters(
224 | 				'gumponents_posts_relationship_results' . $filter,
225 | 				$result_posts,
226 | 				$params
227 | 			)
228 | 		);
229 | 	}
230 | 
231 | 	/**
232 | 	 * Update MySQL WHERE statement.
233 | 	 *
234 | 	 * @param string $where WHERE statement.
235 | 	 * @return string
236 | 	 */
237 | 	public function title_where_filter( $where = '' ) {
238 | 		global $wpdb;
239 | 		$where .= " AND {$wpdb->posts}.post_title LIKE '%" . esc_sql( $wpdb->esc_like( $this->search ) ) . "%'";
240 | 		return $where;
241 | 	}
242 | 
243 | }
244 | 


--------------------------------------------------------------------------------
/inc/rest-api/relationship/class-taxonomies-controller.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Posts Rest API Controller.
  4 |  *
  5 |  * @package gumponents
  6 |  */
  7 | 
  8 | namespace JB\Gumponents\RestApi\Relationship;
  9 | 
 10 | use WP_REST_Request;
 11 | use WP_REST_Response;
 12 | use WP_Query;
 13 | 
 14 | /**
 15 |  * Class Rest.
 16 |  */
 17 | class TaxonomiesController extends Controller {
 18 | 
 19 | 	/**
 20 | 	 * Register the routes for the objects of the controller.
 21 | 	 */
 22 | 	public function register_routes() {
 23 | 
 24 | 		// Initialize route.
 25 | 		register_rest_route(
 26 | 			$this->namespace,
 27 | 			'/taxonomies/initialize',
 28 | 			array(
 29 | 				'methods'             => 'POST',
 30 | 				'callback'            => array( $this, 'get_initial_items' ),
 31 | 				'permission_callback' => array( $this, 'get_items_permissions_check' ),
 32 | 				'args'                => array(
 33 | 					'items' => array(
 34 | 						'required'    => true,
 35 | 						'type'        => 'array',
 36 | 						'description' => __( 'Items', 'gumponents' ),
 37 | 						'items'       => array(
 38 | 							'type'              => 'integer',
 39 | 							'sanitize_callback' => 'sanitize_text_field',
 40 | 						),
 41 | 						'default'     => [],
 42 | 					),
 43 | 				),
 44 | 			)
 45 | 		);
 46 | 
 47 | 		// Query route.
 48 | 		register_rest_route(
 49 | 			$this->namespace,
 50 | 			'/taxonomies/query',
 51 | 			array(
 52 | 				'methods'             => 'POST',
 53 | 				'callback'            => array( $this, 'get_items' ),
 54 | 				'permission_callback' => array( $this, 'get_items_permissions_check' ),
 55 | 				'args'                => array(
 56 | 					'search'     => array(
 57 | 						'required'          => true,
 58 | 						'type'              => 'string',
 59 | 						'description'       => __( 'Search Term', 'gumponents' ),
 60 | 						'sanitize_callback' => 'sanitize_text_field',
 61 | 						'default'           => '',
 62 | 					),
 63 | 					'taxonomies' => array(
 64 | 						'required'    => false,
 65 | 						'type'        => 'array',
 66 | 						'description' => __( 'Taxonomies', 'gumponents' ),
 67 | 						'default'     => [],
 68 | 					),
 69 | 					'filter'     => array(
 70 | 						'required'          => false,
 71 | 						'type'              => 'string',
 72 | 						'description'       => __( 'Custom Filter', 'gumponents' ),
 73 | 						'sanitize_callback' => 'sanitize_text_field',
 74 | 					),
 75 | 				),
 76 | 			)
 77 | 		);
 78 | 
 79 | 	}
 80 | 
 81 | 	/**
 82 | 	 * Initialize taxonomy items.
 83 | 	 *
 84 | 	 * @param array $params API params.
 85 | 	 * @return WP_REST_Response
 86 | 	 */
 87 | 	public function get_initial_items( $params ) {
 88 | 		$results = get_terms( array(
 89 | 			'include'    => $params['items'],
 90 | 			'orderby'    => 'include',
 91 | 			'hide_empty' => false,
 92 | 		) );
 93 | 
 94 | 		if ( empty( $results ) || is_wp_error( $results ) ) {
 95 | 			return rest_ensure_response( [] );
 96 | 		}
 97 | 
 98 | 		$result_terms = [];
 99 | 		foreach ( $results as $result ) {
100 | 			$result_terms[] = array(
101 | 				'id'    => $result->term_id,
102 | 				'value' => $result,
103 | 				'label' => $result->name,
104 | 			);
105 | 		}
106 | 
107 | 		return rest_ensure_response( $result_terms );
108 | 	}
109 | 
110 | 	/**
111 | 	 * API: Get items query.
112 | 	 *
113 | 	 * @param WP_REST_Request $request API Request.
114 | 	 * @return WP_REST_Response
115 | 	 */
116 | 	public function get_items( $request ) {
117 | 		$params = $request->get_params();
118 | 
119 | 		$filter = ! empty( $params['filter'] ) ? '_' . $params['filter'] : '';
120 | 		$args   = apply_filters(
121 | 			'gumponents_taxonomies_relationship_query' . $filter,
122 | 			array(
123 | 				'taxonomy'   => $params['taxonomies'],
124 | 				'name__like' => $params['search'],
125 | 				'hide_empty' => false,
126 | 			)
127 | 		);
128 | 
129 | 		$results = get_terms( $args );
130 | 
131 | 		if ( empty( $results ) || is_wp_error( $results ) ) {
132 | 			return rest_ensure_response( [] );
133 | 		}
134 | 
135 | 		$result_terms = [];
136 | 		foreach ( $results as $result ) {
137 | 			$result_terms[] = array(
138 | 				'id'    => $result->term_id,
139 | 				'value' => $result,
140 | 				'label' => $result->name,
141 | 			);
142 | 		}
143 | 
144 | 		return rest_ensure_response(
145 | 			apply_filters(
146 | 				'gumponents_relationship_results' . $filter,
147 | 				$result_terms,
148 | 				$params
149 | 			)
150 | 		);
151 | 	}
152 | 
153 | }
154 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gumponents",
 3 |   "description": "Essential Gutenberg components for WordPress.",
 4 |   "scripts": {
 5 |     "build": "webpack --config ./webpack.config.js --mode production --env=production",
 6 |     "dev": "webpack --config ./webpack.config.js --mode production --env=development --watch",
 7 |     "lint": "npm run lint-js && npm run lint-css && composer run lint",
 8 |     "lint-js": "eslint assets/src",
 9 |     "lint-css": "stylelint assets/src"
10 |   },
11 |   "author": "Junaid Bhura",
12 |   "license": "MIT",
13 |   "devDependencies": {
14 |     "@wordpress/eslint-plugin": "^4.1.0",
15 |     "eslint": "^6.8.0",
16 |     "stylelint": "^10.1.0",
17 |     "stylelint-config-wordpress": "^14.0.0"
18 |   },
19 |   "dependencies": {
20 |     "@babel/core": "^7.18.10",
21 |     "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
22 |     "@babel/plugin-transform-react-jsx": "^7.18.10",
23 |     "@babel/preset-env": "^7.18.10",
24 |     "@wordpress/browserslist-config": "^4.1.2",
25 |     "babel-loader": "^8.2.5",
26 |     "classnames": "^2.3.1",
27 |     "css-loader": "^6.7.1",
28 |     "mini-css-extract-plugin": "^2.6.1",
29 |     "react-beautiful-dnd": "^13.0.0",
30 |     "react-select": "^5.8.0",
31 |     "sass": "^1.54.2",
32 |     "sass-loader": "^13.0.2",
33 |     "terser-webpack-plugin": "^5.3.3",
34 |     "webpack": "^5.74.0",
35 |     "webpack-cli": "^4.10.0",
36 |     "webpack-notifier": "^1.15.0"
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/phpcs.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <ruleset name="WordPress Coding Standards">
 3 | 	<rule ref="WordPress-Extra">
 4 | 		<exclude name="WordPress.Files.FileName.InvalidClassFileName" />
 5 | 		<exclude name="PEAR.Functions.FunctionCallSignature.MultipleArguments" />
 6 | 		<exclude name="PEAR.Functions.FunctionCallSignature.CloseBracketLine" />
 7 | 		<exclude name="PEAR.Functions.FunctionCallSignature.ContentAfterOpenBracket" />
 8 | 		<exclude name="WordPress.Security.EscapeOutput.DeprecatedWhitelistCommentFound" />
 9 | 		<exclude name="Generic.Arrays.DisallowShortArraySyntax.Found" />
10 | 		<exclude name="Generic.WhiteSpace.ArbitraryParenthesesSpacing.FoundEmpty" />
11 | 	</rule>
12 | 	<rule ref="WordPress-Docs" />
13 | 
14 | 	<!-- Check all PHP files in directory tree by default. -->
15 | 	<arg name="extensions" value="php" />
16 | 
17 | 	<!-- Show progress and sniff codes in all reports -->
18 | 	<arg value="ps" />
19 | 	<file>.</file>
20 | 
21 | 	<exclude-pattern>*/node_modules/*</exclude-pattern>
22 | 	<exclude-pattern>*/vendor/*</exclude-pattern>
23 | </ruleset>
24 | 


--------------------------------------------------------------------------------
/phpunit.xml.dist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <phpunit
 3 | 	bootstrap=".tests/bootstrap.php"
 4 | 	backupGlobals="false"
 5 | 	colors="true"
 6 | 	convertErrorsToExceptions="true"
 7 | 	convertNoticesToExceptions="true"
 8 | 	convertWarningsToExceptions="true"
 9 | 	>
10 | 	<testsuites>
11 | 		<testsuite>
12 | 			<directory prefix="test-" suffix=".php">./.tests/</directory>
13 | 		</testsuite>
14 | 	</testsuites>
15 | </phpunit>
16 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | // External dependencies.
 2 | const MiniCssExtractPlugin = require( 'mini-css-extract-plugin' );
 3 | const WebpackNotifierPlugin = require( 'webpack-notifier' );
 4 | const TerserPlugin = require( 'terser-webpack-plugin' );
 5 | 
 6 | module.exports = ( env ) => {
 7 | 	// Build configuration.
 8 | 	let config = {
 9 | 		entry: './assets/src/index.js',
10 | 		module: {
11 | 			rules: [
12 | 				{
13 | 					test: /\.(js|jsx)$/,
14 | 					exclude: /node_modules/,
15 | 					loader: 'babel-loader',
16 | 					options: {
17 | 						babelrc: false,
18 | 						presets: [
19 | 							[
20 | 								'@babel/preset-env',
21 | 								{
22 | 									modules: false,
23 | 									targets: { browsers: [ 'extends @wordpress/browserslist-config' ] },
24 | 								},
25 | 							],
26 | 						],
27 | 						plugins: [
28 | 							'@babel/plugin-transform-react-jsx',
29 | 							'@babel/plugin-proposal-object-rest-spread',
30 | 						],
31 | 					},
32 | 				},
33 | 				{
34 | 					test: /\.(sa|sc|c)ss$/,
35 | 					use: [
36 | 						MiniCssExtractPlugin.loader,
37 | 						'css-loader',
38 | 						{
39 | 							loader: 'sass-loader',
40 | 							options: {
41 | 								sassOptions: {
42 | 									outputStyle: 'compressed',
43 | 								},
44 | 							},
45 | 						},
46 | 					],
47 | 				},
48 | 			],
49 | 		},
50 | 		resolve: {
51 | 			extensions: [ '*', '.js', '.jsx' ],
52 | 		},
53 | 		output: {
54 | 			path: __dirname,
55 | 			filename: 'assets/dist/blocks.js',
56 | 			publicPath: '/',
57 | 			libraryTarget: 'this',
58 | 		},
59 | 		optimization: {
60 | 			minimize: true,
61 | 			minimizer: [ new TerserPlugin( {
62 | 				parallel: true,
63 | 				terserOptions: {
64 | 					format: {
65 | 						comments: false,
66 | 					},
67 | 				},
68 | 				extractComments: false,
69 | 			} ) ],
70 | 		},
71 | 		plugins: [
72 | 			new MiniCssExtractPlugin( {
73 | 				filename: 'assets/dist/editor.css',
74 | 			} ),
75 | 		],
76 | 		externals: {
77 | 			react: 'React',
78 | 			'react-dom': 'ReactDOM',
79 | 			wp: 'wp',
80 | 		},
81 | 		performance: {
82 | 			hints: false,
83 | 		},
84 | 	};
85 | 
86 | 	// Notification for dev.
87 | 	if ( 'development' === env ) {
88 | 		config.plugins.push( new WebpackNotifierPlugin( {
89 | 			title: 'Gumponents',
90 | 			alwaysNotify: true,
91 | 		} ) );
92 | 	}
93 | 
94 | 	return config;
95 | };
96 | 


--------------------------------------------------------------------------------