Code Coverage
 
Lines
Functions and Methods
Classes and Traits
Total
0.00%
0 / 233
0.00%
0 / 20
 CRAP
0.00%
0 / 1
Admin_UI
0.00%
0 / 233
0.00%
0 / 20
 1560
0.00%
0 / 1
 init
0.00%
0 / 8
0.00%
0 / 1
 12
 enable_menu
0.00%
0 / 12
0.00%
0 / 1
 12
 get_admin_page_url
0.00%
0 / 1
0.00%
0 / 1
 2
 get_allowed_video_extensions
0.00%
0 / 15
0.00%
0 / 1
 2
 admin_init
0.00%
0 / 1
0.00%
0 / 1
 2
 plugin_settings_page
0.00%
0 / 2
0.00%
0 / 1
 2
 remove_jetpack_hooks
0.00%
0 / 4
0.00%
0 / 1
 6
 can_use_analytics
0.00%
0 / 4
0.00%
0 / 1
 2
 enqueue_admin_scripts
0.00%
0 / 28
0.00%
0 / 1
 20
 render_initial_state
0.00%
0 / 1
0.00%
0 / 1
 2
 initial_state
0.00%
0 / 20
0.00%
0 / 1
 12
 edit_video_link
0.00%
0 / 13
0.00%
0 / 1
 42
 get_logo_svg
0.00%
0 / 1
0.00%
0 / 1
 2
 attachment_details_two_column_template
0.00%
0 / 46
0.00%
0 / 1
 2
 attachment_details_template
0.00%
0 / 52
0.00%
0 / 1
 2
 attachment_info_template_part
0.00%
0 / 7
0.00%
0 / 1
 2
 load_wp_build
0.00%
0 / 11
0.00%
0 / 1
 6
 alias_screen_id_for_wp_build
0.00%
0 / 3
0.00%
0 / 1
 6
 is_modernized
0.00%
0 / 1
0.00%
0 / 1
 2
 is_videopress_admin_request
0.00%
0 / 3
0.00%
0 / 1
 12
1<?php
2/**
3 * The initializer class for Admin UI elements
4 *
5 * @package automattic/jetpack-videopress
6 */
7
8namespace Automattic\Jetpack\VideoPress;
9
10use Automattic\Jetpack\Admin_UI\Admin_Menu;
11use Automattic\Jetpack\Assets;
12use Automattic\Jetpack\Connection\Initial_State as Connection_Initial_State;
13use Automattic\Jetpack\Connection\Manager as Connection_Manager;
14use Automattic\Jetpack\Current_Plan;
15use Automattic\Jetpack\My_Jetpack\Products as My_Jetpack_Products;
16use Automattic\Jetpack\Status;
17use Automattic\Jetpack\Status\Host;
18use Automattic\Jetpack\Terms_Of_Service;
19use Automattic\Jetpack\Tracking;
20
21/**
22 * Initialized the VideoPress package
23 */
24class Admin_UI {
25
26    const JETPACK_VIDEOPRESS_PKG_NAMESPACE = 'jetpack-videopress-pkg';
27
28    const ADMIN_PAGE_SLUG = 'jetpack-videopress';
29
30    /**
31     * Filter name that gates the wp-build–based dashboard.
32     *
33     * When this filter returns true, "Jetpack > VideoPress" renders the new
34     * wp-build dashboard instead of the legacy React app.
35     */
36    const MODERNIZATION_FILTER = 'rsm_jetpack_ui_modernization_videopress';
37
38    /**
39     * Initializes the Admin UI of VideoPress
40     *
41     * This method is called only once by the Initializer class
42     *
43     * @return void
44     */
45    public static function init() {
46
47        add_action( 'admin_menu', array( __CLASS__, 'enable_menu' ), 1 ); // Akismet uses 4, so we use 1 to ensure both menus are added when only they exist.
48
49        add_action( 'admin_footer-upload.php', array( __CLASS__, 'attachment_details_two_column_template' ) );
50        add_action( 'admin_footer-post.php', array( __CLASS__, 'attachment_details_template' ), 20 );
51
52        add_filter( 'get_edit_post_link', array( __CLASS__, 'edit_video_link' ), 10, 3 );
53
54        add_action( 'admin_init', array( __CLASS__, 'remove_jetpack_hooks' ) );
55
56        if ( self::is_modernized() && self::is_videopress_admin_request() ) {
57            self::load_wp_build();
58            add_action( 'current_screen', array( __CLASS__, 'alias_screen_id_for_wp_build' ) );
59        }
60    }
61
62    /**
63     * Enable the menu, separately to init due to translations needing to run early for the page suffix.
64     *
65     * @return void
66     */
67    public static function enable_menu() {
68        $callback = self::is_modernized() && function_exists( 'jetpack_videopress_jetpack_videopress_dashboard_wp_admin_render_page' )
69            ? 'jetpack_videopress_jetpack_videopress_dashboard_wp_admin_render_page'
70            : array( __CLASS__, 'plugin_settings_page' );
71
72        $page_suffix = Admin_Menu::add_menu(
73            // "VideoPress" is a product name, do not translate.
74            'Jetpack VideoPress',
75            'VideoPress',
76            'manage_options',
77            self::ADMIN_PAGE_SLUG,
78            $callback,
79            3
80        );
81        add_action( 'load-' . $page_suffix, array( __CLASS__, 'admin_init' ) );
82    }
83
84    /**
85     * Gets the URL for the VideoPress admin page
86     *
87     * @return string
88     */
89    public static function get_admin_page_url() {
90        return admin_url( 'admin.php?page=' . self::ADMIN_PAGE_SLUG );
91    }
92
93    /**
94     * Gets the list of allowed video extensions
95     *
96     * @return array
97     */
98    public static function get_allowed_video_extensions() {
99        return array(
100            '3g2'  => 'video/3gpp2',
101            '3gp'  => 'video/3gpp',
102            '3gp2' => 'video/3gpp2',
103            '3gpp' => 'video/3gpp',
104            'avi'  => 'video/avi',
105            'm4v'  => 'video/mp4',
106            'mov'  => 'video/quicktime',
107            'mp4'  => 'video/mp4',
108            'mpe'  => 'video/mpeg',
109            'mpeg' => 'video/mpeg',
110            'mpg'  => 'video/mpeg',
111            'ogv'  => 'video/ogg',
112            'wmv'  => 'video/x-ms-wmv',
113        );
114    }
115
116    /**
117     * Initialize the admin resources.
118     */
119    public static function admin_init() {
120        add_action( 'admin_enqueue_scripts', array( __CLASS__, 'enqueue_admin_scripts' ) );
121    }
122
123    /**
124     * Main plugin settings page.
125     */
126    public static function plugin_settings_page() {
127        ?>
128            <div id="jetpack-videopress-root"></div>
129        <?php
130    }
131
132    /**
133     * Remove extra fields from Attachment details modal
134     *
135     * @return void
136     */
137    public static function remove_jetpack_hooks() {
138        if ( class_exists( '\VideoPress_Edit_Attachment' ) ) {
139            $edit_attachment = \VideoPress_Edit_Attachment::init();
140            remove_filter( 'attachment_fields_to_edit', array( $edit_attachment, 'fields_to_edit' ) );
141            remove_filter( 'attachment_fields_to_save', array( $edit_attachment, 'save_fields' ) );
142        }
143    }
144
145    /**
146     * Returns whether we are in condition to track to use
147     * Analytics functionality like Tracks, MC, or GA.
148     */
149    public static function can_use_analytics() {
150        $status     = new Status();
151        $connection = new Connection_Manager();
152        $tracking   = new Tracking( 'jetpack', $connection );
153
154        return $tracking->should_enable_tracking( new Terms_Of_Service(), $status );
155    }
156
157    /**
158     * Enqueue plugin admin scripts and styles.
159     */
160    public static function enqueue_admin_scripts() {
161        // This callback is registered via `load-{$page_suffix}` in `enable_menu()`,
162        // so it only fires on the VideoPress admin page — no need to re-check the page here.
163        if ( self::is_modernized() ) {
164            // Page-level shell stylesheet: scopes the shared `jetpack-admin-page-layout`
165            // mixin to the dashboard body so every route inherits the proper
166            // scrollable chrome (fixed `#wpbody-content`, scrollable middle, pinned
167            // footer) regardless of whether it uses DashboardLayout. Without this,
168            // non-tabbed routes (e.g. Video details) would only get the layout
169            // after a sibling route's chunk happened to inject the same CSS.
170            $shell_css = dirname( __DIR__ ) . '/build/dashboard-shell/index.css';
171            if ( file_exists( $shell_css ) ) {
172                wp_register_style(
173                    'jetpack-videopress-dashboard-shell',
174                    plugins_url( 'build/dashboard-shell/index.css', __DIR__ ),
175                    array(),
176                    (string) filemtime( $shell_css )
177                );
178                wp_style_add_data( 'jetpack-videopress-dashboard-shell', 'rtl', 'replace' );
179                wp_enqueue_style( 'jetpack-videopress-dashboard-shell' );
180            }
181
182            // The Video details screen's thumbnail editor opens the WordPress
183            // media library (via window.wp.media) for the "Upload image"
184            // action, so the media scripts must be present here too.
185            wp_enqueue_media();
186
187            // Beyond the shell stylesheet and the media library, wp-build
188            // manages its own enqueue pipeline. The legacy script, initial
189            // state, and tracking are all intentionally skipped for the
190            // wp-build dashboard.
191            return;
192        }
193
194        Assets::register_script(
195            self::JETPACK_VIDEOPRESS_PKG_NAMESPACE,
196            '../build/admin/index.js',
197            __FILE__,
198            array(
199                'in_footer'  => true,
200                'textdomain' => 'jetpack-videopress-pkg',
201            )
202        );
203        Assets::enqueue_script( self::JETPACK_VIDEOPRESS_PKG_NAMESPACE );
204
205        // Required for Media Library access
206        wp_enqueue_media();
207
208        // Required for Analytics.
209        if ( self::can_use_analytics() ) {
210            Tracking::register_tracks_functions_scripts( true );
211        }
212
213        // Initial JS state including JP Connection data.
214        Connection_Initial_State::render_script( self::JETPACK_VIDEOPRESS_PKG_NAMESPACE );
215        wp_add_inline_script( self::JETPACK_VIDEOPRESS_PKG_NAMESPACE, self::render_initial_state(), 'before' );
216    }
217
218    /**
219     * Render the initial state into a JavaScript variable.
220     *
221     * @return string
222     */
223    public static function render_initial_state() {
224        return 'var jetpackVideoPressInitialState=' . wp_json_encode( self::initial_state(), JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP ) . ';';
225    }
226
227    /**
228     * Get the initial state data for hydrating the React UI.
229     *
230     * @return array
231     */
232    public static function initial_state() {
233        return array(
234            'apiRoot'                => esc_url_raw( rest_url() ),
235            'apiNonce'               => wp_create_nonce( 'wp_rest' ),
236            'registrationNonce'      => wp_create_nonce( 'jetpack-registration-nonce' ),
237            'adminUrl'               => self::get_admin_page_url(),
238            'adminUri'               => 'admin.php?page=' . self::ADMIN_PAGE_SLUG,
239            'paidFeatures'           => array(
240                'isVideoPressSupported'          => Current_Plan::supports( 'videopress' ),
241                // Check videopress-1tb-storage (Jetpack) or videopress (WordPress.com).
242                'isVideoPress1TBSupported'       => Current_Plan::supports( 'videopress-1tb-storage' )
243                    || ( ( new Host() )->is_wpcom_platform() && wpcom_site_has_feature( 'videopress' ) ),
244                'isVideoPressUnlimitedSupported' => Current_Plan::supports( 'videopress-unlimited-storage' ),
245            ),
246            'siteSuffix'             => ( new Status() )->get_site_suffix(),
247            'productData'            => Plan::get_product(),
248            'productPrice'           => Plan::get_product_price(),
249            'siteProductData'        => My_Jetpack_Products::get_product( 'videopress' ),
250            'allowedVideoExtensions' => self::get_allowed_video_extensions(),
251            'initialState'           => Data::get_initial_state(),
252            'contentNonce'           => wp_create_nonce( 'videopress-content-nonce' ),
253        );
254    }
255
256    /**
257     * Replaces the edit link for videopress videos
258     *
259     * @param string $link - the post link.
260     * @param int    $post_id - the post ID.
261     * @param string $context - the context.
262     *
263     * @return string
264     */
265    public static function edit_video_link( $link, $post_id, $context ) {
266        $post_id = (int) $post_id;
267        if ( ! $post_id ) {
268            return $link;
269        }
270
271        $post = get_post( $post_id );
272        if ( ! $post ) {
273            return $link;
274        }
275
276        if ( 'attachment' !== $post->post_type || 'video/videopress' !== $post->post_mime_type ) {
277            return $link;
278        }
279
280        $route = sprintf( '#/video/%d/edit', $post_id );
281        $url   = self::get_admin_page_url() . $route;
282
283        if ( 'display' === $context ) {
284            return esc_url( $url );
285        }
286
287        return esc_url_raw( $url );
288    }
289
290    /**
291     * Gets the SVG for the sub brand Jetpack VideoPress logo
292     *
293     * @return string
294     */
295    protected static function get_logo_svg() {
296        return '<svg width="212" height="27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M110.441 16.294c.479-1.458.995-2.93 1.547-4.414l2.545-6.87h1.687l-5.09 13.361h-1.427l-5.09-13.361h1.687l2.545 6.87a109.628 109.628 0 0 1 1.556 4.414h.04ZM117.919 18.371V8.884h1.547v9.487h-1.547Zm-.04-11.694V4.95h1.627v1.727h-1.627ZM123.331 13.728c0 .546.06 1.042.179 1.488.127.439.306.815.539 1.128.233.306.519.543.858.71.34.166.729.249 1.168.249.326 0 .622-.044.888-.13.266-.087.503-.196.709-.33a3.045 3.045 0 0 0 .898-.838V11.04a3.706 3.706 0 0 0-1.108-.779c-.419-.2-.871-.3-1.357-.3a2.83 2.83 0 0 0-.928.17 2.26 2.26 0 0 0-.898.59c-.273.286-.499.672-.679 1.158-.179.48-.269 1.095-.269 1.848Zm-1.617.02c0-.66.063-1.242.19-1.748.133-.513.306-.959.519-1.338.212-.38.462-.696.748-.949.286-.26.582-.47.888-.629.306-.16.616-.273.928-.34.32-.073.619-.11.898-.11.579 0 1.082.097 1.507.29.426.193.809.476 1.148.85h.03V3.91h1.547v14.46h-1.168l-.319-1.058h-.04c-.12.153-.26.31-.419.47-.16.152-.349.292-.569.419a2.83 2.83 0 0 1-.749.3 3.57 3.57 0 0 1-.978.119 4.63 4.63 0 0 1-1.526-.26 3.666 3.666 0 0 1-1.338-.849c-.386-.392-.698-.895-.938-1.507-.239-.62-.359-1.372-.359-2.257ZM136.626 9.963c-.352 0-.682.07-.988.21a2.57 2.57 0 0 0-.788.569c-.226.24-.409.522-.549.849-.14.32-.226.662-.259 1.028h4.79c0-.373-.05-.719-.15-1.038a2.474 2.474 0 0 0-.419-.85 1.935 1.935 0 0 0-.689-.559 2.046 2.046 0 0 0-.948-.21Zm.849 7.31c.512 0 .978-.04 1.397-.12a8.775 8.775 0 0 0 1.267-.36v1.289c-.339.166-.758.296-1.257.39-.499.1-1.035.149-1.607.149a6.871 6.871 0 0 1-1.916-.26 4.108 4.108 0 0 1-1.557-.838c-.446-.387-.798-.89-1.058-1.508-.253-.626-.379-1.379-.379-2.257 0-.866.12-1.615.359-2.247.24-.64.559-1.172.958-1.598.4-.426.859-.746 1.378-.959a4.238 4.238 0 0 1 1.626-.32c.532 0 1.028.09 1.487.27.466.173.868.45 1.208.83.339.379.605.868.798 1.467.2.6.299 1.318.299 2.157v.21c0 .053-.003.18-.009.38h-6.507c0 .605.09 1.121.269 1.547.187.42.436.763.749 1.029.319.26.692.45 1.117.57.426.119.885.179 1.378.179ZM149.623 13.638c0-.586-.074-1.105-.22-1.558a3.288 3.288 0 0 0-.599-1.159 2.421 2.421 0 0 0-.908-.718 2.674 2.674 0 0 0-1.157-.25c-.42 0-.806.083-1.158.25a2.5 2.5 0 0 0-.918.719c-.253.312-.453.699-.599 1.158-.14.453-.21.972-.21 1.558 0 .579.07 1.098.21 1.558.146.452.349.835.609 1.148.259.313.565.553.918.72.352.159.738.239 1.157.239.42 0 .802-.08 1.148-.24a2.56 2.56 0 0 0 .908-.719c.26-.313.459-.696.599-1.148.146-.46.22-.979.22-1.558Zm1.616 0a6.17 6.17 0 0 1-.319 2.037 4.617 4.617 0 0 1-.908 1.578 3.987 3.987 0 0 1-1.407 1.009c-.552.24-1.171.359-1.857.359-.705 0-1.337-.12-1.896-.36a4.09 4.09 0 0 1-1.417-1.008 4.562 4.562 0 0 1-.888-1.578 6.361 6.361 0 0 1-.309-2.037c0-.752.106-1.435.319-2.047a4.697 4.697 0 0 1 .898-1.578c.393-.44.865-.78 1.417-1.019a4.69 4.69 0 0 1 1.867-.36c.698 0 1.327.12 1.886.36.559.24 1.031.58 1.417 1.019.386.44.682.965.888 1.578.206.612.309 1.295.309 2.047ZM155.204 18.371h-1.627V5.01h3.703c.552 0 1.061.033 1.527.1.472.066.905.17 1.297.309.798.286 1.404.716 1.816 1.288.413.566.619 1.265.619 2.097 0 .68-.136 1.279-.409 1.798a3.473 3.473 0 0 1-1.168 1.288c-.512.346-1.137.61-1.876.79-.732.172-1.563.259-2.495.259-.446 0-.908-.02-1.387-.06v5.492Zm0-6.98a12.234 12.234 0 0 0 1.367.08c.765 0 1.417-.06 1.956-.18.539-.12.978-.293 1.318-.52.339-.232.585-.512.738-.838.153-.333.23-.71.23-1.129 0-.519-.127-.945-.38-1.278-.246-.333-.598-.586-1.057-.759a4.097 4.097 0 0 0-.988-.22 10.59 10.59 0 0 0-1.298-.07h-1.886v4.914ZM169.62 10.143h-.12c-.365 0-.725.033-1.077.1a4.45 4.45 0 0 0-.998.309c-.306.133-.586.3-.839.5a2.74 2.74 0 0 0-.618.708v6.611h-1.547V8.884h1.197l.3 1.508h.03c.153-.246.339-.476.559-.689.226-.213.479-.4.758-.56a3.72 3.72 0 0 1 .918-.369c.333-.093.682-.14 1.048-.14.067 0 .133.004.2.01.073 0 .136.004.189.01v1.489ZM174.673 9.963c-.353 0-.682.07-.988.21-.3.14-.562.33-.789.569-.226.24-.409.522-.549.849-.139.32-.226.662-.259 1.028h4.79c0-.373-.05-.719-.149-1.038a2.476 2.476 0 0 0-.42-.85 1.931 1.931 0 0 0-.688-.559 2.052 2.052 0 0 0-.948-.21Zm.848 7.31c.512 0 .978-.04 1.397-.12a8.824 8.824 0 0 0 1.268-.36v1.289c-.34.166-.759.296-1.258.39-.499.1-1.034.149-1.607.149a6.876 6.876 0 0 1-1.916-.26 4.108 4.108 0 0 1-1.557-.838c-.445-.387-.798-.89-1.057-1.508-.253-.626-.38-1.379-.38-2.257 0-.866.12-1.615.36-2.247.239-.64.559-1.172.958-1.598a3.9 3.9 0 0 1 1.377-.959 4.243 4.243 0 0 1 1.627-.32c.532 0 1.027.09 1.487.27.465.173.868.45 1.207.83.339.379.606.868.798 1.467.2.6.3 1.318.3 2.157v.21c0 .053-.003.18-.01.38h-6.507c0 .605.09 1.121.27 1.547.186.42.435.763.748 1.029.319.26.692.45 1.118.57.426.119.885.179 1.377.179ZM181.831 11.41c0 .26.056.473.17.64.113.166.262.303.449.41.193.1.412.182.658.25.253.066.513.126.779.179.366.08.712.17 1.038.27.326.093.625.236.898.429.279.193.502.456.668.789.173.326.26.752.26 1.278 0 .48-.093.906-.28 1.278a2.64 2.64 0 0 1-.788.929 3.66 3.66 0 0 1-1.217.56c-.473.132-.992.199-1.557.199-.346 0-.662-.02-.948-.06a5.2 5.2 0 0 1-.749-.14 4.56 4.56 0 0 1-.549-.17 3.646 3.646 0 0 1-.379-.17v-1.297c.399.16.795.286 1.188.379.392.093.825.14 1.297.14.373 0 .709-.034 1.008-.1.299-.067.555-.163.768-.29.22-.133.386-.296.499-.489.12-.2.18-.43.18-.69 0-.265-.053-.485-.16-.658a1.315 1.315 0 0 0-.429-.43 2.582 2.582 0 0 0-.629-.28 9.795 9.795 0 0 0-.738-.199c-.339-.073-.685-.16-1.038-.26-.346-.1-.662-.24-.948-.419a2.102 2.102 0 0 1-.699-.729c-.173-.313-.259-.712-.259-1.198 0-.5.09-.932.269-1.299.18-.366.423-.669.729-.908.306-.24.662-.42 1.068-.54.406-.12.835-.18 1.287-.18.526 0 1.011.05 1.457.15.453.1.862.227 1.228.38v1.318a8.85 8.85 0 0 0-1.218-.37 5.61 5.61 0 0 0-1.257-.16c-.366 0-.679.037-.938.11a1.78 1.78 0 0 0-.639.31c-.166.127-.289.28-.369.46a1.46 1.46 0 0 0-.11.579ZM189.787 11.41c0 .26.057.473.17.64.113.166.263.303.449.41.193.1.413.182.659.25.253.066.512.126.778.179.366.08.712.17 1.038.27.326.093.626.236.898.429.28.193.503.456.669.789.173.326.259.752.259 1.278 0 .48-.093.906-.279 1.278a2.64 2.64 0 0 1-.788.929c-.34.246-.746.433-1.218.56-.472.132-.991.199-1.557.199-.346 0-.662-.02-.948-.06a5.185 5.185 0 0 1-.748-.14 4.56 4.56 0 0 1-.549-.17 3.552 3.552 0 0 1-.379-.17v-1.297c.399.16.795.286 1.187.379.393.093.825.14 1.298.14.372 0 .708-.034 1.007-.1.3-.067.556-.163.769-.29.219-.133.386-.296.499-.489.12-.2.18-.43.18-.69 0-.265-.054-.485-.16-.658a1.334 1.334 0 0 0-.429-.43 2.6 2.6 0 0 0-.629-.28 9.925 9.925 0 0 0-.738-.199c-.34-.073-.686-.16-1.038-.26-.346-.1-.662-.24-.948-.419a2.102 2.102 0 0 1-.699-.729c-.173-.313-.259-.712-.259-1.198 0-.5.089-.932.269-1.299.18-.366.422-.669.729-.908a3.16 3.16 0 0 1 1.067-.54c.406-.12.835-.18 1.288-.18.525 0 1.011.05 1.457.15.452.1.861.227 1.227.38v1.318a8.837 8.837 0 0 0-1.217-.37 5.612 5.612 0 0 0-1.258-.16 3.49 3.49 0 0 0-.938.11 1.797 1.797 0 0 0-.639.31c-.166.127-.289.28-.369.46-.073.173-.11.366-.11.579Z" fill="#000"/><path d="M13.491 27c7.451 0 13.492-6.044 13.492-13.5 0-7.457-6.04-13.5-13.492-13.5C6.041 0 0 6.044 0 13.5 0 20.957 6.04 27 13.491 27Z" fill="#069E08"/><path d="M14.16 11.233v13.088l6.746-13.088H14.16ZM12.798 15.742V2.679l-6.72 13.063h6.72Z" fill="#fff"/><path d="M34.834 22.414c-.387-.593-.747-1.184-1.107-1.751 1.905-1.16 2.548-2.087 2.548-3.84V6.699h-2.24V4.767H38.8v11.542c0 2.937-.85 4.586-3.965 6.105ZM54.787 15.51c0 .979.695 1.082 1.159 1.082.464 0 1.133-.155 1.647-.31v1.804c-.72.232-1.467.412-2.497.412-1.236 0-2.678-.464-2.678-2.628v-5.308h-1.313v-1.83h1.313V6.029h2.369v2.706h2.986v1.83h-2.986v4.946ZM59.73 23.316V8.708h2.266v.876c.901-.696 1.906-1.134 3.141-1.134 2.137 0 3.837 1.494 3.837 4.715 0 3.195-1.853 5.307-4.918 5.307-.746 0-1.338-.103-1.957-.232v5.05h-2.368v.026Zm4.789-12.908c-.695 0-1.57.335-2.395 1.057v4.973a8.59 8.59 0 0 0 1.777.18c1.673 0 2.626-1.057 2.626-3.272 0-2.036-.695-2.938-2.008-2.938ZM78.294 18.266H76.08V17.21h-.052c-.772.592-1.725 1.236-3.14 1.236-1.237 0-2.576-.902-2.576-2.731 0-2.447 2.086-2.911 3.553-3.117l2.085-.283v-.283c0-1.289-.514-1.7-1.725-1.7-.593 0-1.982.18-3.115.643l-.206-1.906a11.91 11.91 0 0 1 3.63-.618c2.317 0 3.811.928 3.811 3.684v6.131h-.05Zm-2.369-4.457-1.957.31c-.592.076-1.21.437-1.21 1.313 0 .773.438 1.21 1.081 1.21.696 0 1.442-.411 2.085-.875v-1.958h.001ZM88.079 17.957c-.978.335-1.853.541-2.961.541-3.553 0-4.97-2.035-4.97-4.998 0-3.117 1.958-5.05 5.124-5.05 1.184 0 1.905.207 2.703.465v2.01c-.695-.259-1.7-.542-2.677-.542-1.442 0-2.678.773-2.678 2.989 0 2.447 1.236 3.195 2.806 3.195.747 0 1.571-.155 2.678-.593v1.983h-.025ZM92.558 12.83c.205-.231.36-.463 3.346-4.096h3.09l-3.863 4.535 4.222 5.023h-3.089l-3.681-4.535v4.535h-2.368V4.767h2.369v8.064h-.026ZM49.328 17.957c-1.236.387-2.292.541-3.528.541-3.038 0-4.917-1.52-4.917-5.076 0-2.602 1.596-4.972 4.66-4.972 3.038 0 4.094 2.112 4.094 4.122 0 .67-.052 1.03-.077 1.416h-6.128c.052 2.087 1.236 2.577 3.013 2.577.978 0 1.853-.232 2.858-.593v1.983h.025v.002Zm-2.162-5.54c0-1.159-.387-2.164-1.647-2.164-1.184 0-1.906.85-2.06 2.165h3.707Z" fill="#000"/></svg>';
297    }
298
299    // phpcs:disable WordPress.Security.EscapeOutput.UnsafePrintingFunction
300    // phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped
301
302    /**
303     * Overwrites the backbone template for the attachment details modal
304     *
305     * This template is originally added in WP core in wp-includes/media-templates.php
306     *
307     * We override the initialize method of the TwoColumn view class (located at core's js/media/view/attachment/detail-two-column.js)
308     * and use the custom template only for VideoPress videos.
309     *
310     * @return void
311     */
312    public static function attachment_details_two_column_template() {
313
314        ?>
315        <script type="text/html" id="tmpl-videopress_iframe_vnext">
316            <iframe class="videopress-iframe" style="display: block; max-width: 100%; max-height: 100%;" width="{{ data.width }}" height="{{ data.height }}" src="https://videopress.com/embed/{{ data.guid }}?{{ data.urlargs }}" frameborder='0' allowfullscreen></iframe>
317        </script>
318        <script type="text/html" id="tmpl-attachment-details-two-column-videopress">
319            <div class="attachment-media-view {{ data.orientation }}">
320                <h2 class="screen-reader-text"><?php _e( 'Attachment Preview', 'jetpack-videopress-pkg' ); ?></h2>
321                <div class="thumbnail thumbnail-{{ data.type }}">
322                </div>
323            </div>
324            <div class="attachment-info">
325                <h2>
326                    <?php echo self::get_logo_svg(); ?>
327                </h2>
328                <?php self::attachment_info_template_part(); ?>
329            </div>
330        </script>
331        <script>
332            jQuery(document).ready( function($) {
333                if( typeof wp.media.view.Attachment.Details.TwoColumn != 'undefined' ){
334                    var TwoColumn   = wp.media.view.Attachment.Details.TwoColumn,
335                        old_render  = TwoColumn.prototype.render,
336                        vp_template = wp.template('videopress_iframe_vnext');
337
338                    TwoColumn.prototype.initialize = function() {
339                        if ( 'video' === this.model.attributes.type && 'videopress' === this.model.attributes.subtype ) {
340                            this.template = wp.template( 'attachment-details-two-column-videopress' );
341                        } else {
342                            this.template = wp.template( 'attachment-details-two-column' );
343                        }
344                        // From this point on, we are just copying the function from core.
345                        this.controller.on( 'content:activate:edit-details', _.bind( this.editAttachment, this ) );
346                        wp.media.view.Attachment.Details.prototype.initialize.apply( this, arguments );
347                    }
348
349                    // Add the VideoPress player
350                    TwoColumn.prototype.render = function() {
351                        // Have the original renderer run first.
352                        old_render.apply( this, arguments );
353
354                        // Now our stuff!
355                        if ( 'video' === this.model.get('type') ) {
356                            if ( this.model.get('videopress_guid') ) {
357                                this.$('.attachment-media-view .thumbnail-video').html( vp_template( {
358                                    guid   : this.model.get('videopress_guid'),
359                                    width  : this.model.get('width') > 0 ? this.model.get('width') : '100%',
360                                    height : this.model.get('height') > 0 ? this.model.get('height') : '100%'
361                                }));
362                            }
363                        }
364                    };
365                }
366            });
367        </script>
368        <?php
369    }
370
371    /**
372     * Overwrites the backbone template for the attachment details modal
373     *
374     * This template is originally added in WP core in wp-includes/media-templates.php
375     *
376     * We override the initialize method of the TwoColumn view class (located at core's js/media/view/attachment/detail-two-column.js)
377     * and use the custom template only for VideoPress videos.
378     *
379     * @return void
380     */
381    public static function attachment_details_template() {
382        ?>
383        <script type="text/html" id="tmpl-videopress_iframe_vnext">
384            <iframe class="videopress-iframe" style="display: block; max-width: 100%; max-height: 180px;" width="{{ data.width }}" height="{{ data.height }}" src="https://videopress.com/embed/{{ data.guid }}?{{ data.urlargs }}" frameborder='0' allowfullscreen></iframe>
385        </script>
386        <script type="text/html" id="tmpl-attachment-details-videopress">
387            <h2>
388                <?php echo self::get_logo_svg(); ?>
389            </h2>
390            <div class="attachment-info">
391                <div class="wp-media-wrapper wp-video">
392                </div>
393                <?php self::attachment_info_template_part(); ?>
394            </div>
395        </script>
396        <script>
397            jQuery(document).ready( function($) {
398                if( typeof wp.media.view.Attachment.Details != 'undefined' ){
399                    var DetailsTemplate = wp.media.view.Attachment.Details,
400                        old_render      = DetailsTemplate.prototype.render,
401                        vp_template     = wp.template('videopress_iframe_vnext');
402
403                        DetailsTemplate.prototype.initialize = function() {
404                            if ( 'video' === this.model.attributes.type && 'videopress' === this.model.attributes.subtype ) {
405                                this.template = wp.template( 'attachment-details-videopress' );
406                            } else {
407                                this.template = wp.template( 'attachment-details' );
408                            }
409                            // From this point on, we are just copying the function from core.
410                            this.options = _.defaults( this.options, {
411                                rerenderOnModelChange: false
412                            });
413
414                            // Call 'initialize' directly on the parent class.
415                            wp.media.view.Attachment.prototype.initialize.apply( this, arguments );
416
417                            this.copyAttachmentDetailsURLClipboard();
418                        }
419
420                        // Add the VideoPress player
421                        DetailsTemplate.prototype.render = function() {
422                            // Have the original renderer run first.
423                            old_render.apply( this, arguments );
424
425                            // Now our stuff!
426                            if ( 'video' === this.model.get('type') ) {
427                                if ( this.model.get('videopress_guid') ) {
428                                    this.$('.attachment-info .wp-video').html( vp_template( {
429                                        guid   : this.model.get('videopress_guid'),
430                                        // width  : this.model.get('width') > 0 ? this.model.get('width') : '100%',
431                                        // height : this.model.get('height') > 0 ? this.model.get('height') : '100%'
432                                    }));
433                                }
434                            }
435                        };
436                }
437            });
438        </script>
439        <?php
440    }
441
442    /**
443     * Echoes the piece of the custom template that is shared between the two templates above
444     *
445     * @return void
446     */
447    protected static function attachment_info_template_part() {
448        ?>
449        <span class="setting" data-setting="title">
450            <label for="attachment-details-title" class="name"><?php _e( 'Title', 'jetpack-videopress-pkg' ); ?></label>
451            <input type="text" id="attachment-details-title" value="{{ data.title }}" readonly />
452        </span>
453        <span class="setting" data-setting="filename">
454            <label for="attachment-details-filename" class="name"><?php _e( 'File name', 'jetpack-videopress-pkg' ); ?></label>
455            <input type="text" id="attachment-details-filename" value="{{ data.filename }}" readonly />
456        </span>
457        <span class="setting" data-setting="fileurl">
458            <label for="attachment-details-copy-link" class="name"><?php _e( 'File URL:', 'jetpack-videopress-pkg' ); ?></label>
459            <input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly />
460            <div class="copy-to-clipboard-container">
461                <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link"><?php _e( 'Copy URL to clipboard', 'jetpack-videopress-pkg' ); ?></button>
462                <span class="success hidden" aria-hidden="true"><?php _e( 'Copied!', 'jetpack-videopress-pkg' ); ?></span>
463            </div>
464        </span>
465        <p><a href="{{ data.editLink }}" class="button button-medium" target="_blank"><?php _e( 'Edit video details', 'jetpack-videopress-pkg' ); ?></a></p>
466        <?php
467    }
468    // phpcs:enable WordPress.Security.EscapeOutput.UnsafePrintingFunction
469    // phpcs:enable WordPress.Security.EscapeOutput.OutputNotEscaped
470
471    /**
472     * Load the wp-build entry file and register its polyfills.
473     *
474     * Only called on `?page=jetpack-videopress` admin requests when the
475     * modernization filter is enabled. Keeps wp-build off every other request.
476     *
477     * @return void
478     */
479    private static function load_wp_build() {
480        $build_index = dirname( __DIR__ ) . '/build/build.php';
481
482        if ( ! file_exists( $build_index ) ) {
483            return;
484        }
485
486        require_once $build_index;
487
488        \Automattic\Jetpack\WP_Build_Polyfills\WP_Build_Polyfills::register(
489            'jetpack-videopress',
490            array_merge(
491                \Automattic\Jetpack\WP_Build_Polyfills\WP_Build_Polyfills::SCRIPT_HANDLES,
492                \Automattic\Jetpack\WP_Build_Polyfills\WP_Build_Polyfills::MODULE_IDS
493            )
494        );
495    }
496
497    /**
498     * Alias the current screen ID to satisfy wp-build's auto-generated enqueue check.
499     *
500     * Wp-build's `<page>-wp-admin` enqueue callback enqueues only when the screen ID
501     * matches the wp-build page slug (`jetpack-videopress-dashboard`). Our WP-admin
502     * menu slug stays `jetpack-videopress`, so we mutate the screen object in place
503     * to make the check pass without changing the user-facing URL.
504     *
505     * Hooked only when modernization is on AND we're on the VideoPress admin page,
506     * so this never affects any other request.
507     *
508     * @param \WP_Screen|null $screen The current screen object (passed by WP).
509     * @return void
510     */
511    public static function alias_screen_id_for_wp_build( $screen ) {
512        if ( ! is_object( $screen ) ) {
513            return;
514        }
515
516        $screen->id = 'jetpack-videopress-dashboard';
517    }
518
519    /**
520     * Returns true when the wp-build modernization filter is enabled.
521     *
522     * @return bool
523     */
524    public static function is_modernized() {
525        return (bool) apply_filters( self::MODERNIZATION_FILTER, false );
526    }
527
528    /**
529     * Returns true when the current request targets the VideoPress admin page.
530     *
531     * Used to scope wp-build loading to the one page that needs it. The
532     * `$_GET['page']` value is populated by wp-admin/admin.php before any of
533     * our hooks fire, so this check is reliable from `init()` onwards.
534     *
535     * @return bool
536     */
537    private static function is_videopress_admin_request() {
538        if ( ! is_admin() || ! isset( $_GET['page'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Recommended
539            return false;
540        }
541
542        return sanitize_text_field( wp_unslash( $_GET['page'] ) ) === self::ADMIN_PAGE_SLUG; // phpcs:ignore WordPress.Security.NonceVerification.Recommended
543    }
544}