# extendify/3.1.2/src/Library/library.js

Extendify, version 3.1.2. 29 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.1.2/code/src/Library/library.js
- Raw: https://pluginprobe.com/plugins/extendify/3.1.2/raw/src/Library/library.js
- Modified: 2026-02-18T22:27:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/3.1.2/code/src/Library/library.js#L10-L20`.

```javascript
import { MainButton } from '@library/components/MainButton';
import { Modal } from '@library/components/Modal';
import { render } from '@shared/lib/dom';
import '@library/library.css';
import { whenEditorIsReady } from '@shared/lib/wp';

whenEditorIsReady().then(() => {
	const id = 'extendify-library-btn';
	const className = 'extendify-library';
	const page = '.editor-document-tools';
	// const fse = '.edit-site-header-edit-mode__start';

	if (document.getElementById(id)) return;
	const btnWrap = document.createElement('div');
	const btn = Object.assign(btnWrap, { id, className });
	render(<MainButton />, btn);
	setTimeout(() => {
		document.querySelector(page)?.after(btn);
		// document.querySelector(fse)?.append(btn);
	}, 300);

	const mdl = 'extendify-library-modal';
	if (document.getElementById(mdl)) return;
	const modalWrap = document.createElement('div');
	const modal = Object.assign(modalWrap, { id: mdl, className });
	document.body.append(modal);
	render(<Modal />, modal);
});

```