pageflow 15.2.0 → 15.5.0

data/entry_types/scrolled/config/routes.rb

@@ -13,6 +13,7 @@ PageflowScrolled::Engine.routes.draw do
 
           resources :content_elements do
             collection do
+              put :batch
               put :order
             end
           end

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb

@@ -4,17 +4,60 @@ module PageflowScrolled
     class InstallGenerator < Rails::Generators::Base
       desc 'Installs Pageflow Scrolled entry type.'
 
-      def install_webpacker
-        require 'webpacker'
-        gemfile = File.expand_path('../../../../../../Gemfile', __dir__)
-        rake "webpacker:install BUNDLE_GEMFILE=#{gemfile}"
+      source_root File.expand_path('templates', __dir__)
+
+      def initializer
+        inject_into_file('config/initializers/pageflow.rb',
+                         after: "Pageflow.configure do |config|\n") do
+          "  config.plugin(PageflowScrolled.plugin)\n\n" \
+          "  config.for_entry_type(PageflowScrolled.entry_type) do |entry_type_config|\n" \
+          "    entry_type_config.plugin(ScrolledThemesPlugin.new)\n" \
+          "  end\n\n"
+        end
+      end
+
+      def theme_plugin
+        # Ruby files in the lib directory are eager loaded in
+        # production. This includes template files in
+        # lib/generators. Template file extension (.tt) is removed by
+        # Thor automatically and ensures the file is not picked up by
+        # eager loading.
+        template 'themes_plugin.rb.tt', 'app/plugins/scrolled_themes_plugin.rb'
+      end
+
+      def install_packages
+        run 'yarn add postcss-url@^8.0.0 @fontsource/source-sans-pro'
       end
 
       def webpack_environment
         inject_into_file('config/webpack/environment.js',
                          before: "module.exports = environment\n") do
-          "const pageflowConfig = require('pageflow/config/webpack')\n" \
-          "environment.config.merge(pageflowConfig)\n\n"
+          "environment.config.merge(require('pageflow/config/webpack'))\n" \
+          "environment.config.merge(require('pageflow-scrolled/config/webpack'))\n\n" \
+          "// Opt into future default behavior of Webpacker [1] to work around\n" \
+          "// problems with Video.js DASH service worker.\n" \
+          "//\n" \
+          "// [1] https://github.com/rails/webpacker/pull/2624\n" \
+          "environment.loaders.delete('nodeModules')\n\n"
+        end
+      end
+
+      def webpacker_yml
+        gsub_file('config/webpacker.yml',
+                  'extract_css: false',
+                  'extract_css: true')
+
+        inject_into_file('config/webpacker.yml',
+                         after: "- .woff2\n") do
+          "    - .mp3\n    - .webmanifest\n    - .xml\n"
+        end
+      end
+
+      def postcss_config
+        inject_into_file('postcss.config.js',
+                         after: "require('postcss-import'),\n") do
+          "    // Make relative urls in fontsource packages work\n" \
+          "    require('postcss-url')({url: 'rebase'}),\n"
         end
       end
 
@@ -30,8 +73,35 @@ module PageflowScrolled
         create_file 'app/javascript/packs/pageflow-scrolled-frontend.js', <<-JS
           import 'pageflow-scrolled/frontend';
           import 'pageflow-scrolled/contentElements-frontend';
+
+          require.context('../pageflow-scrolled/themes', true);
+        JS
+      end
+
+      def server_pack
+        create_file 'app/javascript/packs/pageflow-scrolled-server.js', <<-JS
+          import 'pageflow-scrolled/frontend-server';
+          import 'pageflow-scrolled/contentElements-frontend';
+        JS
+      end
+
+      def theme_pack
+        create_file 'app/javascript/packs/pageflow-scrolled-theme.css', <<-JS
+          @import "pageflow-scrolled/frontend/index.css";
+          @import "pageflow-scrolled/contentElements-frontend.css";
         JS
       end
+
+      def default_font_pack
+        create_file 'app/javascript/packs/fonts/sourceSansPro.css', <<-CSS
+          @import "@fontsource/source-sans-pro/400.css";
+          @import "@fontsource/source-sans-pro/700.css";
+        CSS
+      end
+
+      def default_theme
+        directory 'theme', 'app/javascript/pageflow-scrolled/themes/default'
+      end
     end
   end
 end

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/packs/media/pageflow-scrolled/themes/default/favicons/mstile-150x150-b864e2984146784ebc748b287926ef50.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/safari-pinned-tab.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="678.000000pt" height="678.000000pt" viewBox="0 0 678.000000 678.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,678.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3879 5786 c-2 -2 -42 -7 -89 -10 -47 -3 -96 -8 -110 -11 -14 -3 -41
+-8 -60 -11 -41 -7 -113 -28 -190 -56 -54 -19 -220 -97 -230 -108 -3 -3 -21
+-14 -40 -24 -119 -65 -214 -149 -648 -581 -327 -325 -474 -478 -528 -550 -41
+-55 -79 -105 -84 -111 -18 -23 -100 -181 -129 -250 -38 -89 -77 -224 -88 -301
+-10 -70 -9 -306 0 -348 4 -16 10 -46 13 -65 3 -19 10 -43 15 -52 5 -10 7 -18
+5 -18 -10 0 46 -136 86 -210 92 -172 123 -205 1073 -1158 l920 -923 480 482
+c482 483 537 546 634 711 39 67 111 227 111 247 0 6 4 19 10 29 8 16 46 178
+49 212 21 250 -13 446 -110 641 -42 85 -138 230 -181 272 -33 33 -35 46 -10
+73 17 18 74 96 97 132 60 94 142 251 150 287 1 5 7 23 14 39 14 34 49 167 57
+217 14 80 13 296 -1 368 -21 105 -60 221 -105 310 -38 76 -134 224 -167 259
+-10 10 -43 45 -74 78 -163 173 -331 289 -510 355 -109 40 -186 57 -290 64 -26
+1 -51 5 -57 9 -5 3 -11 4 -13 2z m141 -206 c80 -15 167 -44 242 -81 60 -30
+203 -125 235 -156 19 -18 0 -37 -809 -848 -501 -503 -852 -862 -888 -910 -33
+-44 -64 -85 -68 -90 -5 -6 -11 -15 -13 -20 -2 -6 -21 -39 -41 -75 -33 -58
+-102 -211 -113 -252 -2 -5 -4 -10 -5 -13 -1 -3 -3 -8 -4 -12 -2 -5 -8 -26 -14
+-48 -6 -22 -14 -53 -16 -70 -3 -16 -9 -41 -12 -55 -12 -52 -12 -301 1 -355 7
+-30 9 -55 5 -55 -13 0 -435 435 -465 480 -16 25 -35 50 -42 57 -20 22 -112
+217 -123 263 -46 190 -47 336 -4 504 42 161 143 357 258 501 40 50 888 902
+936 940 76 61 273 186 300 191 3 0 30 12 60 26 179 83 395 112 580 78z m693
+-466 c187 -249 246 -497 191 -789 -22 -116 -138 -374 -206 -460 -5 -5 -27 -35
+-50 -65 -23 -30 -240 -255 -482 -498 -502 -505 -448 -449 -507 -527 -159 -209
+-266 -461 -294 -690 -6 -53 -7 -191 0 -235 2 -19 7 -56 10 -82 4 -26 10 -62
+16 -80 7 -27 -35 11 -219 198 -250 253 -253 257 -304 329 -83 117 -161 302
+-175 415 -11 86 -5 255 11 325 9 39 19 81 22 95 3 13 10 30 16 37 6 7 8 13 5
+13 -4 0 6 28 22 63 15 34 34 77 42 95 7 17 17 32 20 32 4 0 9 8 12 19 2 10 31
+58 63 107 50 77 175 207 898 932 462 463 843 842 847 842 3 0 31 -34 62 -76z
+m-34 -1678 c28 -35 51 -68 51 -74 0 -6 4 -12 8 -14 24 -9 127 -231 138 -298 3
+-14 7 -32 10 -40 17 -48 22 -213 9 -310 -10 -72 -48 -204 -80 -273 -14 -31
+-25 -58 -25 -60 0 -7 -82 -151 -90 -157 -3 -3 -18 -25 -34 -49 -43 -66 -61
+-85 -469 -495 l-378 -379 -29 33 c-16 18 -42 51 -57 74 -15 22 -31 42 -35 44
+-5 2 -8 8 -8 13 0 5 -11 26 -24 47 -27 44 -93 204 -100 247 -3 17 -9 51 -14
+76 -21 110 -6 263 42 449 8 29 77 185 98 220 105 174 132 206 532 608 220 221
+401 402 402 402 1 0 25 -29 53 -64z"/>
+</g>
+</svg>

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/packs/media/pageflow-scrolled/themes/default/favicons/android-chrome-192x192-51c13a8bffeb2de9cad6501969363159.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/packs/media/pageflow-scrolled/themes/default/favicons/android-chrome-512x512-a4f131c6059e0d4b2f15e5f9aecfcf16.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/logoDesktop.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 -50 951.9 338.9" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#343434;}
+	.st1{fill:#343434;stroke:#343434;}
+</style>
+<title>Element 1</title>
+<g id="Ebene_2">
+	<g id="Ebene_1-2">
+		<path class="st0" d="M106.3,238.9l-86.7-86.7C-3.7,129-2,105.3,3.4,89.5c3.8-10.6,9.7-20.2,17.4-28.4l6.5,6.5
+			C20.5,74.8,15.3,83.4,12,92.8c-6.6,19.3-1.8,37.1,14,52.9l80.2,80.2l39.1-39.1l6.5,6.5L106.3,238.9z"/>
+		<path class="st0" d="M104.2,234.5c-23.2-23.2-21.8-46.8-16.5-62.4c3.6-10.5,9.4-20,17-28.1l42.3-42.3l6.5,6.5l-42.3,42.3
+			c-6.6,7.2-11.7,15.7-14.9,24.9c-6.3,19-1.5,36.8,14.3,52.6L104.2,234.5z"/>
+		<path class="st0" d="M61.3,193.9c-23.2-23.2-21.8-46.8-16.5-62.4c3.6-10.5,9.4-20,17-28.1l84-84l6.5,6.5l-84,84
+			c-6.6,7.2-11.7,15.7-14.9,24.9c-6.4,19.1-1.5,36.8,14.4,52.7L61.3,193.9z"/>
+		<path class="st0" d="M151.6,110.1l-6.5-6.5c6.7-7.2,11.8-15.7,15-25c6.4-19.1,1.6-36.9-14.3-52.7S112.1,5.4,92.6,12.2
+			C83.1,15.7,74.4,21,67,27.8L25.1,69.7l-6.5-6.5l41.9-41.9c8.3-7.8,18.1-13.8,28.8-17.7c16-5.6,39.9-7.5,63.1,15.8
+			s21.7,46.8,16.4,62.5C165.1,92.4,159.2,102,151.6,110.1z"/>
+		<path class="st0" d="M151.2,194l-6.5-6.5l3.2,3.2l-3.3-3.2c6.5-7.1,11.5-15.5,14.6-24.6c6.2-18.9,1.3-36.5-14.6-52.4l6.5-6.5
+			c23.2,23.2,21.9,46.6,16.8,62.1C164.5,176.5,158.7,186,151.2,194z"/>
+		<path class="st0" d="M102.2,69.6"/>
+		<path class="st0" d="M106.8,224.7"/>
+		<path class="st1" d="M239.2,70.9c0-1.8,0.9-2.8,2.7-2.8h24.5c14.1,0,24.3,9.2,24.3,23.7s-10.2,24.1-24.3,24.1H247V144
+			c0.2,1.4-0.8,2.6-2.2,2.8c-0.2,0-0.3,0-0.5,0H242c-1.8,0-2.7-1-2.7-2.8L239.2,70.9z M265.4,109c10.5,0,17.4-6.4,17.4-17.1
+			s-6.8-16.8-17.2-16.8H247V109H265.4z"/>
+		<path class="st1" d="M326.5,70.4c0.3-1.4,1.6-2.3,3-2.2h3.7c1.4-0.1,2.7,0.9,3,2.2l27.1,73.2c0.6,2-0.2,3.2-2.2,3.2h-2.5
+			c-1.5,0.1-2.8-0.8-3.1-2.2l-8.4-22.8h-31.5l-8.3,22.8c-0.3,1.4-1.7,2.4-3.1,2.2h-2.4c-2.1,0-2.9-1.2-2.4-3.2L326.5,70.4z
+			 M344.9,115l-10.4-28.5c-1.2-3.7-2.9-10.3-2.9-10.3h-0.2c0,0-1.8,6.6-3,10.3L317.8,115H344.9z"/>
+		<path class="st1" d="M449.2,130.2c-1.9,6.2-16.6,18-32.8,18c-21.6,0-38.6-17.4-38.6-40.6c0-22.9,17-40.7,39.7-40.7
+			c13.4,0,22.5,5.2,25.9,7.5c1.1,0.6,1.5,2.1,0.9,3.2c-0.1,0.2-0.3,0.4-0.4,0.6l-1,1.4c-0.6,1.2-2.1,1.6-3.3,1
+			c-0.2-0.1-0.3-0.2-0.5-0.3c-6.4-4-13.7-6.2-21.3-6.2c-19,0-31.9,14.7-31.9,33.2c0,19.2,13.3,33.6,31.2,33.6
+			c15.8,0,24.9-11.5,24.9-11.5v-13.2h-19.6c-1.5,0-2.8-1.3-2.8-2.8V112c0-1.5,1.3-2.8,2.8-2.8h24.1c1.5,0,2.7,1.2,2.7,2.7
+			c0,0,0,0,0,0L449.2,130.2"/>
+		<path class="st1" d="M474.2,70.9c0-1.8,0.9-2.8,2.7-2.8h38.8c1.4-0.2,2.6,0.9,2.8,2.3c0,0.2,0,0.4,0,0.5v1.3
+			c0.2,1.4-0.9,2.6-2.3,2.8c-0.2,0-0.4,0-0.5,0h-33.8v28.7H509c1.8,0,2.8,0.9,2.8,2.7v1.4c0.2,1.4-0.9,2.6-2.3,2.8
+			c-0.2,0-0.4,0-0.5,0h-27.1v29.2h35.8c1.4-0.2,2.6,0.9,2.8,2.3c0,0.2,0,0.4,0,0.5v1.3c0.2,1.4-0.9,2.6-2.3,2.8c-0.2,0-0.4,0-0.5,0
+			h-40.9c-1.8,0-2.7-1-2.7-2.8L474.2,70.9z"/>
+		<path class="st1" d="M543.5,70.9c0-1.8,0.9-2.8,2.7-2.8h35.9c1.4-0.2,2.6,0.9,2.8,2.3c0,0.2,0,0.4,0,0.5v1.3
+			c0.2,1.4-0.9,2.6-2.3,2.8c-0.2,0-0.4,0-0.5,0h-30.9v29.6h26.2c1.3-0.2,2.5,0.7,2.7,2c0,0.2,0,0.5,0,0.7v1.4c0,1.8-0.9,2.8-2.7,2.8
+			h-26.2V144c0.2,1.4-0.8,2.6-2.2,2.8c-0.2,0-0.3,0-0.5,0h-2.3c-1.8,0-2.7-1-2.7-2.8V70.9z"/>
+		<path class="st1" d="M606.6,70.9c0-1.8,0.9-2.8,2.7-2.8h2.3c1.4-0.1,2.6,0.9,2.7,2.3c0,0.2,0,0.3,0,0.5v68.9H648
+			c1.4-0.2,2.6,0.9,2.8,2.3c0,0.2,0,0.4,0,0.5v1.3c0.2,1.4-0.9,2.6-2.3,2.8c-0.2,0-0.4,0-0.5,0h-38.7c-1.8,0-2.7-1-2.7-2.8
+			L606.6,70.9z"/>
+		<path class="st1" d="M699.6,66.8c23.1,0,40.1,17.6,40.1,40.2c0,23.1-17,41.2-40.1,41.2S659.5,130,659.5,107
+			C659.5,84.4,676.6,66.8,699.6,66.8z M699.6,140.9c18.5,0,32-14.8,32-33.9c0-18.7-13.5-32.9-32-32.9s-32,14.2-32,32.9
+			C667.6,126.1,681.2,140.9,699.6,140.9z"/>
+		<path class="st1" d="M756.7,71.2c-0.5-1.9,0.5-3,2.5-3h2.5c1.5-0.1,2.8,1,3,2.5l14.7,58.7c1,4,1.8,8.4,1.8,8.4h0.2
+			c0,0,0.8-4.4,1.9-8.4l16.3-58.8c0.3-1.4,1.6-2.4,3-2.3h2.6c1.5-0.1,2.8,0.9,3,2.3l16.1,58.8c0.8,2.8,1.5,5.6,2,8.4h0.2
+			c0,0,0.7-4.4,1.7-8.4l15.3-58.7c0.2-1.5,1.5-2.5,3-2.5h2.5c1.9,0,2.9,1.1,2.3,3l-19.5,73.3c-0.3,1.5-1.6,2.5-3.1,2.4h-4.2
+			c-1.5,0.1-2.8-0.9-3.1-2.4l-14.5-53c-1.5-5-2.8-11.8-2.8-11.8h-0.3c0,0-1.3,6.7-2.8,11.8l-14.7,53c-0.3,1.4-1.6,2.4-3,2.4h-4.4
+			c-1.5,0.1-2.8-1-3-2.5L756.7,71.2z"/>
+	</g>
+</g>
+</svg>

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/theme/logoMobile.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-50 -50 272.07254 338.90793" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#343434;}
+</style>
+<title>Pageflow</title>
+<path class="st0" d="M106.3,238.9l-86.7-86.7C-3.7,129-2,105.3,3.4,89.5c3.8-10.6,9.7-20.2,17.4-28.4l6.5,6.5
+	C20.5,74.8,15.3,83.4,12,92.8c-6.6,19.3-1.8,37.1,14,52.9l80.2,80.2l39.1-39.1l6.5,6.5L106.3,238.9z"/>
+<path class="st0" d="M104.2,234.5c-23.2-23.2-21.8-46.8-16.5-62.4c3.6-10.5,9.4-20,17-28.1l42.3-42.3l6.5,6.5l-42.3,42.3
+	c-6.6,7.2-11.7,15.7-14.9,24.9c-6.3,19-1.5,36.8,14.3,52.6L104.2,234.5z"/>
+<path class="st0" d="M61.3,193.9c-23.2-23.2-21.8-46.8-16.5-62.4c3.6-10.5,9.4-20,17-28.1l84-84l6.5,6.5l-84,84
+	c-6.6,7.2-11.7,15.7-14.9,24.9c-6.4,19.1-1.5,36.8,14.4,52.7L61.3,193.9z"/>
+<path class="st0" d="M151.6,110.1l-6.5-6.5c6.7-7.2,11.8-15.7,15-25c6.4-19.1,1.6-36.9-14.3-52.7S112.1,5.4,92.6,12.2
+	C83.1,15.7,74.4,21,67,27.8L25.1,69.7l-6.5-6.5l41.9-41.9c8.3-7.8,18.1-13.8,28.8-17.7c16-5.6,39.9-7.5,63.1,15.8
+	s21.7,46.8,16.4,62.5C165.1,92.4,159.2,102,151.6,110.1z"/>
+<path class="st0" d="M151.2,194l-6.5-6.5l3.2,3.2l-3.3-3.2c6.5-7.1,11.5-15.5,14.6-24.6c6.2-18.9,1.3-36.5-14.6-52.4l6.5-6.5
+	c23.2,23.2,21.9,46.6,16.8,62.1C164.5,176.5,158.7,186,151.2,194z"/>
+<path class="st0" d="M102.2,69.6"/>
+<path class="st0" d="M106.8,224.7"/>
+</svg>

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/themes_plugin.rb.tt

@@ -0,0 +1,26 @@
+# Extracted from initializer to allow auto loading changes in
+# development
+class ScrolledThemesPlugin
+  def configure(config) # rubocop:disable Metrics/MethodLength
+    config.themes.register(:default,
+                           stylesheet_packs: ['fonts/sourceSansPro'],
+                           font_family: {
+                             entry: '"Source Sans Pro", sans-serif',
+                             navigation: '"Source Sans Pro", sans-serif'
+                           },
+                           colors: {
+                             accent: '#e10028',
+                             navigation: {
+                               surface: '#fff',
+                               on_surface: '#000',
+                               primary_on_surface: '#00375a',
+                               secondary_on_surface: '#c2c2c2',
+                               background: 'rgba(255, 255, 255, 0.95)',
+                               on_background: '#000',
+                               primary_on_background: '#00375a'
+                             }
+                           },
+                           logo_alt_text: 'Pageflow',
+                           theme_color: '#ffffff')
+  end
+end

data/entry_types/scrolled/lib/pageflow_scrolled/engine.rb

@@ -5,5 +5,9 @@ module PageflowScrolled
 
     config.paths.add('lib', eager_load: true)
     config.i18n.load_path += Dir[config.root.join('config', 'locales', '**', '*.yml').to_s]
+
+    initializer 'pageflow_scrolled.assets.precompile' do |app|
+      app.config.assets.precompile += %w[pageflow_scrolled/legacy.js]
+    end
   end
 end

data/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb

@@ -2,7 +2,9 @@ module PageflowScrolled
   # @api private
   class Plugin < Pageflow::Plugin
     def configure(config)
-      config.entry_types.register(PageflowScrolled.entry_type)
+      config.features.register('scrolled_entry_type') do |feature_config|
+        feature_config.entry_types.register(PageflowScrolled.entry_type)
+      end
 
       config.for_entry_type(PageflowScrolled.entry_type) do |c|
         c.file_types.register(Pageflow::BuiltInFileType.image)

data/entry_types/scrolled/lib/pageflow_scrolled/seeds.rb

@@ -20,9 +20,17 @@ module PageflowScrolled
     #   to determine the React component used to render this content element.
     # @option attributes [Hash] :image_files A hash mapping image
     #   names used in properties like `backdrop.image` to urls.
+    # @option attributes [Hash] :audio_files A hash mapping audio files to urls.
+    # @option attributes [Hash] :video_files A hash mapping video
+    #   names used in properties like `backdrop.video` to urls.
+    # @option attributes [Hash] :text_track_files A hash mapping text track files to urls.
     # @yield [entry] a block to be called before the entry is saved
+    # @param [Hash] options  options for entry and files creation
+    # @option options [Boolean] :skip_encoding
+    #   Flag indicating whether to encode video and audio files on creation or set them directly to
+    #   encoded
     # @return [Entry] newly created entry
-    def sample_scrolled_entry(attributes)
+    def sample_scrolled_entry(attributes:, options: {})
       entry = Pageflow::Entry.where(type_name: 'scrolled')
                              .where(attributes.slice(:account, :title))
                              .first
@@ -30,18 +38,44 @@ module PageflowScrolled
       if entry.nil?
         entry = Pageflow::Entry.create!(type_name: 'scrolled',
                                         **attributes.except(:chapters,
-                                                            :image_files)) do |created_entry|
+                                                            :image_files,
+                                                            :video_files,
+                                                            :audio_files,
+                                                            :text_track_files)) do |created_entry|
           created_entry.theming = attributes.fetch(:account).default_theming
 
           say_creating_scrolled_entry(created_entry)
           yield(created_entry) if block_given?
         end
 
-        image_files_by_name = create_image_files(Pageflow::DraftEntry.new(entry),
-                                                 attributes.fetch(:image_files, {}))
+        draft_entry = Pageflow::DraftEntry.new(entry)
+
+        image_files_by_name = create_files(draft_entry,
+                                           :image,
+                                           attributes.fetch(:image_files, {}))
+
+        video_files_by_name = create_files(draft_entry,
+                                           :video,
+                                           attributes.fetch(:video_files, {}),
+                                           options.fetch(:skip_encoding, false))
+
+        audio_files_by_name = create_files(draft_entry,
+                                           :audio,
+                                           attributes.fetch(:audio_files, {}),
+                                           options.fetch(:skip_encoding, false))
+
+        files_by_name = image_files_by_name.merge(video_files_by_name).merge(audio_files_by_name)
+
+        # rewrite parent file references to actual ids
+        text_tracks_by_name = attributes.fetch(:text_track_files, {})
+        text_tracks_by_name.each do |_name, text_track_config|
+          parent_file = files_by_name.fetch(text_track_config['parent_file_id'])
+          text_track_config['parent_file_id'] = parent_file.id
+        end
+        create_files(draft_entry, :text_track, text_tracks_by_name)
 
         attributes[:chapters].each_with_index do |chapter_config, i|
-          create_chapter(entry, chapter_config, i, image_files_by_name)
+          create_chapter(entry, chapter_config, i, files_by_name)
         end
       end
 
@@ -58,18 +92,46 @@ module PageflowScrolled
       say("   sample scrolled entry '#{entry.title}'\n")
     end
 
-    def create_image_files(draft_entry, image_file_data_by_name)
-      image_file_data_by_name.transform_values do |data|
-        say("     creating image file from #{data['url']}")
+    def create_files(draft_entry, file_type, file_data_by_name, skip_encoding = false)
+      file_data_by_name.transform_values do |data|
+        say("     creating #{file_type} file from #{data['url']}")
+
+        file_state = %i[image text_track].include?(file_type) ? 'processed' : 'uploading'
+        file = draft_entry.create_file!(Pageflow::BuiltInFileType.send(file_type),
+                                        state: file_state,
+                                        attachment: URI.parse(data['url']),
+                                        configuration: data['configuration'],
+                                        parent_file_model_type: data['parent_file_model_type'],
+                                        parent_file_id: data['parent_file_id'],
+                                        **data.slice('width', 'height').symbolize_keys)
+        if %i[audio video].include?(file_type)
+          if skip_encoding
+            file.update!(state: 'encoded')
+            if file_type.eql?(:video)
+              file.update!(output_presences: {
+                "dash-playlist" => true,
+                "hls-playlist" => true,
+                "dash-medium"=> true,
+                "hls-medium" => true,
+                "dash-high" => true,
+                "hls-high" => true,
+                "dash-low" => true,
+                "hls-low" => true,
+                "medium" => true,
+                "high" => true,
+                "low" => true
+              })
+            end
+          else
+            file.publish!
+          end
+        end
 
-        draft_entry.create_file!(Pageflow::BuiltInFileType.image,
-                                 state: 'processed',
-                                 attachment: URI.parse(data['url']),
-                                 configuration: data['configuration'])
+        file
       end
     end
 
-    def create_chapter(entry, chapter_config, position, image_files_by_name)
+    def create_chapter(entry, chapter_config, position, files_by_name)
       section_configs = chapter_config.delete('sections') || []
       chapter = Chapter.create!(
         revision: entry.draft,
@@ -81,34 +143,33 @@ module PageflowScrolled
       )
 
       section_configs.each_with_index do |section_config, i|
-        create_section(chapter, section_config, i, image_files_by_name)
+        create_section(chapter, section_config, i, files_by_name)
       end
     end
 
-    def create_section(chapter, section_config, position, image_files_by_name)
+    def create_section(chapter, section_config, position, files_by_name)
       content_element_configs = section_config.delete('foreground') || []
 
       rewrite_file_references!(section_config['backdrop'],
-                               ['image', 'imageMobile'],
-                               image_files_by_name)
+                               %w[image imageMobile video],
+                               files_by_name)
 
       section = Section.create!(chapter: chapter,
                                 configuration: section_config,
                                 position: position)
 
       content_element_configs.each_with_index do |content_element_config, i|
-        create_content_element(section, content_element_config, i, image_files_by_name)
+        create_content_element(section, content_element_config, i, files_by_name)
       end
     end
 
-    def create_content_element(section, content_element_config, position, image_files_by_name)
-      if %w[stickyImage inlineImage inlineBeforeAfter].include?(
-        content_element_config['type']
-      )
+    def create_content_element(section, content_element_config, position, files_by_name)
+      if %w[inlineAudio inlineBeforeAfter inlineImage inlineVideo stickyImage]
+         .include?(content_element_config['type'])
         rewrite_file_references!(
           content_element_config['props'],
-          ['id', 'before_id', 'after_id'],
-          image_files_by_name
+          %w[id before_id after_id],
+          files_by_name
         )
       end
 
@@ -119,20 +180,19 @@ module PageflowScrolled
       )
     end
 
-    def rewrite_file_references!(hash, keys, image_files_by_name)
+    def rewrite_file_references!(hash, keys, files_by_name)
       return unless hash
 
       keys.each do |key|
         next unless hash[key]
-        next if non_image_reference?(hash[key])
+        next if non_file_reference?(hash[key])
 
-        hash[key] = image_files_by_name.fetch(hash[key]).perma_id
+        hash[key] = files_by_name.fetch(hash[key]).perma_id
       end
     end
 
-    def non_image_reference?(value)
-      value.starts_with?('#') ||
-        value.starts_with?('video')
+    def non_file_reference?(value)
+      value.starts_with?('#')
     end
   end
 end