diff --git a/modules/same_page_preview/.gitignore b/modules/same_page_preview/.gitignore
deleted file mode 100644
index 485dee64bcfb48793379b200a1afd14e85a8aaf4..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-.idea
diff --git a/modules/same_page_preview/LICENSE.txt b/modules/same_page_preview/LICENSE.txt
deleted file mode 100644
index d159169d1050894d3ea3b98e1c965c4058208fe1..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/LICENSE.txt
+++ /dev/null
@@ -1,339 +0,0 @@
- GNU GENERAL PUBLIC LICENSE
- Version 2, June 1991
-
- Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
- Preamble
-
- The licenses for most software are designed to take away your
-freedom to share and change it. By contrast, the GNU General Public
-License is intended to guarantee your freedom to share and change free
-software--to make sure the software is free for all its users. This
-General Public License applies to most of the Free Software
-Foundation's software and to any other program whose authors commit to
-using it. (Some other Free Software Foundation software is covered by
-the GNU Lesser General Public License instead.) You can apply it to
-your programs, too.
-
- When we speak of free software, we are referring to freedom, not
-price. Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-this service if you wish), that you receive source code or can get it
-if you want it, that you can change the software or use pieces of it
-in new free programs; and that you know you can do these things.
-
- To protect your rights, we need to make restrictions that forbid
-anyone to deny you these rights or to ask you to surrender the rights.
-These restrictions translate to certain responsibilities for you if you
-distribute copies of the software, or if you modify it.
-
- For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must give the recipients all the rights that
-you have. You must make sure that they, too, receive or can get the
-source code. And you must show them these terms so they know their
-rights.
-
- We protect your rights with two steps: (1) copyright the software, and
-(2) offer you this license which gives you legal permission to copy,
-distribute and/or modify the software.
-
- Also, for each author's protection and ours, we want to make certain
-that everyone understands that there is no warranty for this free
-software. If the software is modified by someone else and passed on, we
-want its recipients to know that what they have is not the original, so
-that any problems introduced by others will not reflect on the original
-authors' reputations.
-
- Finally, any free program is threatened constantly by software
-patents. We wish to avoid the danger that redistributors of a free
-program will individually obtain patent licenses, in effect making the
-program proprietary. To prevent this, we have made it clear that any
-patent must be licensed for everyone's free use or not licensed at all.
-
- The precise terms and conditions for copying, distribution and
-modification follow.
-
- GNU GENERAL PUBLIC LICENSE
- TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-
- 0. This License applies to any program or other work which contains
-a notice placed by the copyright holder saying it may be distributed
-under the terms of this General Public License. The "Program", below,
-refers to any such program or work, and a "work based on the Program"
-means either the Program or any derivative work under copyright law:
-that is to say, a work containing the Program or a portion of it,
-either verbatim or with modifications and/or translated into another
-language. (Hereinafter, translation is included without limitation in
-the term "modification".) Each licensee is addressed as "you".
-
-Activities other than copying, distribution and modification are not
-covered by this License; they are outside its scope. The act of
-running the Program is not restricted, and the output from the Program
-is covered only if its contents constitute a work based on the
-Program (independent of having been made by running the Program).
-Whether that is true depends on what the Program does.
-
- 1. You may copy and distribute verbatim copies of the Program's
-source code as you receive it, in any medium, provided that you
-conspicuously and appropriately publish on each copy an appropriate
-copyright notice and disclaimer of warranty; keep intact all the
-notices that refer to this License and to the absence of any warranty;
-and give any other recipients of the Program a copy of this License
-along with the Program.
-
-You may charge a fee for the physical act of transferring a copy, and
-you may at your option offer warranty protection in exchange for a fee.
-
- 2. You may modify your copy or copies of the Program or any portion
-of it, thus forming a work based on the Program, and copy and
-distribute such modifications or work under the terms of Section 1
-above, provided that you also meet all of these conditions:
-
- a) You must cause the modified files to carry prominent notices
- stating that you changed the files and the date of any change.
-
- b) You must cause any work that you distribute or publish, that in
- whole or in part contains or is derived from the Program or any
- part thereof, to be licensed as a whole at no charge to all third
- parties under the terms of this License.
-
- c) If the modified program normally reads commands interactively
- when run, you must cause it, when started running for such
- interactive use in the most ordinary way, to print or display an
- announcement including an appropriate copyright notice and a
- notice that there is no warranty (or else, saying that you provide
- a warranty) and that users may redistribute the program under
- these conditions, and telling the user how to view a copy of this
- License. (Exception: if the Program itself is interactive but
- does not normally print such an announcement, your work based on
- the Program is not required to print an announcement.)
-
-These requirements apply to the modified work as a whole. If
-identifiable sections of that work are not derived from the Program,
-and can be reasonably considered independent and separate works in
-themselves, then this License, and its terms, do not apply to those
-sections when you distribute them as separate works. But when you
-distribute the same sections as part of a whole which is a work based
-on the Program, the distribution of the whole must be on the terms of
-this License, whose permissions for other licensees extend to the
-entire whole, and thus to each and every part regardless of who wrote it.
-
-Thus, it is not the intent of this section to claim rights or contest
-your rights to work written entirely by you; rather, the intent is to
-exercise the right to control the distribution of derivative or
-collective works based on the Program.
-
-In addition, mere aggregation of another work not based on the Program
-with the Program (or with a work based on the Program) on a volume of
-a storage or distribution medium does not bring the other work under
-the scope of this License.
-
- 3. You may copy and distribute the Program (or a work based on it,
-under Section 2) in object code or executable form under the terms of
-Sections 1 and 2 above provided that you also do one of the following:
-
- a) Accompany it with the complete corresponding machine-readable
- source code, which must be distributed under the terms of Sections
- 1 and 2 above on a medium customarily used for software interchange; or,
-
- b) Accompany it with a written offer, valid for at least three
- years, to give any third party, for a charge no more than your
- cost of physically performing source distribution, a complete
- machine-readable copy of the corresponding source code, to be
- distributed under the terms of Sections 1 and 2 above on a medium
- customarily used for software interchange; or,
-
- c) Accompany it with the information you received as to the offer
- to distribute corresponding source code. (This alternative is
- allowed only for noncommercial distribution and only if you
- received the program in object code or executable form with such
- an offer, in accord with Subsection b above.)
-
-The source code for a work means the preferred form of the work for
-making modifications to it. For an executable work, complete source
-code means all the source code for all modules it contains, plus any
-associated interface definition files, plus the scripts used to
-control compilation and installation of the executable. However, as a
-special exception, the source code distributed need not include
-anything that is normally distributed (in either source or binary
-form) with the major components (compiler, kernel, and so on) of the
-operating system on which the executable runs, unless that component
-itself accompanies the executable.
-
-If distribution of executable or object code is made by offering
-access to copy from a designated place, then offering equivalent
-access to copy the source code from the same place counts as
-distribution of the source code, even though third parties are not
-compelled to copy the source along with the object code.
-
- 4. You may not copy, modify, sublicense, or distribute the Program
-except as expressly provided under this License. Any attempt
-otherwise to copy, modify, sublicense or distribute the Program is
-void, and will automatically terminate your rights under this License.
-However, parties who have received copies, or rights, from you under
-this License will not have their licenses terminated so long as such
-parties remain in full compliance.
-
- 5. You are not required to accept this License, since you have not
-signed it. However, nothing else grants you permission to modify or
-distribute the Program or its derivative works. These actions are
-prohibited by law if you do not accept this License. Therefore, by
-modifying or distributing the Program (or any work based on the
-Program), you indicate your acceptance of this License to do so, and
-all its terms and conditions for copying, distributing or modifying
-the Program or works based on it.
-
- 6. Each time you redistribute the Program (or any work based on the
-Program), the recipient automatically receives a license from the
-original licensor to copy, distribute or modify the Program subject to
-these terms and conditions. You may not impose any further
-restrictions on the recipients' exercise of the rights granted herein.
-You are not responsible for enforcing compliance by third parties to
-this License.
-
- 7. If, as a consequence of a court judgment or allegation of patent
-infringement or for any other reason (not limited to patent issues),
-conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License. If you cannot
-distribute so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you
-may not distribute the Program at all. For example, if a patent
-license would not permit royalty-free redistribution of the Program by
-all those who receive copies directly or indirectly through you, then
-the only way you could satisfy both it and this License would be to
-refrain entirely from distribution of the Program.
-
-If any portion of this section is held invalid or unenforceable under
-any particular circumstance, the balance of the section is intended to
-apply and the section as a whole is intended to apply in other
-circumstances.
-
-It is not the purpose of this section to induce you to infringe any
-patents or other property right claims or to contest validity of any
-such claims; this section has the sole purpose of protecting the
-integrity of the free software distribution system, which is
-implemented by public license practices. Many people have made
-generous contributions to the wide range of software distributed
-through that system in reliance on consistent application of that
-system; it is up to the author/donor to decide if he or she is willing
-to distribute software through any other system and a licensee cannot
-impose that choice.
-
-This section is intended to make thoroughly clear what is believed to
-be a consequence of the rest of this License.
-
- 8. If the distribution and/or use of the Program is restricted in
-certain countries either by patents or by copyrighted interfaces, the
-original copyright holder who places the Program under this License
-may add an explicit geographical distribution limitation excluding
-those countries, so that distribution is permitted only in or among
-countries not thus excluded. In such case, this License incorporates
-the limitation as if written in the body of this License.
-
- 9. The Free Software Foundation may publish revised and/or new versions
-of the General Public License from time to time. Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-Each version is given a distinguishing version number. If the Program
-specifies a version number of this License which applies to it and "any
-later version", you have the option of following the terms and conditions
-either of that version or of any later version published by the Free
-Software Foundation. If the Program does not specify a version number of
-this License, you may choose any version ever published by the Free Software
-Foundation.
-
- 10. If you wish to incorporate parts of the Program into other free
-programs whose distribution conditions are different, write to the author
-to ask for permission. For software which is copyrighted by the Free
-Software Foundation, write to the Free Software Foundation; we sometimes
-make exceptions for this. Our decision will be guided by the two goals
-of preserving the free status of all derivatives of our free software and
-of promoting the sharing and reuse of software generally.
-
- NO WARRANTY
-
- 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
-FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
-OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
-PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
-OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
-TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
-PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
-REPAIR OR CORRECTION.
-
- 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
-REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
-INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
-OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
-TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
-YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
-PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGES.
-
- END OF TERMS AND CONDITIONS
-
- How to Apply These Terms to Your New Programs
-
- If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
- To do so, attach the following notices to the program. It is safest
-to attach them to the start of each source file to most effectively
-convey the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
- <one line to give the program's name and a brief idea of what it does.>
- Copyright (C) <year> <name of author>
-
- This program is free software; you can redistribute it and/or modify
- it under the terms of the GNU General Public License as published by
- the Free Software Foundation; either version 2 of the License, or
- (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License along
- with this program; if not, write to the Free Software Foundation, Inc.,
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
-
-Also add information on how to contact you by electronic and paper mail.
-
-If the program is interactive, make it output a short notice like this
-when it starts in an interactive mode:
-
- Gnomovision version 69, Copyright (C) year name of author
- Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
- This is free software, and you are welcome to redistribute it
- under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License. Of course, the commands you use may
-be called something other than `show w' and `show c'; they could even be
-mouse-clicks or menu items--whatever suits your program.
-
-You should also get your employer (if you work as a programmer) or your
-school, if any, to sign a "copyright disclaimer" for the program, if
-necessary. Here is a sample; alter the names:
-
- Yoyodyne, Inc., hereby disclaims all copyright interest in the program
- `Gnomovision' (which makes passes at compilers) written by James Hacker.
-
- <signature of Ty Coon>, 1 April 1989
- Ty Coon, President of Vice
-
-This General Public License does not permit incorporating your program into
-proprietary programs. If your program is a subroutine library, you may
-consider it more useful to permit linking proprietary applications with the
-library. If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.
diff --git a/modules/same_page_preview/README.md b/modules/same_page_preview/README.md
deleted file mode 100644
index 479451f0514419b478177e1524ddd03aab8b04ef..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Same Page Preview
-
-## Description
-Provide a side-by-side preview of the current page in the same window.
-
-## Requirements
-The current version of Same Page Preview requires the following:
-* Drupal 10.1
-* Single Directory Components (SDC) experimental module.
diff --git a/modules/same_page_preview/components/button-group/button-group.component.yml b/modules/same_page_preview/components/button-group/button-group.component.yml
deleted file mode 100644
index 9b31084ccffa44d5c73c69b9df50322ec5e00c20..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/button-group/button-group.component.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
-name: SPP Button Group
-description: Combine the gear with other buttons
-
-libraryOverrides:
- dependencies:
- - core/drupal.dialog.ajax
-
-props:
- type: object
- additionalProperties: false
- properties:
- this:
- type: string
- title: This
- that:
- type: string
- title: That
diff --git a/modules/same_page_preview/components/button-group/button-group.stories.yml b/modules/same_page_preview/components/button-group/button-group.stories.yml
deleted file mode 100644
index 4a0250570b668d49920617f9d113aa6ca6a26abd..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/button-group/button-group.stories.yml
+++ /dev/null
@@ -1,5 +0,0 @@
-title: Core/SPP/SPP Button Group
-description: Test the buttons together
-
-stories:
- - name: 1. Default
diff --git a/modules/same_page_preview/components/button-group/button-group.twig b/modules/same_page_preview/components/button-group/button-group.twig
deleted file mode 100644
index 8c4609abb472a6aa2fb72238d4ab45199b4d8e42..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/button-group/button-group.twig
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="button-group">
- {{ include('same_page_preview:spp-button', {iconType: 'settings', label: 'Settings'}) }}
- {{ include('same_page_preview:spp-button--link', {iconType: 'new-window', label: 'New Window'}) }}
- {{ include('same_page_preview:spp-button', {iconType: 'full-screen', label: 'Full Screen'}) }}
-</div>
diff --git a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.component.yml b/modules/same_page_preview/components/fullscreen-button/fullscreen-button.component.yml
deleted file mode 100644
index 933c5796fb301f7599c72ef875bcb30ecfaf7b56..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.component.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
-name: Button
-description: A button that opens the preview in a new window.
-
-libraryOverrides:
- dependencies:
- - core/drupal.dialog.ajax
-
-props:
- type: object
- additionalProperties: false
- properties:
- iconType:
- type: string
- title: Icon Type
- label:
- type: string
- title: label
diff --git a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.css b/modules/same_page_preview/components/fullscreen-button/fullscreen-button.css
deleted file mode 100644
index 9fbc2a49576bb26cdc7038c734fb92f9e9837b2d..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.spp-button-wrapper {
- display: inline-flex;
-}
-
-svg {
- display: inline-flex;
- width: 16px;
- height: 16px;
- background-color: currentColor;
- vertical-align: text-bottom;
-}
-
-.full-screen, .full-screen.off {
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z'/%3E%3C/g%3E%3C/svg%3E%0A");
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z'/%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.full-screen.on {
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z'/%3E%3C/g%3E%3C/svg%3E%0A");
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z'/%3E%3C/g%3E%3C/svg%3E%0A");
-}
diff --git a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.js b/modules/same_page_preview/components/fullscreen-button/fullscreen-button.js
deleted file mode 100644
index 3df8a85b248eb6eb45d8fa963c6d325933da4648..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * @file
- * Same Page Preview full screen component
- */
-
-// I don't love that we're using jQuery here, but Drupal's ajax system still
-// seems to be closely tied to it.
-(function ($, Drupal, once) {
- const setting= {
- 'storageName': 'Drupal.samePagePreview.toggleFullscreen',
- 'label': 'Show Full Screen button',
- 'selector': 'toggle-full-screen',
- 'target': "[data-drupal-selector='full-screen']",
- 'default': 1,
- },
- offCanvasDialogSelector = '.same-page-preview-dialog #drupal-off-canvas'
- ;
-
- Drupal.sppFullScreen = {
- init: context => {
- once('sppFullScreen', setting.target, context).forEach(element => Drupal.sppFullScreen.initFullScreenButton());
- },
- initFullScreenButton: () => {
- // Handle null case
- if (localStorage.getItem(setting.storageName) === null) {
- localStorage.setItem(setting.storageName, 1);
- }
- var fullscreenButton = document.querySelector(setting.target);
- if(!fullscreenButton.classList.contains('on') && !fullscreenButton.classList.contains('off')) {
- fullscreenButton.classList.add('off');
- }
- fullscreenButton.addEventListener('click', (event) => {
- Drupal.sppFullScreen.toggleFullscreen(event);
- });
-
- // Turn off the ability to resize the dialog,
- var dialog = $(offCanvasDialogSelector);
- dialog.dialog('option', 'resizable', false);
- },
- toggleFullscreen: (event) => {
- event.preventDefault();
- var element = event.currentTarget;
- var dialog = $(offCanvasDialogSelector);
-
- // If currently active, deactivate. If inactive, activate.
-
- if (element.classList.contains('on')) {
- // Deactivate
- element.classList.remove('on');
- element.classList.add('off');
- element.querySelector('span').innerText = 'Full Screen';
- dialog.dialog('option', 'width', '50%');
- }
- else {
- // Activate
- element.classList.remove('off');
- element.classList.add('on');
- element.querySelector('span').innerText = 'Split Screen';
- dialog.dialog('option', 'width', '100%');
- }
- },
- }
-
- Drupal.behaviors.sppFullScreen = {
- attach: context => {
- Drupal.sppFullScreen.init(context);
- },
- };
-
-})(jQuery, Drupal, once);
diff --git a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.stories.yml b/modules/same_page_preview/components/fullscreen-button/fullscreen-button.stories.yml
deleted file mode 100644
index 35a5309a8675d25f3db6a4f3b81fe03133f039fe..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.stories.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-title: Web/SPP/Full Screen Button
-argTypes:
- iconType:
- defaultValue: settings
- options:
- Settings: settings
- FullScreen: full-screen
- control: radio
-stories:
- - name: 1. Settings Button
- args:
- iconType: settings
- label: Settings
- - name: 2. Full Screen Button
- args:
- iconType: full-screen
- label: Full Screen
-
diff --git a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.twig b/modules/same_page_preview/components/fullscreen-button/fullscreen-button.twig
deleted file mode 100644
index 6635e88d09f947d87520569cc268ef4c26dd6090..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/fullscreen-button/fullscreen-button.twig
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="spp-button-wrapper" data-drupal-selector="full-screen">
- <button {{ attributes.addClass(['button', 'spp-' ~ iconType ~ '-button']) }}>
- <svg class="spp-button-icon {{ iconType }}"></svg>
- <span class="spp-button-text">{{ label }}</span>
- </button>
-</div>
diff --git a/modules/same_page_preview/components/newwindow-button/newwindow-button.component.yml b/modules/same_page_preview/components/newwindow-button/newwindow-button.component.yml
deleted file mode 100644
index e10a81eba72a81fb052d16325d42eac9a03a7208..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/newwindow-button/newwindow-button.component.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
-name: New Window Button
-description: A button that opens the preview in a new window.
-
-libraryOverrides:
- dependencies:
- - core/drupal.dialog.ajax
-
-props:
- type: object
- additionalProperties: false
- properties:
- iconType:
- type: string
- title: Icon Type
- label:
- type: string
- title: label
diff --git a/modules/same_page_preview/components/newwindow-button/newwindow-button.css b/modules/same_page_preview/components/newwindow-button/newwindow-button.css
deleted file mode 100644
index ebe108a5c629428b51988d8a6334baa4c80c5957..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/newwindow-button/newwindow-button.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.spp-button-wrapper {
- display: inline-flex;
-}
-
-svg {
- display: inline-flex;
- width: 16px;
- height: 16px;
- background-color: currentColor;
- vertical-align: text-bottom;
-}
-
-.new-window {
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,2 C5.55228,2 6,2.44772 6,3 C6,3.55228 5.55228,4 5,4 L4,4 L4,12 L12,12 L12,11 C12,10.4477 12.4477,10 13,10 C13.5523,10 14,10.4477 14,11 L14,12 C14,13.1046 13.1046,14 12,14 L4,14 C2.89543,14 2,13.1046 2,12 L2,4 C2,2.89543 2.89543,2 4,2 L5,2 Z M15,1 L15,5.99814453 C15,6.55043453 14.5523,6.99814453 14,6.99814453 C13.4477,6.99814453 13,6.55043453 13,5.99814453 L13,4.41419 L8.71571,8.69846 C8.32519,9.08899 7.69202,9.08899 7.3015,8.69846 C6.91097,8.30794 6.91097,7.67477 7.3015,7.28425 L11.5858,3 L9.99619141,3 C9.44391141,3 8.99619141,2.55228 8.99619141,2 C8.99619141,1.44772 9.44391141,1 9.99619141,1 L15,1 Z'/%3E%3C/svg%3E%0A");
- mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,2 C5.55228,2 6,2.44772 6,3 C6,3.55228 5.55228,4 5,4 L4,4 L4,12 L12,12 L12,11 C12,10.4477 12.4477,10 13,10 C13.5523,10 14,10.4477 14,11 L14,12 C14,13.1046 13.1046,14 12,14 L4,14 C2.89543,14 2,13.1046 2,12 L2,4 C2,2.89543 2.89543,2 4,2 L5,2 Z M15,1 L15,5.99814453 C15,6.55043453 14.5523,6.99814453 14,6.99814453 C13.4477,6.99814453 13,6.55043453 13,5.99814453 L13,4.41419 L8.71571,8.69846 C8.32519,9.08899 7.69202,9.08899 7.3015,8.69846 C6.91097,8.30794 6.91097,7.67477 7.3015,7.28425 L11.5858,3 L9.99619141,3 C9.44391141,3 8.99619141,2.55228 8.99619141,2 C8.99619141,1.44772 9.44391141,1 9.99619141,1 L15,1 Z'/%3E%3C/svg%3E%0A");
-}
-
-.spp-button-wrapper.button a {
- text-decoration: none;
- color: var(--button-fg-color);
-}
diff --git a/modules/same_page_preview/components/newwindow-button/newwindow-button.stories.yml b/modules/same_page_preview/components/newwindow-button/newwindow-button.stories.yml
deleted file mode 100644
index 894cfd200c5162d8dccea208b46e44a62f82d233..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/newwindow-button/newwindow-button.stories.yml
+++ /dev/null
@@ -1,14 +0,0 @@
-title: Web/SPP/New Window Button
-argTypes:
- iconType:
- defaultValue: new-window
- options:
- NewWindow: new-window
- control: radio
-stories:
- - name: 1. New Window Button
- args:
- iconType: new-window
-
- label: New Window
- href: https://www.example.org
diff --git a/modules/same_page_preview/components/newwindow-button/newwindow-button.twig b/modules/same_page_preview/components/newwindow-button/newwindow-button.twig
deleted file mode 100644
index 83cb09121b9eb6203432f4982a0f0215104e5108..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/newwindow-button/newwindow-button.twig
+++ /dev/null
@@ -1,6 +0,0 @@
-<div {{ attributes.addClass(['button']) }} data-drupal-selector="new-window">
- <a href="{{ href }}" target="_blank">
- <svg class="spp-button-icon {{ iconType }}"></svg>
- <span class="spp-button-text">{{ label }}</span>
- </a>
-</div>
diff --git a/modules/same_page_preview/components/settings-button/settings-button.component.yml b/modules/same_page_preview/components/settings-button/settings-button.component.yml
deleted file mode 100644
index 38d3b8ad9e51cec9566b94c7e3bb73ed5b53b768..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/settings-button/settings-button.component.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
-name: Settings button
-description: A button that opens the preview in a new window.
-
-libraryOverrides:
- dependencies:
- - core/drupal.dialog.ajax
-
-props:
- type: object
- additionalProperties: false
- properties:
- iconType:
- type: string
- title: Icon Type
- label:
- type: string
- title: Text
diff --git a/modules/same_page_preview/components/settings-button/settings-button.css b/modules/same_page_preview/components/settings-button/settings-button.css
deleted file mode 100644
index 03253233c1011c60f938d92dfb93bbba5d1cc6f5..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/settings-button/settings-button.css
+++ /dev/null
@@ -1,70 +0,0 @@
-#drupal-off-canvas-wrapper .spp-button-wrapper {
- display: inline-flex;
-}
-
-/* Settings Button */
-#drupal-off-canvas-wrapper .spp-menu {
- display: none;
- position: absolute;
- top: 100px;
- left: 20px;
- color: var(--button-fg-color);
- background-color: var(--button-bg-color);
- padding: 10px 2px;
-}
-
-#drupal-off-canvas-wrapper .spp-menu.spp-settings--open {
- display: block;
-}
-
-#drupal-off-canvas-wrapper ul.spp-menu li {
- list-style: none;
-}
-
-#drupal-off-canvas-wrapper ul.spp-menu li, #drupal-off-canvas-wrapper ul.spp-menu li label {
- padding: 0.5em;
-}
-
-#drupal-off-canvas-wrapper .spp-settings-dropdown__link {
- color: inherit;
- text-decoration: none;
-}
-
-#drupal-off-canvas-wrapper ul.spp-menu li:hover {
- color: var(--color-link);
- background-color: #f5f5f5;
-}
-
-#drupal-off-canvas-wrapper ul.spp-menu li:hover label {
- text-decoration: underline;
-}
-
-/* End of Settings Button */
-
-svg {
- display: inline-flex;
- width: 16px;
- height: 16px;
- background-color: currentColor;
- vertical-align: text-bottom;
-}
-
-.settings {
- -webkit-mask-image: url("data:image/svg+xml,%3csvg width='17' height='17' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.426 8.249C14.471 7.922 14.502 7.591 14.502 7.251C14.502 6.891 14.467 6.541 14.416 6.195L12.141 5.902C12.026 5.476 11.858 5.075 11.643 4.701L13.039 2.893C12.623 2.342 12.133 1.854 11.58 1.441L9.773 2.832C9.4 2.617 8.999 2.449 8.573 2.333L8.281 0.081C7.943 0.033 7.604 0 7.252 0C6.9 0 6.558 0.033 6.22 0.082L5.929 2.333C5.503 2.449 5.103 2.617 4.729 2.832L2.924 1.441C2.372 1.854 1.88 2.342 1.465 2.893L2.86 4.701C2.645 5.075 2.477 5.475 2.361 5.901L0.085 6.195C0.035 6.541 0 6.891 0 7.251C0 7.591 0.031 7.922 0.077 8.249L2.362 8.544C2.477 8.97 2.646 9.37 2.861 9.744L1.444 11.58C1.855 12.13 2.34 12.618 2.887 13.032L4.729 11.612C5.103 11.827 5.503 11.995 5.929 12.11L6.227 14.421C6.564 14.468 6.904 14.501 7.252 14.501C7.6 14.501 7.94 14.468 8.273 14.421L8.572 12.11C8.998 11.995 9.398 11.827 9.773 11.612L11.615 13.032C12.162 12.618 12.646 12.13 13.058 11.58L11.642 9.743C11.857 9.37 12.025 8.97 12.14 8.544L14.426 8.249ZM7.252 9.763C5.846 9.763 4.709 8.626 4.709 7.222C4.709 5.82 5.846 4.681 7.252 4.681C8.654 4.681 9.793 5.819 9.793 7.222C9.793 8.626 8.654 9.763 7.252 9.763Z' fill='%2355565B'/%3e%3c/svg%3e");
- mask-image: url("data:image/svg+xml,%3csvg width='17' height='17' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.426 8.249C14.471 7.922 14.502 7.591 14.502 7.251C14.502 6.891 14.467 6.541 14.416 6.195L12.141 5.902C12.026 5.476 11.858 5.075 11.643 4.701L13.039 2.893C12.623 2.342 12.133 1.854 11.58 1.441L9.773 2.832C9.4 2.617 8.999 2.449 8.573 2.333L8.281 0.081C7.943 0.033 7.604 0 7.252 0C6.9 0 6.558 0.033 6.22 0.082L5.929 2.333C5.503 2.449 5.103 2.617 4.729 2.832L2.924 1.441C2.372 1.854 1.88 2.342 1.465 2.893L2.86 4.701C2.645 5.075 2.477 5.475 2.361 5.901L0.085 6.195C0.035 6.541 0 6.891 0 7.251C0 7.591 0.031 7.922 0.077 8.249L2.362 8.544C2.477 8.97 2.646 9.37 2.861 9.744L1.444 11.58C1.855 12.13 2.34 12.618 2.887 13.032L4.729 11.612C5.103 11.827 5.503 11.995 5.929 12.11L6.227 14.421C6.564 14.468 6.904 14.501 7.252 14.501C7.6 14.501 7.94 14.468 8.273 14.421L8.572 12.11C8.998 11.995 9.398 11.827 9.773 11.612L11.615 13.032C12.162 12.618 12.646 12.13 13.058 11.58L11.642 9.743C11.857 9.37 12.025 8.97 12.14 8.544L14.426 8.249ZM7.252 9.763C5.846 9.763 4.709 8.626 4.709 7.222C4.709 5.82 5.846 4.681 7.252 4.681C8.654 4.681 9.793 5.819 9.793 7.222C9.793 8.626 8.654 9.763 7.252 9.763Z' fill='%2355565B'/%3e%3c/svg%3e");
-}
-
-.new-window {
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,2 C5.55228,2 6,2.44772 6,3 C6,3.55228 5.55228,4 5,4 L4,4 L4,12 L12,12 L12,11 C12,10.4477 12.4477,10 13,10 C13.5523,10 14,10.4477 14,11 L14,12 C14,13.1046 13.1046,14 12,14 L4,14 C2.89543,14 2,13.1046 2,12 L2,4 C2,2.89543 2.89543,2 4,2 L5,2 Z M15,1 L15,5.99814453 C15,6.55043453 14.5523,6.99814453 14,6.99814453 C13.4477,6.99814453 13,6.55043453 13,5.99814453 L13,4.41419 L8.71571,8.69846 C8.32519,9.08899 7.69202,9.08899 7.3015,8.69846 C6.91097,8.30794 6.91097,7.67477 7.3015,7.28425 L11.5858,3 L9.99619141,3 C9.44391141,3 8.99619141,2.55228 8.99619141,2 C8.99619141,1.44772 9.44391141,1 9.99619141,1 L15,1 Z'/%3E%3C/svg%3E%0A");
- mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,2 C5.55228,2 6,2.44772 6,3 C6,3.55228 5.55228,4 5,4 L4,4 L4,12 L12,12 L12,11 C12,10.4477 12.4477,10 13,10 C13.5523,10 14,10.4477 14,11 L14,12 C14,13.1046 13.1046,14 12,14 L4,14 C2.89543,14 2,13.1046 2,12 L2,4 C2,2.89543 2.89543,2 4,2 L5,2 Z M15,1 L15,5.99814453 C15,6.55043453 14.5523,6.99814453 14,6.99814453 C13.4477,6.99814453 13,6.55043453 13,5.99814453 L13,4.41419 L8.71571,8.69846 C8.32519,9.08899 7.69202,9.08899 7.3015,8.69846 C6.91097,8.30794 6.91097,7.67477 7.3015,7.28425 L11.5858,3 L9.99619141,3 C9.44391141,3 8.99619141,2.55228 8.99619141,2 C8.99619141,1.44772 9.44391141,1 9.99619141,1 L15,1 Z'/%3E%3C/svg%3E%0A");
-}
-
-.full-screen, .full-screen.off {
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z'/%3E%3C/g%3E%3C/svg%3E%0A");
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z'/%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.full-screen.on {
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z'/%3E%3C/g%3E%3C/svg%3E%0A");
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z'/%3E%3C/g%3E%3C/svg%3E%0A");
-}
diff --git a/modules/same_page_preview/components/settings-button/settings-button.js b/modules/same_page_preview/components/settings-button/settings-button.js
deleted file mode 100644
index 663b381245883d8244e56cc04b2743d41e229b8a..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/settings-button/settings-button.js
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * @file
- * Same Page Preview setting component
- */
-
-// I don't love that we're using jQuery here, but Drupal's ajax system still
-// seems to be closely tied to it.
-(function (Drupal, once) {
- Drupal.sppSettings = {
-
- init: context => {
- once('sppSettings', '.spp-settings-wrapper', context).forEach(() => Drupal.sppSettings.createLocalSettingsWidget());
- },
-
- toggleVisibility: (selector, show) => {
- const element = document.querySelector(selector);
- if (show) {
- element.classList.remove('visually-hidden');
- } else {
- element.classList.add('visually-hidden');
- }
- },
-
- createLocalSettingsWidget: () => {
- // @see same_page_preview.js
- let settings = Drupal.samePagePreview.settings;
-
- // Define Markup
- var settingsList = document.createElement('ul');
- settingsList.classList.add('menu', 'spp-menu', 'dropdown-menu-dark');
- // Add the options to the dropdown menu
- for (const [key, setting] of Object.entries(settings)) {
- // Check if the setting is already stored in local storage
- if (localStorage.getItem(setting.storageName) === null) {
- localStorage.setItem(setting.storageName, setting.default);
- }
-
- // Create checkbox that manages the display of the setting
- var checkbox = document.createElement('input');
- checkbox.type = 'checkbox';
- checkbox.id = setting.selector + '-checkbox';
- checkbox.checked = localStorage.getItem(setting.storageName) === '1';
-
- // Wrap checkbox in a clickable link
- var settingLink = document.createElement('a');
- settingLink.setAttribute('data-drupal-selector', setting.selector);
- settingLink.className = 'spp-settings-dropdown__link';
- settingLink.href = '#';
-
- var settingLinkLabel = document.createElement('label');
- settingLinkLabel.textContent = setting.label;
- settingLinkLabel.htmlFor = setting.selector + '-checkbox';
- settingLink.appendChild(settingLinkLabel);
-
- settingLink.insertBefore(checkbox, settingLink.firstChild);
-
- // Toggle targeted element per listed setting.
- settingLink.addEventListener('click', (event) => {
- event.preventDefault();
-
- const checkbox = document.querySelector('#' + setting.selector + '-checkbox');
- checkbox.checked = !checkbox.checked;
- localStorage.setItem(setting.storageName, checkbox.checked ? 1 : 0);
- if (setting.target !== undefined) {
- Drupal.sppSettings.toggleVisibility(setting.target, checkbox.checked);
- }
- });
-
- if (setting.target !== undefined) {
- // Process the initial state of the setting.
- Drupal.sppSettings.toggleVisibility(setting.target, checkbox.checked);
- }
-
- //Wrap link in a list item. Add item to the list
- var settingItem = document.createElement('li');
- settingItem.className = 'spp-settings-dropdown__item';
- settingItem.appendChild(settingLink);
- settingsList.appendChild(settingItem);
- }
-
- // Inject markup
-
- var button_group = document.querySelector('.spp-settings-wrapper');
- button_group.appendChild(settingsList);
-
- // Events
-
- var button = document.querySelector('[data-component-id=\'same_page_preview:settings-button\']');
- button.addEventListener('click', (event) => {
- event.preventDefault();
- const menu = document.querySelector('.spp-menu');
- menu.classList.toggle('spp-settings--open');
- });
- },
- }
-
- Drupal.behaviors.sppSettings = {
- attach: context => {
- Drupal.sppSettings.init(context);
- },
- };
-
-})(Drupal, once);
diff --git a/modules/same_page_preview/components/settings-button/settings-button.stories.yml b/modules/same_page_preview/components/settings-button/settings-button.stories.yml
deleted file mode 100644
index 454fe52cda76e2c3f338b3017dfc430abf74c60c..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/settings-button/settings-button.stories.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-title: Web/SPP/Settings Button
-argTypes:
- iconType:
- defaultValue: settings
- options:
- Settings: settings
- FullScreen: full-screen
- control: radio
-stories:
- - name: 1. Settings Button
- args:
- iconType: settings
- label: Settings
- - name: 2. Full Screen Button
- args:
- iconType: full-screen
- label: Full Screen
-
diff --git a/modules/same_page_preview/components/settings-button/settings-button.twig b/modules/same_page_preview/components/settings-button/settings-button.twig
deleted file mode 100644
index afca26f40597b1a62e768098fde898f3599a165c..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/components/settings-button/settings-button.twig
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="spp-settings-wrapper" data-drupal-selector="settings-button">
- <button {{ attributes.addClass(['button', 'spp-' ~ iconType ~ '-button']) }}>
- <svg class="spp-button-icon {{ iconType }}"></svg>
- <span class="spp-button-text">{{ label }}</span>
- </button>
-</div>
diff --git a/modules/same_page_preview/composer.json b/modules/same_page_preview/composer.json
deleted file mode 100644
index 5549ac784aeae1dbe7423477531af23f237dfc23..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/composer.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
- "name": "drupal/same_page_preview",
- "type": "drupal-module",
- "description": "Preview content alongside the edit form.",
- "keywords": [
- "Drupal",
- "preview"
- ],
- "license": "GPL-2.0+",
- "repositories": [
- {
- "type": "composer",
- "url": "https://packages.drupal.org/8"
- }
- ],
- "homepage": "https://www.drupal.org/project/same_page_preview",
- "support": {
- "issues": "https://www.drupal.org/project/issues/same_page_preview",
- "source": "https://git.drupalcode.org/project/same_page_preview"
- },
- "authors": [
- {
- "name": "Chris Weber",
- "homepage": "https://www.drupal.org/u/cosmicdreams",
- "role": "Maintainer"
- },
- {
- "name": "Brian Perry",
- "homepage": "https://www.drupal.org/u/brianperry",
- "role": "Co-Maintainer"
- },
- {
- "name": "Ofer Shaal",
- "homepage": "https://www.drupal.org/u/shaal",
- "role": "Co-Maintainer"
- }
- ]
-}
diff --git a/modules/same_page_preview/config/schema/same_page_preview.schema.yml b/modules/same_page_preview/config/schema/same_page_preview.schema.yml
deleted file mode 100644
index a6a5bf11c37fcdf404991a0633fa0a19314f62d6..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/config/schema/same_page_preview.schema.yml
+++ /dev/null
@@ -1,8 +0,0 @@
-# Schema for the configuration files of the Same Page Preview module.
-same_page_preview.settings:
- type: config_object
- label: 'Same Page Preview settings'
- mapping:
- example:
- type: string
- label: 'Example'
diff --git a/modules/same_page_preview/css/same-page-preview.css b/modules/same_page_preview/css/same-page-preview.css
deleted file mode 100644
index 018749919556813d7402e877b738eefe478d01dc..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/css/same-page-preview.css
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * Same Page Preview styles.
- */
-
-/* Preview panel form controls */
-#drupal-off-canvas-wrapper.same-page-preview-dialog {
- container-type: inline-size;
-}
-
-#drupal-off-canvas-wrapper.same-page-preview-dialog div.button-group {
- display: inline-flex;
-}
-
-#drupal-off-canvas-wrapper .same-page-preview-form-select .button {
- width: auto;
- margin: 0 0.625rem 0 0;
-}
-
-#drupal-off-canvas-wrapper .same-page-preview-form-select {
- display: flex;
- align-items: center;
- padding-block: 14px;
-}
-
-#drupal-off-canvas-wrapper .same-page-preview-form-select .js-hide.button {
- display: none;
-}
-
-#drupal-off-canvas-wrapper .same-page-preview-form-select .js-form-item-view-mode {
- padding: 0;
- /* Alignment within parent */
- flex-grow: 1;
- justify-content: flex-end;
- /* Alignment of form elements */
- display: flex;
- align-items: center;
-}
-
-#drupal-off-canvas-wrapper .same-page-preview-form-select .js-form-item-view-mode label {
- margin-right: 0.625rem;
-}
-
-#drupal-off-canvas-wrapper.same-page-preview-dialog a {
- color: var(--off-canvas-button-text-color);
-}
-
-#drupal-off-canvas-wrapper.same-page-preview-dialog a.spp-settings-dropdown__link {
- color: var(--off-canvas-details-summary-background-color);
-}
-
-#drupal-off-canvas-wrapper.same-page-preview-dialog .spp-button-text {
- display: none;
-}
-
-@container (min-width: 650px) {
- #drupal-off-canvas-wrapper.same-page-preview-dialog .spp-button-text {
- display: inline-flex;
- }
-}
-
-#drupal-off-canvas-wrapper .ui-dialog-titlebar:before {
- display: none;
-}
-
-#drupal-off-canvas-wrapper .ui-dialog-title {
- position: relative;
- right: 26px;
-}
-
-[data-hover-outline] {
- position: absolute;
- background: transparent;
- outline: 2px solid #ff69ba;
-}
-
-#preview-iframe-wrapper {
- position: relative;
- height: 100vh;
-}
-
-.outline-in-form {
- outline: 3px solid #4468dd;
-}
-.drag-items {
- font-size: 1.8rem;
-}
-
-[data-dom-drop] {
- background: rgb(2,0,36) !important;
- background: linear-gradient(357deg, rgba(2,0,36,1) 0%, rgba(119,119,189,1) 35%, rgba(0,212,255,1) 100%) !important;
-}
-
-[data-dom-drop]:hover:not(.can-drop) {
- outline: 4px solid black !important;
-}
-
-[data-dom-drop].can-drop.can-drop {
- outline: 6px dashed red !important;
-
-}
-
-/*[data-dom-drop] {*/
-/* border: 7px solid green;*/
-
-/*}*/
diff --git a/modules/same_page_preview/js/admin.js b/modules/same_page_preview/js/admin.js
deleted file mode 100644
index 7f9d82551db1723f7eea6f9b3e171624a34f5196..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/js/admin.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * @file
- * Same Page Preview javascript for settings page.
- */
-
-(function (Drupal, once) {
- Drupal.samePagePreviewAdmin = {
- // Expand this list for additional settings.
- settings: [
- {
- 'storageName': 'onByDefault',
- 'selector': '#edit-toggle-preview-link',
- },
- ],
-
- init: () => {
- Drupal.samePagePreviewAdmin.settings.forEach((setting) => Drupal.samePagePreviewAdmin.getPersonalizedSetting(setting));
- },
-
- // All personalization settings are expected to be checkboxes.
- getPersonalizedSetting: (setting) => {
- const prefix = 'samePagePreview--';
- const element = document.querySelector(setting.selector);
- element.checked = localStorage.getItem(prefix + setting.storageName) === '1';
- element.addEventListener('change', () => localStorage.setItem(prefix + setting.storageName, element.checked ? 1 : 0));
- }
- }
-
- Drupal.behaviors.samePagePreviewAdmin = {
- attach: function (context) {
- once('samePagePreviewAdmin', context).forEach(() => Drupal.samePagePreviewAdmin.init());
- }
- };
-})(Drupal, once);
-
diff --git a/modules/same_page_preview/js/same-page-preview-iframe.js b/modules/same_page_preview/js/same-page-preview-iframe.js
deleted file mode 100644
index 0fbfcc18f420b06e51f793056228b7e2f1d9c442..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/js/same-page-preview-iframe.js
+++ /dev/null
@@ -1,101 +0,0 @@
-// @ben made this whole file.
-// This file is loaded in preview iframes only.
-
-// Defines two dropzones,
-// - `selector`: selectes the element it appends or prepends to
-// - `attach`: Where the zone appears in relation to the selector,
-// either 'append' or 'prepend'
-// - `dropTo`: When dropped, where does the dropped content appear relative to
-// the drop zone. Either 'before' or 'after'
-const zones = [
- {
- selector: 'main',
- attach: 'prepend',
- dropTo: 'after',
- },
- {
- selector: 'main',
- attach: 'append',
- dropTo: 'before',
- }
-];
-
-
-
-((Drupal) => {
- /**
- * Sends an event to the primary DOM
- * @param type
- * The custom event type
- * @param original
- * The original event (click, mouseenter, etc)
- * @param additional
- * An optional object of additional data sent with the event.
- */
- const windowEventSend = (type, original, additional = {}) => {
- const detail = {
- type,
- original,
- additional,
- }
-
- const event = new CustomEvent('previewAction', { detail })
- window.parent.document.dispatchEvent(event)
- }
-
-
- // Informs the primary DOM of the drop zones present.
- const bindZones = () => {
- const allZones = document.querySelectorAll('[data-zone-id]');
- windowEventSend('bindZones', new CustomEvent('noop'), {zones: allZones});
- }
-
- // Adds content above/below a drop zone.
- const updateDropZone = ({zoneId, tag, content}) => {
- const zone = document.querySelector(`[data-zone-id="${zoneId}"]`);
- const dropTo = zone.getAttribute('data-zone-drop-to');
- const el = document.createElement(tag);
- el.textContent = content;
- zone[dropTo](el);
- bindZones();
- }
-
-
- // Receives messages from the primary DOM and triages them based on the
- // event type.
- document.addEventListener('parentMessage', (e) => {
- const {type, original, additional} = e.detail;
- if (type === 'zoneUpdate') {
- updateDropZone(additional.zoneInfo);
- }
- })
-
- // Every item that is associated with a field will send messages to the DOM
- // on mouseenter and mouseleave. This is used to create primary-DOM outlines of
- // the iframed content regions.
- document.querySelectorAll('[data-spp-field-locator]').forEach((item) => {
- item.addEventListener('mouseenter', (e) => {
- windowEventSend('itemHoverEnter', e);
- })
- item.addEventListener('mouseleave', (e) => {
- windowEventSend('itemHoverLeave', e);
- })
- })
-
- // Create drop zone elements based on the definitions in `zones`.
- zones.forEach((zone, index) => {
- const div = document.createElement('div');
- div.setAttribute('data-zone-id', index)
- div.setAttribute('data-zone-drop-to', zone.dropTo)
- div.style.height = '80px';
- div.style.width = '100%';
- div.style.border = '3px dashed black';
- div.style.backgroundColor = '#e7e7e7';
- document.querySelector(zone.selector)[zone.attach](div)
- })
- // Calling bindZones communicates the presence of the drop zones to the
- // primary DOM so it can create DOM drop zones directly above them.
- bindZones();
-})(Drupal);
-
-
diff --git a/modules/same_page_preview/js/same-page-preview.js b/modules/same_page_preview/js/same-page-preview.js
deleted file mode 100644
index 3bb6c711ed987fa67d3c43805578244b2649d570..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/js/same-page-preview.js
+++ /dev/null
@@ -1,361 +0,0 @@
-/**
- * @file
- * Same Page Preview javascript.
- */
-
-// I don't love that we're using jQuery here, but Drupal's ajax system still
-// seems to be closely tied to it.
-(function ($, Drupal, once) {
- // Shared application state for same page preview.
- const samePagePreviewToggle = '#edit-toggle-preview-link',
- samePagePreviewLive = '.node-form .same-page-preview--live-refresh input',
- samePagePreviewForce = '.node-form .same-page-preview--force-refresh',
- samePagePreviewForceElementsOnBlur = 'input, textarea, .ck-editor__editable_inline, .ck-editor__nested-editable',
- samePagePreviewForceElementsOnChange = 'select',
- samePagePreviewCloseBtn = '.same-page-preview-dialog .ui-dialog-titlebar-close',
- samePagePreviewPane = 'iframe.preview',
- defaultPreviewBtn = document.querySelector('[data-drupal-selector="edit-preview"]'),
- previewOnHiddenField = document.querySelector('[data-drupal-selector="edit-ssp-preview-enabled"]'),
- openLink = document.querySelector(samePagePreviewToggle);
-
- Drupal.samePagePreview = {
- settings:
- {
- 'onByDefault': {
- 'storageName': 'Drupal.samePagePreview.onByDefault',
- 'label': 'Open preview by default',
- 'selector': 'edit-toggle-preview-link',
- 'default': 1,
- },
- 'toggleNewWindow': {
- 'storageName': 'Drupal.samePagePreview.toggleNewWindow',
- 'label': 'Show New Window button',
- 'selector': 'toggle-new-window',
- 'target': "[data-drupal-selector='new-window']",
- 'default': 1,
- },
- 'toggleFullscreen': {
- 'storageName': 'Drupal.samePagePreview.toggleFullscreen',
- 'label': 'Show Full Screen button',
- 'selector': 'toggle-full-screen',
- 'target': "[data-drupal-selector='full-screen']",
- 'default': 1,
- },
- 'toggleViewModes': {
- 'storageName': 'Drupal.samePagePreview.toggleViewModes',
- 'label': 'Show View Mode drop down',
- 'selector': 'toggle-view-mode',
- 'target': '.js-form-item-view-mode',
- 'default': 1,
- },
- },
-
- activeState: {
- uuid: null,
- viewMode: 'full',
- previewPaneSrc: null,
- newWindowHref: null,
- scrollPosition: 0,
- },
-
- init: context => {
- once('samePagePreviewInit', samePagePreviewToggle, context).forEach(element => Drupal.samePagePreview.initializeToggle(element));
- once('samePagePreviewInit', samePagePreviewPane, context).forEach(element => element.addEventListener('load', () => Drupal.samePagePreview.paneRefresh(element)));
- once('samePagePreviewAuto', samePagePreviewLive, context).forEach(element => element.addEventListener('keyup', () => Drupal.samePagePreview.liveRefresh(element)));
- once('samePagePreviewAuto', samePagePreviewForce, context).forEach(element => {
- element.addEventListener('change', (event) => {
- if (event.target.matches(samePagePreviewForceElementsOnChange)) {
- Drupal.samePagePreview.forceRefresh();
- }
- });
- element.addEventListener('blur', (event) => {
- if (event.target.matches(samePagePreviewForceElementsOnBlur)) {
- Drupal.samePagePreview.forceRefresh();
- }
- }, true);
- });
- },
-
- // Force a refresh of the preview pane.
- forceRefresh: async () => {
- if (defaultPreviewBtn) {
- const iframe = document.querySelector(samePagePreviewPane);
- const iframeWindow = iframe?.contentWindow;
- Drupal.samePagePreview.activeState.scrollPosition = iframeWindow?.document.documentElement.scrollTop;
- const active = document.activeElement;
- await defaultPreviewBtn.dispatchEvent(new Event("click"));
- active.focus();
- }
- },
-
- liveRefresh: (element) => {
- // If no preview iframe, nothing to do.
- const iframe = document.querySelector('iframe.preview');
- if (!iframe) {
- return;
- }
- let preview = (iframe.contentWindow || iframe.contentDocument);
- if (preview.document) {
- preview = preview.document;
- }
- // @todo target based on a selector in a data attribute instead.
- let title = preview.querySelector('h1');
- if (title) {
- // Some themes nest the text inside a span.
- if (title.querySelector('span')) {
- title = title.querySelector('span');
- }
- title.textContent = element.value;
- } else {
- // If title element isn't created yet, refresh the preview instead.
- Drupal.samePagePreview.forceRefresh();
- }
- },
-
- initializeToggle: element => {
- // Check for a stored state.
- if (localStorage.getItem('Drupal.samePagePreview.onByDefault') === '1') {
- openLink.dispatchEvent(new Event('click'));
- }
-
- element.addEventListener('click', () => Drupal.samePagePreview.forceRefresh());
- },
-
- openDialog: async (element) => {
- // @todo trigger the open more directly, so this will wait for dialog.
- await openLink.dispatchEvent(new Event('click'));
- const active = document.activeElement;
- active.focus();
- },
-
- closeDialog: async (element) => {
- const closeBtn = document.querySelector(samePagePreviewCloseBtn);
- await closeBtn.dispatchEvent(new Event('click'));
- element.focus();
- },
-
- paneRefresh: (element) => {
- element.contentWindow.scrollTo({
- top: Drupal.samePagePreview.activeState.scrollPosition,
- });
- },
-
- /**
- * Update Same Page Preview application state.
- * @param {string} uuid The current node uuid.
- * @param {string} viewMode The view mode to be used for preview.
- */
- updateState: (uuid, viewMode) => {
- const regex = /(\/node\/preview\/)(.*)(\/.*)/;
-
- // Ensure we have the uuid defined.
- if (uuid) {
- Drupal.samePagePreview.activeState.uuid = uuid;
- } else if (!Drupal.samePagePreview.activeState.uuid) {
- Drupal.samePagePreview.activeState.uuid = document.querySelector('iframe.preview').src.match(regex)[2];
- }
-
- // Update viewMode if it has changed.
- if (viewMode && (Drupal.samePagePreview.activeState.viewMode !== viewMode)) {
- Drupal.samePagePreview.activeState.viewMode = viewMode;
- Drupal.samePagePreview.activeState.scrollPosition = 0;
- }
-
- // Rather than just refreshing the preview pane, replacing the iframe src
- // using the provided uuid will allow preview to function in cases where the
- // uuid changes.
- if (!Drupal.samePagePreview.activeState.previewPaneSrc) {
- Drupal.samePagePreview.activeState.previewPaneSrc = document.querySelector(samePagePreviewPane).src;
- }
- Drupal.samePagePreview.activeState.previewPaneSrc = Drupal.samePagePreview.activeState.previewPaneSrc.replace(regex, `$1${Drupal.samePagePreview.activeState.uuid}/${Drupal.samePagePreview.activeState.viewMode}?mode=same_page_preview`);
-
- // The new window button should also be updated to point to the new uuid.
- if (!Drupal.samePagePreview.activeState.newWindowHref) {
- Drupal.samePagePreview.activeState.newWindowHref = document.querySelector(Drupal.samePagePreview.settings.toggleNewWindow.target + ' a').href;
- }
- Drupal.samePagePreview.activeState.newWindowHref = Drupal.samePagePreview.activeState.newWindowHref.replace(regex, `$1${Drupal.samePagePreview.activeState.uuid}/${Drupal.samePagePreview.activeState.viewMode}`);
- },
-
- /**
- * Update preview dom elements if the application state has changed.
- * @param {object} previewPane The preview pane iframe.
- * @param {object} newWindowButton The new window button.
- */
- updateDom: (previewPane, newWindowButton) => {
- // Only update form elements if the application state has changed.
- if (Drupal.samePagePreview.activeState.newWindowHref !== newWindowButton.href) {
- newWindowButton.href = Drupal.samePagePreview.activeState.newWindowHref;
- }
- // The preview pane src always updates so that the iframe is reloaded
- previewPane.src = Drupal.samePagePreview.activeState.previewPaneSrc;
- },
- }
-
- Drupal.behaviors.samePagePreview = {
- attach: context => {
- if (previewOnHiddenField.value === '1') {
- Drupal.samePagePreview.init(context);
- }
- }
- }
-
- // Public functions.
-
- /**
- * Re-render the preview pane.
- * @param {string} newUuid The new uuid if the value has changed.
- * @param {string} viewMode The view mode to be used for preview.
- */
- $.fn.samePagePreviewRenderPreview = (newUuid = null, viewMode) => {
- const previewPane = document.querySelector(samePagePreviewPane);
- const newWindowButton = document.querySelector(Drupal.samePagePreview.settings.toggleNewWindow.target);
-
- if (!previewPane) {
- defaultPreviewBtn.focus();
- Drupal.samePagePreview.openDialog(samePagePreviewToggle);
- } else {
- Drupal.samePagePreview.updateState(newUuid, viewMode);
- Drupal.samePagePreview.updateDom(previewPane, newWindowButton);
- }
- };
-
- // @ben added everything underneath here
-
-
- const initIframeInteraction = () => {
- // Add an outline class and scrll to an element with the name attribute
- // matching `locator`
- const outlineAndScroll = (locator) => {
- const formField = document.querySelector(`[name="${locator}"]`);
- if (formField) {
- formField.classList.add('outline-in-form')
- const y = formField.getBoundingClientRect().top + window.scrollY - 160;
- window.scrollTo({top: y, behavior: 'smooth'});
- }
- }
-
- // Events sent from the iframe are handled here/
- const managePreviewEvents = (e) => {
- const previewWrapper = document.querySelector('#preview-iframe-wrapper');
- const {type, original, additional} = e.detail;
-
- // When an item is hovered in the iframe, create an element in the primary
- // DOM that is positioned over the iframe to outlines the hovered item.
- if (type === 'itemHoverEnter') {
- const locator = original.target.getAttribute('data-spp-field-locator');
- if (!document.querySelector(`[data-hover-outline="${locator}"]`)) {
- setTimeout(() => {
- // Remove any existing hover outlines.
- document.querySelectorAll('[data-hover-outline], .outline-in-form').forEach((outline) => {
- outline.remove();
- })
- const div = document.createElement('div');
- div.setAttribute('data-hover-outline', locator);
-
- // Get position info from the iframe element to replicate the
- // positioning of the overlaid div.
- const {x, y} = original.target.getBoundingClientRect();
- const {offsetHeight, offsetWidth} = original.target;
- div.style.left = `${x}px`
- div.style.top = `${y}px`
- div.style.width = `${offsetWidth}px`;
- div.style.height = `${offsetHeight}px`;
- div.style.position = `absolute`;
- div.style.outline = '2px solid #ff69ba';
- previewWrapper.append(div);
-
- // When the mouse is no longer over an outline. remove it from the DOM.
- div.addEventListener('mouseleave', (e) => {
- const input = document.querySelector(`[name="${locator}"]`)
- setTimeout(() => {;
- if(input) {
- input.classList.remove('outline-in-form')
- }
- div.remove();
- }, 10)
- })
- // If the iframe scrolls. remove the outline to avoid it being in a position that
- // no longer corresponds to the element it outlines.
- previewWrapper.querySelector('iframe').contentDocument.addEventListener('scroll', () => {
- document.querySelector(`[name="${locator}"]`)?.classList.remove('outline-in-form')
- div.remove();
- })
-
- outlineAndScroll(locator);
- }, 30)
- }
- }
-
- // Given a NodeList of dropzones in the iframe, create DOM dropzones that are
- // positioned directly above them.
- if (type === 'bindZones') {
- // Remove existing dropzones to avoid duplicates.
- document.querySelectorAll('[data-zone-id]').forEach((dropZone) => {
- dropZone.remove();
- })
-
- // Place a DOM drop zone directly above the iframe drop zone.
- additional.zones.forEach((zone) => {
- const div = document.createElement('div');
- div.setAttribute('data-dom-drop', zone.getAttribute('data-zone-id'));
- const {x, y} = zone.getBoundingClientRect();
- const {offsetHeight, offsetWidth} = zone;
-
- div.style.left = `${x}px`
- div.style.top = `${y}px`
- div.style.width = `${offsetWidth}px`;
- div.style.height = `${offsetHeight}px`;
- div.style.position = `absolute`;
- div.style.opacity = '0.4';
-
- // When the dropzone has a valid drop element over it, add the 'can-drop'
- // class.
- div.addEventListener('dragover', (e) => {
- e.preventDefault();
- e.target.classList.add('can-drop');
- });
-
- // On drop, parse the dataTransfer data and send it to the iframe. This also
- // includes the drop zone id, which is stored in the 'data-dom-drop' attribute.
- div.addEventListener('drop', (e) => {
- const data = JSON.parse(unescape(e.dataTransfer.getData("content")));
- const detail = {
- original: e,
- type: 'zoneUpdate',
- additional: {zoneInfo: {zoneId: e.target.getAttribute('data-dom-drop'), ...data}}
- }
- const event = new CustomEvent('parentMessage', { detail })
- document.querySelector('#preview-iframe-wrapper iframe').contentDocument.dispatchEvent(event)
- e.target.classList.remove('can-drop');
- });
- previewWrapper.append(div);
- })
- }
- }
-
- // When the preview iframe communciates with the DOM, it will do so via a
- // 'previewAction' event. managePreviewEvents will triage the event into the
- // appropriate callback.
- document.addEventListener('previewAction', managePreviewEvents, false)
-
- // Create a list of draggable items to demonstrate drag/drop.
- // data-drag-content is an object of data that will be sent to the drop
- // callback.
- const ul = document.createElement('ul');
- ul.classList.add('drag-items');
- ul.innerHTML = `
- <li draggable="true" data-drag-content="%7B%22tag%22%3A%22h2%22%2C%22content%22%3A%22This%20is%20content%20that%20we%20shall%20present%20in%20an%20h2%20tag%21%22%7D">Drag H2</li>
- <li draggable="true" data-drag-content="%7B%22tag%22%3A%22h3%22%2C%22content%22%3A%22Howdy%20I%20am%20an%20h3%20how%20do%20you%20do%3F%22%7D">Drag H3</li>
- <li draggable="true" data-drag-content="%7B%22tag%22%3A%22h4%22%2C%22content%22%3A%22And%20dont%20overlook%20the%20h4%2C%20I%20have%20much%20to%20offer%21%22%7D">Drag H4</li>`;
-
- ul.querySelectorAll('li').forEach((li) => {
- li.addEventListener('dragstart', (e) => {
- // data-drag-content should be transferred to the drop event.
- e.dataTransfer.setData('content', e.target.getAttribute('data-drag-content'))
- })
- });
- document.querySelector('main').append(ul);
- }
- window.addEventListener('first-render', initIframeInteraction);
-
-})(jQuery, Drupal, once);
diff --git a/modules/same_page_preview/same_page_preview.info.yml b/modules/same_page_preview/same_page_preview.info.yml
deleted file mode 100644
index f030cc29cc39d80bfe9fe0938f49bf143e755c7d..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/same_page_preview.info.yml
+++ /dev/null
@@ -1,14 +0,0 @@
-name: Same Page Preview (forked by Ben)
-type: module
-description: Extends Drupal to provide side-by-side preview for node editing. Manage settings per content type by clicking "Edit" on the content type page.
-package: Preview
-core_version_requirement: ^10.1 || ^11
-configure: same_page_preview.settings_form
-# version: 2.1.2
-#dependencies:
-# - drupal:sdc
-
-# Information added by Drupal.org packaging script on 2024-03-25
-version: '2.1.3'
-project: 'same_page_preview'
-datestamp: 1711339207
diff --git a/modules/same_page_preview/same_page_preview.libraries.yml b/modules/same_page_preview/same_page_preview.libraries.yml
deleted file mode 100644
index 88b8c5bd969b5c94fc60ff7e0a8bf0361ac5fdb9..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/same_page_preview.libraries.yml
+++ /dev/null
@@ -1,23 +0,0 @@
-same_page_preview:
- js:
- js/same-page-preview.js: {}
- css:
- theme:
- css/same-page-preview.css: {}
- dependencies:
- - core/jquery
- - core/drupal.dialog.off_canvas
-
-admin:
- js:
- js/admin.js: {}
- dependencies:
- - core/drupal
- - core/once
-
-# @ben created this library (that the module was already attaching despite not existing)
-new_window_preview:
- js:
- js/same-page-preview-iframe.js: { }
- dependencies:
- - core/drupal
diff --git a/modules/same_page_preview/same_page_preview.links.menu.yml b/modules/same_page_preview/same_page_preview.links.menu.yml
deleted file mode 100644
index b3e707136e58e7eeaa766dff1f607c90c8432645..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/same_page_preview.links.menu.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-same_page_preview.settings_form:
- title: 'Same Page Preview'
- description: 'Configure Same Page Preview.'
- parent: system.admin_config_content
- route_name: same_page_preview.settings_form
- weight: 10
diff --git a/modules/same_page_preview/same_page_preview.module b/modules/same_page_preview/same_page_preview.module
deleted file mode 100644
index 322c69bb158e160a8767b9b959ca5d58f5c205b8..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/same_page_preview.module
+++ /dev/null
@@ -1,259 +0,0 @@
-<?php
-
-/**
- * @file
- * Primary module hooks for Same Page Preview module.
- */
-
-use Drupal\Component\Serialization\Json;
-use Drupal\Core\Entity\EntityInterface;
-use Drupal\Core\Form\FormStateInterface;
-use Drupal\Core\Url;
-use Drupal\Core\Render\Element;
-use Drupal\field\Entity\FieldConfig;
-use Drupal\node\Entity\Node;
-
-/**
- * Implements template_preprocess_html().
- */
-function same_page_preview_preprocess_html(&$variables) {
- // Remove the admin toolbar when in same page preview mode.
- if (\Drupal::currentUser()->hasPermission('access same_page_preview') && \Drupal::request()->query->get('mode') === 'same_page_preview') {
- $route_name = \Drupal::routeMatch()->getRouteName();
- if ($route_name === 'entity.node.preview') {
- unset($variables['page_top']['toolbar']);
- // @todo Needs additional cleanup to remove toolbar related classes on body.
- // Remove contextual links.
- $variables["page"]["#attached"]["library"] = array_values(array_diff($variables["page"]["#attached"]["library"], ['contextual/drupal.contextual-links']));
- }
-
- // Tweak the styling of the preview form when in full window mode.
- $variables['#attached']['library'][] = 'same_page_preview/new_window_preview';
- }
-}
-
-/**
- * Implements hook_page_top().
- */
-function same_page_preview_page_top(array &$page) {
- if (\Drupal::currentUser()->hasPermission('access same_page_preview') && \Drupal::request()->query->get('mode') === 'same_page_preview') {
- // Remove preview controls, so we can add them outside the iframe.
- $route_name = \Drupal::routeMatch()->getRouteName();
- if ($route_name === 'entity.node.preview') {
- unset($page['node_preview']['view_mode']);
- }
- }
-}
-
-/**
- * Alter to use our extended edit form.
- *
- * @param \Drupal\Core\Entity\EntityTypeInterface[] $entity_types
- * The master entity type list to alter.
- *
- * @see hook_entity_type_alter()
- */
-function same_page_preview_entity_type_alter(array &$entity_types) {
- if (isset($entity_types['node'])) {
- $entity_types['node']->setFormClass('default', 'Drupal\same_page_preview\Form\PreviewNodeForm');
- $entity_types['node']->setFormClass('edit', 'Drupal\same_page_preview\Form\PreviewNodeForm');
- }
-}
-
-/**
- * Alter the node edit form to conditionally include an iframe.
- */
-function same_page_preview_form_node_form_alter(&$form, FormStateInterface $form_state, $form_id) {
- if (\Drupal::currentUser()->hasPermission('access same_page_preview') && accessContentTypePermission()) {
- $node = $form_state->getFormObject()->getEntity();
- $route_parameters = [
- 'node_preview' => $node->uuid(),
- 'view_mode_id' => 'full',
- ];
-
- // Alter the top level form element's classes.
- $form["#attributes"]["class"][] = "with-preview";
-
- compilePreview($node, $form_state);
-
- $form['toggle_preview_link'] = [
- '#type' => 'link',
- '#title' => t('Launch preview'),
- '#url' => Url::fromRoute('same_page_preview.preview_pane', $route_parameters),
- '#attributes' => [
- 'style' => 'display: none;',
- 'class' => ['use-ajax', 'button','button--primary', 'visually-hidden'],
- 'data-dialog-type' => 'dialog',
- 'data-dialog-renderer' => 'off_canvas',
- 'data-dialog-options' => Json::encode([
- 'width' => '50%',
- 'resizable' => false,
- 'classes' => [
- // @todo figure out how to override more than just this one.
- 'ui-dialog' => 'same-page-preview-dialog',
- ],
- ]),
- ],
- '#attached' => [
- 'library' => [
- 'core/drupal.dialog.ajax',
- ],
- ],
- ];
-
- $form['ssp_preview_enabled'] = [
- '#type' => 'hidden',
- '#value' => accessContentTypePermission() ? 1 : 0
- ];
-
- $form['#attached']['library'][] = 'same_page_preview/same_page_preview';
- registerFieldsAutoRefresh($form, $form_state, $node);
- }
-}
-
-/**
- * Adds classes that our javascript uses to add auto-refresh functionality.
- *
- * @param $form
- * The node edit form.
- * @param \Drupal\Core\Form\FormStateInterface $form_state
- * The node edit form's form_state.
- * @param \Drupal\node\Entity\Node $node
- * The current node being edited.
- *
- * @return void
- */
-function registerFieldsAutoRefresh(&$form, FormStateInterface $form_state, Node $node): void {
- if (empty($node)) {
- // @todo: add error handling.
- return;
- }
-
- // Gather fields we want to add auto-refresh to.
- foreach ($node->getFieldDefinitions() as $key => $field_definition) {
- // Currently only the title field of a node.
- if ($key == 'title') {
- // @todo if we can do live refresh, set a selector data attribute.
- $form[$field_definition->getName()]['#attributes']['class'][] = 'same-page-preview--live-refresh';
- }
- // All the other fields that need to drive the preview.
- else if ($field_definition instanceof FieldConfig && isset($form[$field_definition->getName()])) {
- $form[$field_definition->getName()]['#attributes']['class'][] = 'same-page-preview--force-refresh';
- }
- }
-}
-
-/**
- * Implements hook_form_FORM_ID_alter().
- */
-function same_page_preview_form_node_type_edit_form_alter(&$form, FormStateInterface $form_state, $form_id) {
- $node_type = $form_state->getFormObject()->getEntity();
- $preview_before_submitting_not_disabled = [
- [
- ':input[name="preview_mode"]' => ['value' => DRUPAL_OPTIONAL],
- ],
- [
- ':input[name="preview_mode"]' => ['value' => DRUPAL_REQUIRED],
- ],
- ];
- $form['submission']['same_page_preview_toggle'] = [
- '#type' => 'checkbox',
- '#title' => t('Enable Same Page Preview'),
- '#default_value' => $form_state->getValue('same_page_preview', $node_type->getThirdPartySetting('same_page_preview', 'same_page_preview_toggle', TRUE)),
- '#description' => t('Allow advanced preview feature for this content type.'),
- '#states' => [
- 'visible' => $preview_before_submitting_not_disabled,
- ],
- ];
-
- $form['actions']['submit']['#submit'][] = 'same_page_preview_form_node_type_edit_form_submit';
-}
-
-/**
- * Implements additional form submission logic for
- * same_page_preview_form_node_type_edit_form_alter.
- */
-function same_page_preview_form_node_type_edit_form_submit($form, FormStateInterface $form_state) {
- $node_type = $form_state->getFormObject()->getEntity();
- $toggle = $form_state->getValue('preview_mode') != DRUPAL_DISABLED && $form_state->getValue('same_page_preview_toggle') != FALSE;
- $node_type->setThirdPartySetting('same_page_preview', 'active', $toggle);
- $node_type->save();
-}
-
-/**
- * Compile preview.
- *
- * @param \Drupal\Core\Entity\EntityInterface $entity
- * The entity.
- * @param \Drupal\Core\Form\FormStateInterface $form_state
- * The form state.
- */
-function compilePreview(EntityInterface $entity, FormStateInterface $form_state) {
- $entity->in_preview = TRUE;
- $uuid = $entity->uuid();
-
- // Service used to store uuid and respective form object in memory.
- $temp_store_private = \Drupal::service('tempstore.private');
- $store_private = $temp_store_private->get('node_preview');
- // Setting storage for preview.
- $store_private->set($uuid, $form_state);
-}
-
-/**
- * Does the system show the same page preview toggle?
- *
- * Yes, if:
- * - The user has the permission to access same page preview
- * - The node type has the same page preview toggle enabled
- * @return bool
- */
-function accessContentTypePermission(): bool {
- /** @var \Drupal\node\Entity\Node $node */
- $node = \Drupal::routeMatch()->getParameter('node');
- return $node === NULL ||
- \Drupal\node\Entity\NodeType::load($node->getType())
- ->getThirdPartySetting('same_page_preview', 'active', TRUE) == TRUE;
-}
- //@ben did this
-// Gets information about the rendered field that makes it possible to
-// associate it with the corresponding node form field.
-// NOTE: Does not work with all field types - just enough to prove the concept.
-// Media, for example, does not generate the correct `name` attribute.
-function same_page_preview_preprocess_field(&$variables) {
- $route_name = \Drupal::routeMatch()->getRouteName();
- if ($route_name !== 'entity.node.preview') {
- return;
- }
- $element = $variables['element'];
- $entity = $element['#object'];
-
-
-
- $definition = $entity->getFieldDefinition($element['#field_name']);
- if (!$definition->isComputed()) {
- $variables['attributes']['data-spp-field-id'] = $entity->getEntityTypeId() . '/' . $entity->id() . '/' . $element['#field_name'] . '/' . $element['#language'] . '/' . $element['#view_mode'];
- foreach ($variables['items'] as $key => &$item) {
- $is_er = isset($variables["field_type"]) && $variables["field_type"] == 'entity_reference';
- $locator = !$is_er ? $element['#field_name'] . "[$key]" : $element['#field_name'];
- if (isset($item['content']['#context'])) {
- foreach($item['content']['#context'] as $key => $value) {
- if(substr($key, 0, 1) !== '#') {
- $specifier = $key;
- }
- }
-
- $locator .= isset($specifier) ? "[$specifier]" : '';
- } else {
- $locator .= $is_er ? '[target_id]' : '[value]';
- }
- if( count($variables['items']) === 1) {
- $variables['attributes']['data-spp-field-locator'] = $locator;
- $variables['attributes']['class'][] = 'hover-box';
- } else {
- $variables['items'][$key]['attributes']['data-spp-field-locator'] = $locator;
- $variables['items'][$key]['attributes']['class'][] = 'hover-box';
- }
- }
- }
-}
-
diff --git a/modules/same_page_preview/same_page_preview.permissions.yml b/modules/same_page_preview/same_page_preview.permissions.yml
deleted file mode 100644
index a7f058800392f47bd53703c5a81f00345edca729..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/same_page_preview.permissions.yml
+++ /dev/null
@@ -1,8 +0,0 @@
-administer same_page_preview configuration:
- title: 'Administer same_page_preview configuration'
- description: 'Proves management of default settings.'
- restrict access: true
-access same_page_preview:
- title: 'Access to extended preview feature'
- description: 'Enables same_page_preview for this role.'
- restrict access: true
diff --git a/modules/same_page_preview/same_page_preview.routing.yml b/modules/same_page_preview/same_page_preview.routing.yml
deleted file mode 100644
index a3f0625331337308a9f8a1e5412b3d5a2da83ff0..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/same_page_preview.routing.yml
+++ /dev/null
@@ -1,19 +0,0 @@
-same_page_preview.settings_form:
- path: '/admin/config/content/same-page-preview'
- defaults:
- _title: 'Same Page Preview settings'
- _form: 'Drupal\same_page_preview\Form\SettingsForm'
- requirements:
- _permission: 'administer same_page_preview configuration'
-
-same_page_preview.preview_pane:
- path: '/node/preview_pane/{node_preview}/{view_mode_id}'
- defaults:
- _controller: '\Drupal\same_page_preview\Controller\PreviewPaneController::view'
- _title_callback: '\Drupal\same_page_preview\Controller\PreviewPaneController::title'
- requirements:
- _node_preview_access: '{node_preview}'
- options:
- parameters:
- node_preview:
- type: 'node_preview'
diff --git a/modules/same_page_preview/src/Controller/PreviewPaneController.php b/modules/same_page_preview/src/Controller/PreviewPaneController.php
deleted file mode 100644
index 1dd7754c41908a41ae613ce421f2ce6f722a34da..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/src/Controller/PreviewPaneController.php
+++ /dev/null
@@ -1,116 +0,0 @@
-<?php
-
-namespace Drupal\same_page_preview\Controller;
-
-use Drupal\Core\Entity\EntityInterface;
-use Drupal\Core\Url;
-use Drupal\node\Controller\NodePreviewController;
-
-/**
- * Defines a controller to render a single node in preview in an iframe.
- */
-class PreviewPaneController extends NodePreviewController {
-
- /**
- * {@inheritdoc}
- */
- public function view(EntityInterface $node_preview, $view_mode_id = 'full', $langcode = NULL) {
- $node_preview->preview_view_mode = $view_mode_id;
-
- $build['#attached']['library'][] = 'node/drupal.node.preview';
-
- $build['preview_pane'] = [
- '#type' => 'container',
- '#attributes' => [
- 'class' => [
- 'preview-pane',
- ],
- // @todo abstract styles into a css file.
- 'style' => 'display: flex; flex-direction: column; height: 100%;',
- ],
- ];
-
- $build['preview_pane']['preview_controls'] = [
- '#type' => 'container',
- '#attributes' => [
- 'class' => ['node-preview-container', 'container-inline'],
- ],
- ];
-
- $route_match = \Drupal::routeMatch();
- $node = $route_match->getParameter('node_preview');
- $bundle = $node->bundle() ?? '';
- $label = $node->label() ?? t('unsaved content');
-
- $form = \Drupal::formBuilder()->getForm('\Drupal\same_page_preview\Form\PreviewControlsForm', $node);
- $build['preview_pane']['preview_controls']['view_mode'] = $form;
-
- // @ben did this
- // Wrapping the iframe directly in the div makes it possible to accurately
- // position elements (such as hover outlines) above it.
- $build['preview_pane']['iframe_wrapper'] = [
- '#type' => 'container',
- '#attributes' => [
- 'id' => 'preview-iframe-wrapper',
- ]
-
- ];
- $build['preview_pane']['iframe_wrapper']['preview'] = [
- '#type' => 'html_tag',
- '#tag' => 'iframe',
- '#access' => $view_mode_id != DRUPAL_DISABLED && ($node_preview->access('create') || $node_preview->access('update')),
- '#attributes' => [
- 'src' => $this->getPreviewUrl($node_preview, $view_mode_id) . '?mode=same_page_preview',
- 'allow' => 'fullscreen',
- 'loading' => 'eager',
- 'class' => ['preview'],
- 'name' => 'preview',
- 'style' => 'width: 100%; height: 100%;',
- 'title' => t('Preview of @bundle : @node_title', ['@bundle' => $bundle, '@node_title' => $label])
- ],
- ];
-
- // Don't render cache previews.
- unset($build['#cache']);
-
- return $build;
- }
-
- /**
- * Generate url for the node preview.
- *
- * @param \Drupal\Core\Entity\EntityInterface $entity
- * The entity that is going to be previewed.
- * @param string $view_mode_id
- * The view mode id.
- *
- * @return string
- * A URL object that will be used to render the preview.
- */
- private function getPreviewUrl(EntityInterface $entity, string $view_mode_id): string {
- // Pass parameters used for preview.
- $route_parameters = [
- 'node_preview' => $entity->uuid(),
- 'view_mode_id' => $view_mode_id,
- ];
-
- $route = Url::fromRoute('entity.node.preview', $route_parameters);
- return $route->toString();
- }
-
- /**
- * Overrides \Drupal\Core\Entity\Controller\EntityViewController::title().
- *
- * Set preview pane title to "Preview" always.
- *
- * @param \Drupal\Core\Entity\EntityInterface|NULL $node_preview
- * The node preview entity.
- *
- * @return \Drupal\Core\StringTranslation\TranslatableMarkup|string
- * Title of the preview pane.
- */
- public function title(EntityInterface $node_preview = NULL): string|TranslatableMarkup {
- return t('Preview');
- }
-
-}
diff --git a/modules/same_page_preview/src/Form/PreviewControlsForm.php b/modules/same_page_preview/src/Form/PreviewControlsForm.php
deleted file mode 100644
index 45c19418301f7b74a192ab2a7f8d67e70e95db7d..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/src/Form/PreviewControlsForm.php
+++ /dev/null
@@ -1,138 +0,0 @@
-<?php
-
-namespace Drupal\same_page_preview\Form;
-
-use Drupal\Core\Entity\EntityInterface;
-use Drupal\Core\Form\FormStateInterface;
-use Drupal\Core\Url;
-use Drupal\Core\Ajax\AjaxResponse;
-use Drupal\Core\Ajax\InvokeCommand;
-
-use Drupal\node\Form\NodePreviewForm;
-
-/**
- * Contains a form with controls for same page preview.
- *
- * @internal
- */
-class PreviewControlsForm extends NodePreviewForm {
-
- /**
- * {@inheritdoc}
- */
- public function getFormId() {
- return 'same_page_preview_form_select';
- }
-
- /**
- * Form constructor.
- *
- * @param array $form
- * An associative array containing the structure of the form.
- * @param \Drupal\Core\Form\FormStateInterface $form_state
- * The current state of the form.
- * @param \Drupal\Core\Entity\EntityInterface $node
- * The node being previews.
- *
- * @return array
- * The form structure.
- */
- public function buildForm(array $form, FormStateInterface $form_state, EntityInterface $node = NULL) {
- $view_mode = $node->preview_view_mode;
- $query_options = ['query' => ['uuid' => $node->uuid()]];
- $query = $this->getRequest()->query;
- if ($query->has('destination')) {
- $query_options['query']['destination'] = $query->get('destination');
- }
-
- $form['button_group'] = [
- '#type' => 'container',
- '#attributes' => [
- 'class' => [
- 'button-group',
- ],
- ],
- ];
-
- $form['button_group']['settings'] = [
- '#type' => 'component',
- '#component' => 'same_page_preview:settings-button',
- '#props' => [
- 'iconType' => 'settings',
- 'label' => 'Settings',
- ],
- ];
-
- $form['button_group']['new_window'] = [
- '#type' => 'component',
- '#component' => 'same_page_preview:newwindow-button',
- '#props' => [
- 'iconType' => 'new-window',
- 'label' => 'New Window',
- 'href' => Url::fromRoute('entity.node.preview', [
- 'node_preview' => $node->uuid(),
- 'view_mode_id' => $view_mode,
- ]),
- ],
- ];
-
- $form['button_group']['full_screen'] = [
- '#type' => 'component',
- '#component' => 'same_page_preview:fullscreen-button',
- '#props' => [
- 'iconType' => 'full-screen',
- 'label' => 'Full Screen',
- ],
- ];
-
- // Always show full as an option, even if the display is not enabled.
- $view_mode_options = ['full' => $this->t('Full')] + $this->entityDisplayRepository->getViewModeOptionsByBundle('node', $node->bundle());
-
- // Unset view modes that are not used in the front end.
- unset($view_mode_options['default']);
- unset($view_mode_options['rss']);
- unset($view_mode_options['search_index']);
-
- $form['uuid'] = [
- '#type' => 'hidden',
- '#value' => $node->uuid(),
- ];
-
- $form['view_mode'] = [
- '#type' => 'select',
- '#title' => $this->t('View mode'),
- '#options' => $view_mode_options,
- '#default_value' => $view_mode,
- '#ajax' => [
- 'callback' => '::viewModeCallback',
- 'event' => 'change',
- ],
- ];
-
- $form['submit'] = [
- '#type' => 'submit',
- '#value' => $this->t('Switch'),
- '#attributes' => [
- 'class' => ['js-hide'],
- ],
- ];
-
- $form['#attached']['library'][] = 'same_page_preview/same_page_preview';
- return $form;
- }
-
- /**
- * Ajax callback for view mode controls.
- *
- * Reloads preview using specified view mode.
- */
- public function viewModeCallback(array $form, FormStateInterface $form_state) {
- $response = new AjaxResponse();
- $response->addCommand(new InvokeCommand(NULL, 'samePagePreviewRenderPreview', [
- NULL, $form_state->getValue('view_mode'),
- ])
- );
- return $response;
- }
-
-}
diff --git a/modules/same_page_preview/src/Form/PreviewNodeForm.php b/modules/same_page_preview/src/Form/PreviewNodeForm.php
deleted file mode 100644
index acaa50b8a7108b773c2f9e0b21cad7504fa413f7..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/src/Form/PreviewNodeForm.php
+++ /dev/null
@@ -1,94 +0,0 @@
-<?php
-
-namespace Drupal\same_page_preview\Form;
-
-use Drupal\Core\Form\FormStateInterface;
-use Drupal\Core\Ajax\AjaxResponse;
-use Drupal\Core\Ajax\InvokeCommand;
-use Drupal\Core\Render\Element;
-use Drupal\Core\StringTranslation\StringTranslationTrait;
-use Drupal\node\NodeForm;
-
-/**
- * Extend node form to add same page preview.
- */
-class PreviewNodeForm extends NodeForm {
-
- use StringTranslationTrait;
-
- /**
- * {@inheritdoc}
- */
- protected function actionsElement(array $form, FormStateInterface $form_state) {
- $element = $this->actions($form, $form_state);
-
- if (accessContentTypePermission()) {
- if (isset($element['delete'])) {
- // Move the delete action as last one, unless weights are explicitly
- // provided.
- $delete = $element['delete'];
- unset($element['delete']);
- $element['delete'] = $delete;
- $element['delete']['#button_type'] = 'danger';
- }
-
- if (isset($element['submit'])) {
- // Give the primary submit button a #button_type of primary.
- $element['submit']['#button_type'] = 'primary';
- }
-
- /**
- * The way we're swapping and duplicating buttons here is admittedly a
- * little unintuitive.
- * - preview - the default preview button which triggers a refresh.
- * hidden and re-labeled 'refresh preview' to better describe the action.
- * - toggle_preview - triggers opening the preview pane. Retains the label
- * 'preview' from the button that it is a copy of.
- */
- if (isset($element['preview'])) {
- // Add ajax callback to preview button.
- $element['preview']['#ajax'] = [
- 'callback' => '::ajaxCallback',
- 'event' => 'click',
- ];
- $element['toggle_preview'] = $element['preview'];
- $element['toggle_preview']['#limit_validation_errors'] = [];
-
- $element['preview']['#weight'] = 100;
- $element['preview']['#value'] = $this->t('Refresh Preview');
- $element['preview']['#attributes']['style'] = 'display: none;';
- }
-
- $count = 0;
- foreach (Element::children($element) as $action) {
- $element[$action] += [
- '#weight' => ++$count * 5,
- ];
- }
- }
-
- if (!empty($element)) {
- $element['#type'] = 'actions';
- }
-
- return $element;
- }
-
- /**
- * Ajax callback for same page preview.
- *
- * Passes current uuid client side in order to reload preview pane.
- */
- public function ajaxCallback(array $form, FormStateInterface $form_state) {
- $entity = $form_state->getFormObject()->getEntity();
-
- // Reload preview pane.
- $response = new AjaxResponse();
- // Need to pass the current uuid from form state here. Since the entity
- // doesn't exist yet, the value will change on every preview event on the
- // add form.
- $response->addCommand(new InvokeCommand(NULL, 'samePagePreviewRenderPreview', [$entity->uuid()]));
- return $response;
- }
-
-}
diff --git a/modules/same_page_preview/src/Form/SettingsForm.php b/modules/same_page_preview/src/Form/SettingsForm.php
deleted file mode 100644
index df10fd0d178d6b9596a0063d27deedbd2878f81d..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/src/Form/SettingsForm.php
+++ /dev/null
@@ -1,103 +0,0 @@
-<?php
-
-namespace Drupal\same_page_preview\Form;
-
-use Drupal\Core\Config\ConfigFactoryInterface;
-use Drupal\Core\Entity\EntityStorageInterface;
-use Drupal\Core\Entity\EntityTypeManagerInterface;
-use Drupal\Core\Form\ConfigFormBase;
-use Drupal\Core\Form\FormStateInterface;
-use Symfony\Component\DependencyInjection\ContainerInterface;
-
-/**
- * Configure Same Page Preview settings for this site.
- */
-class SettingsForm extends ConfigFormBase {
-
- /**
- * The entity type manager.
- *
- * @var \Drupal\Core\Entity\EntityStorageInterface
- */
- private EntityStorageInterface $entity_type_storage;
-
- /**
- * @inheritDoc
- */
- public function __construct(ConfigFactoryInterface $config_factory, EntityStorageInterface $entity_type_storage) {
- parent::__construct($config_factory);
- $this->entity_type_storage = $entity_type_storage;
- }
-
- /**
- * @inheritDoc
- */
- public static function create(ContainerInterface $container) {
- return new static(
- $container->get('config.factory'),
- $container->get('entity_type.manager')->getStorage('node_type')
- );
- }
-
-
- /**
- * {@inheritdoc}
- */
- public function getFormId() {
- return 'same_page_preview_settings';
- }
-
- /**
- * {@inheritdoc}
- */
- protected function getEditableConfigNames() {
- return ['same_page_preview.settings'];
- }
-
- /**
- * {@inheritdoc}
- */
- public function buildForm(array $form, FormStateInterface $form_state) {
- // Settings in personalization are bound by admin.js.
- $form['personalization'] = [
- '#type' => 'details',
- '#title' => $this->t('Personalization settings'),
- '#open' => TRUE,
- ];
-
- $form['personalization']['toggle_preview_link'] = [
- '#type' => 'checkbox',
- '#title' => $this->t('On by default'),
- ];
-
- $form['content_type_settings'] = [
- '#type' => 'details',
- '#title' => $this->t('Content Type settings'),
- '#open' => TRUE,
- ];
-
- foreach ($this->entity_type_storage->loadMultiple() as $type) {
- $setting = $type->getThirdPartySetting('same_page_preview', 'active', TRUE);
- $form['content_type_settings'][$type->id()] = [
- '#type' => 'checkbox',
- '#title' => $this->t('Enable for @label content types', ['@label' => $type->label()]),
- '#default_value' => $setting,
- ];
- }
-
- $form['#attached']['library'][] = 'same_page_preview/admin';
- return parent::buildForm($form, $form_state);
- }
-
- /**
- * {@inheritdoc}
- */
- public function submitForm(array &$form, FormStateInterface $form_state) {
- foreach ($this->entity_type_storage->loadMultiple() as $type) {
- $type->setThirdPartySetting('same_page_preview', 'active', $form_state->getValue($type->id()));
- $type->save();
- }
- }
-
-
-}
diff --git a/modules/same_page_preview/tests/src/Functional/SamePagePreviewEditFormTest.php b/modules/same_page_preview/tests/src/Functional/SamePagePreviewEditFormTest.php
deleted file mode 100644
index 277e6931ec6a342ae241f8e9664e2052f6afb432..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/tests/src/Functional/SamePagePreviewEditFormTest.php
+++ /dev/null
@@ -1,98 +0,0 @@
-<?php
-
-namespace Drupal\Tests\same_page_preview\Functional;
-
-use Behat\Mink\Exception\ExpectationException;
-use Drupal\Tests\node\Functional\NodeTestBase;
-
-/**
- * Tests the same page preview edit form.
- *
- * @group same_page_preview
- */
-class SamePagePreviewEditFormTest extends NodeTestBase {
-
- /**
- * {@inheritdoc}
- */
- protected $profile = 'standard';
-
- /**
- * Modules to enable.
- *
- * @var array
- */
- protected static $modules = ['same_page_preview'];
-
- /**
- * Theme to use for tests.
- *
- * @var string
- */
- protected $defaultTheme = 'olivero';
-
- protected $adminUser;
-
- /**
- * {@inheritdoc}
- */
- protected function setUp(): void {
- parent::setUp();
-
- // Set the administrative theme to be Claro.
- $this->config('system.theme')->set('admin', 'claro')->save();
- $this->config('node.settings')->set('use_admin_theme', '1')->save();
-
- $this->adminUser = $this->drupalCreateUser([
- 'edit own page content',
- 'create page content',
- 'access same_page_preview',
- 'view the administration theme',
- ]);
-
- $this->drupalLogin($this->adminUser);
- }
-
- /**
- * See if we're using Claro as an admin theme.
- */
- public function testUsingClaroAdminTheme() {
- // Go to an administrative page.
- $this->drupalGet('node/add/page');
-
- try {
- $this->assertSession()->statusCodeEquals(200);
-
- // Check if claro is the administrative theme.
- $this->assertSession()->responseContains('claro/css/base/elements.css');
- }
- catch (ExpectationException $e) {
- $this->fail('Claro is not the administrative theme.');
- }
- }
-
- /**
- * Test node edit form with new same_page_preview.
- */
- public function testPreviewButtonsExists() {
- $this->markTestSkipped('This test is not passing upstream either: https://git.drupalcode.org/project/same_page_preview/-/jobs/1584490');
-
- // Prerequisites.
- $this->drupalGet('node/add/page');
- $session = $this->assertSession();
-
- // Does the page have the preview buttons?
- try {
- $session->assert(!$this->getSession()
- ->getPage()
- ->hasLink('I dont exist'), "Shouldn't have dummy button.");
- $session->assert($this->getSession()
- ->getPage()
- ->hasLink('Toggle Preview'), "I should have a Toggle Preview button.");
- }
- catch (ExpectationException $e) {
- $this->fail('Preview buttons not found.');
- }
- }
-
-}
diff --git a/modules/same_page_preview/tests/src/FunctionalJavascript/SamePagePreviewEditFormTest.php b/modules/same_page_preview/tests/src/FunctionalJavascript/SamePagePreviewEditFormTest.php
deleted file mode 100644
index 3fb3c6d9595b448e8b4a19b495fbfaa57038f4a3..0000000000000000000000000000000000000000
--- a/modules/same_page_preview/tests/src/FunctionalJavascript/SamePagePreviewEditFormTest.php
+++ /dev/null
@@ -1,112 +0,0 @@
-<?php
-
-namespace Drupal\Tests\same_page_preview\FunctionalJavascript;
-
-use Behat\Mink\Exception\ElementNotFoundException;
-use Behat\Mink\Exception\ExpectationException;
-use Drupal\FunctionalJavascriptTests\WebDriverTestBase;
-
-/**
- * Tests the same page preview edit form.
- *
- * @group same_page_preview
- */
-class SamePagePreviewEditFormTest extends WebDriverTestBase {
-
- /**
- * {@inheritdoc}
- */
- protected $profile = 'standard';
-
- /**
- * Theme to use for tests.
- *
- * @var string
- */
- protected $defaultTheme = 'olivero';
-
- /**
- * Modules to enable.
- *
- * @var array
- */
- protected static $modules = ['same_page_preview'];
-
- protected $adminUser;
-
- /**
- * {@inheritdoc}
- */
- protected function setUp(): void {
- parent::setUp();
-
- // Set the administrative theme to be Claro.
- $this->config('system.theme')->set('admin', 'claro')->save();
- $this->config('node.settings')->set('use_admin_theme', '1')->save();
-
- // Set the administrative theme to be Claro.
- $this->adminUser = $this->drupalCreateUser([
- 'edit own page content',
- 'create page content',
- 'access same_page_preview',
- 'view the administration theme',
- ]);
-
- $this->drupalLogin($this->adminUser);
- }
-
- /**
- * Test node edit form with new same_page_preview.
- */
- public function testNodePreview() {
- // Prerequisites.
- $this->drupalGet('node/add/page');
- $session = $this->assertSession();
- $this->markTestSkipped('This test is not passing upstream either: https://git.drupalcode.org/project/same_page_preview/-/jobs/1584490');
-
- try {
- // Does the page have the toggle preview button?
- $session->assert($this->getSession()
- ->getPage()
- ->hasLink('Toggle Preview'), "Has Toggle Preview button.");
-
- // Open the preview pane. Does it show?
- $toggle_preview = $this->getSession()->getPage()->findLink('Toggle Preview');
- $this->assertTrue($toggle_preview->isVisible(), 'Toggle Preview button is visible.');
- $toggle_preview->click();
- $this->assertSession()->assertWaitOnAjaxRequest();
- $preview_dialog = $this->getSession()->getPage()->find('css', 'div.ui-dialog');
- $this->assertTrue($preview_dialog->isVisible(), 'Preview dialog is visible.');
-
- // Add a title, refresh preview, is the title in the preview?
- $this->getSession()
- ->getPage()
- ->fillField('Title', 'same_page_preview test');
- $this->getSession()->getPage()->pressButton('Refresh');
- $this->assertSession()->assertWaitOnAjaxRequest();
- $this->assertNotNull($this->assertSession()
- ->waitForElementVisible('css', 'iframe.preview'));
- $this->getSession()->switchToIFrame('preview');
- $this->assertNotNull($this->assertSession()
- ->waitForElementVisible('css', 'h1.page-title'));
-
- $this->getSession()->getPage()->hasContent('same_page_preview test');
-
- // Close the dialog again.
- $this->getSession()->switchToIFrame();
- $closeButton = $this->getSession()->getPage()->find('css', '.ui-dialog-titlebar-close');
- $closeButton->click();
- $this->assertSession()->assertWaitOnAjaxRequest();
- $dialog = $this->getSession()->getPage()->find('css', '.ui-dialog');
- $this->assertNull($dialog, 'Dialog is closed after clicking the close button.');
- }
- catch (ElementNotFoundException $e) {
- $this->fail('Not all elements were found on the page.');
- }
- catch (ExpectationException $e) {
- $this->fail('Preview Functionality broken.');
- }
- // Finally.
- }
-
-}