pageflow 15.7.0 → 15.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e07646ad594c834e19ed93553b64ba592dc807d85cca57a07ce3ea392f77d4c2
-  data.tar.gz: 845f8fc85917afe64894bf61f05f520993e03b9c61a1eaed0d314d450aa41319
+  metadata.gz: f1bbd00f3c57790e6bdeb0ffd65d56fa29eb3c239b31a1b92c11fed242f9423e
+  data.tar.gz: d9d44c5a5273ffd92086d3303bf5806347c16406083ff60ece793b6e09de7e71
 SHA512:
-  metadata.gz: 0eb5bb9a53af5e48c692d603d926d591bf2a2d762a7fb5aa630959ef4e0a3a8cea236ae3fb16d9cfa302e020318d26f7f9866fd536ba9bc385078b468cb30326
-  data.tar.gz: c91f4e74965891b57b343f0a12eb4b8b33907a47035b7f0e3e59f36eed59b26755ca388ebe958f981be7eb1a396a69979acb7e5f1dd27ae997c84d7680395fd8
+  metadata.gz: 96f45b7ee97ae6218a92b973b9265437dafc8709587f50035d1a8cfb733022d7dbdfd82a79e3545fa71f5e6d8f45347fcd207c897a2c0cf961c6441045a60381
+  data.tar.gz: 786c1620c4977004d401dcd85ee51868abfb5bb4ce6c48c0131ce4e79fa481e1f8880f05c2a3498bc782b409769eff81d6b7e6c45f496a56901a266b02a4bd59

data/CHANGELOG.md

@@ -1,248 +1,152 @@
 # CHANGELOG
 
-### Version 15.7.0
+### Version 15.8.0
 
-2022-07-18
+2022-12-23
 
-[Compare changes](https://github.com/codevise/pageflow/compare/15-6-stable...v15.7.0)
+[Compare changes](https://github.com/codevise/pageflow/compare/15-7-stable...v15.8.0)
 
 #### Core
 
 ##### Rails Engine
 
-- Allow skipping encoding confirmation
-  ([#1824](https://github.com/codevise/pageflow/pull/1824))
-- Allow disabling taking snapshots when acquiring an editor lock
-  ([#1819](https://github.com/codevise/pageflow/pull/1819))
-- Theme customization
-  ([#1713](https://github.com/codevise/pageflow/pull/1713),
-   [#1771](https://github.com/codevise/pageflow/pull/1771))
-- Fix compatibility with JBuilder 2.11.3
-  ([#1757](https://github.com/codevise/pageflow/pull/1757))
-- Prevent exception when reusing file from deleted entry
-  ([#1834](https://github.com/codevise/pageflow/pull/1834))
+- Permalinks
+  ([#1883](https://github.com/codevise/pageflow/pull/1883))
+- Add user_changed hook
+  ([#1859](https://github.com/codevise/pageflow/pull/1859))
+- Allow adding id in data attribute when adding editor main menu item
+  ([#1837](https://github.com/codevise/pageflow/pull/1837))
 
 ##### Admin
 
-- Improve entry new form
-  ([#1822](https://github.com/codevise/pageflow/pull/1822))
-- Improve admin styles
-  ([#1816](https://github.com/codevise/pageflow/pull/1816))
-- Remove scrolling attribute from embed iframe snippet
-  ([#1759](https://github.com/codevise/pageflow/pull/1759))
-- Let admin filters entry admin by entry type
-  ([#1756](https://github.com/codevise/pageflow/pull/1756))
+- Improve membership update
+  ([#1862](https://github.com/codevise/pageflow/pull/1862))
 
 ##### Editor
 
-- Rebrush editor UI
-  ([#1809](https://github.com/codevise/pageflow/pull/1809))
-- Improve supported host handling in url input
-  ([#1741](https://github.com/codevise/pageflow/pull/1741))
+- Improve file import controller
+  ([#1847](https://github.com/codevise/pageflow/pull/1847))
 
 ##### Published Entry
 
-- Use canonical entry url prefix in pretty urls
-  ([#1752](https://github.com/codevise/pageflow/pull/1752))
-- Support adding trailing slash to canonical entry urls
-  ([#1833](https://github.com/codevise/pageflow/pull/1833))
-- Support csmil HLS playlists
-  ([#1817](https://github.com/codevise/pageflow/pull/1817))
-- Load DASH on Android if hls-playlist host contains an underscore
-  ([#1791](https://github.com/codevise/pageflow/pull/1791))
-- Consent
-  ([#1705](https://github.com/codevise/pageflow/pull/1705),
-   [#1735](https://github.com/codevise/pageflow/pull/1735),
-   [#1712](https://github.com/codevise/pageflow/pull/1712))
+- Display opt-out vendors as accepted by default on privacy page
+  ([#1899](https://github.com/codevise/pageflow/pull/1899))
+
+##### JavaScript API
+
+- Pass alt text in media events
+  ([#1901](https://github.com/codevise/pageflow/pull/1901))
+- Provide more tracking data
+  ([#1885](https://github.com/codevise/pageflow/pull/1885))
 
 ##### Internal
 
-- Prevent full table scan in EntryRoleQuery::Scope
-  ([#1758](https://github.com/codevise/pageflow/pull/1758))
-- Upgrade Jest and Testing Library
-  ([#1721](https://github.com/codevise/pageflow/pull/1721))
+- Migrate to supported setup-ruby action
+  ([#1892](https://github.com/codevise/pageflow/pull/1892))
+
 
 #### Paged Entry Type
 
 ##### Published Entry
 
-- Add feature flag to use ultra image variant for paged backgrounds
-  ([#1815](https://github.com/codevise/pageflow/pull/1815))
-- Allow deactivating smart contain for video pages
-  ([#1812](https://github.com/codevise/pageflow/pull/1812))
-- Use large image variant for non-blurred media loading spinner
-  ([#1769](https://github.com/codevise/pageflow/pull/1769))
-- Consent and embed opt-in
-  ([#1716](https://github.com/codevise/pageflow/pull/1716),
-   [#1715](https://github.com/codevise/pageflow/pull/1715),
-   [#1714](https://github.com/codevise/pageflow/pull/1714),
-   [#1710](https://github.com/codevise/pageflow/pull/1710))
+- Add feature flag to enforce usage of FullHD videos
+  ([#1879](https://github.com/codevise/pageflow/pull/1879))
+- Allow enforcing best video quality in Paged entries
+  ([#1863](https://github.com/codevise/pageflow/pull/1863))
+- Ensure scroller content is accessible via OS X Spoken Content
+  ([#1870](https://github.com/codevise/pageflow/pull/1870))
 
-##### Themes
+##### Internal
 
-- Add theme option to display image on page shadow
-  ([#1704](https://github.com/codevise/pageflow/pull/1704),
-   [#1706](https://github.com/codevise/pageflow/pull/1706))
-- Add theme option to change left position of logo
-  ([#1707](https://github.com/codevise/pageflow/pull/1707))
+- Missing semicolon in themes/default/page.scss
+  ([#1898](https://github.com/codevise/pageflow/pull/1898))
 
 #### Scrolled Entry Type
 
-##### Rails Engine
-
-- Additional frontend seed data
-  ([#1799](https://github.com/codevise/pageflow/pull/1799),
-   [#1801](https://github.com/codevise/pageflow/pull/1801))
-- Improve guides for Pageflow Scrolled
-  ([#1793](https://github.com/codevise/pageflow/pull/1793))
-- Move guides for Pageflow Pageflow to entry type directory
-  ([#1792](https://github.com/codevise/pageflow/pull/1792))
-- Allow registering additional frontend/editor packs
-  ([#1772](https://github.com/codevise/pageflow/pull/1772))
-- Make Webpack load chunks via asset host
-  ([#1753](https://github.com/codevise/pageflow/pull/1753),
-   [#1754](https://github.com/codevise/pageflow/pull/1754))
-- Allow transforming theme customizations
-  ([#1746](https://github.com/codevise/pageflow/pull/1746))
-- Allow passing traits to create_used_file
-  ([#1742](https://github.com/codevise/pageflow/pull/1742))
-
 ##### Editor
 
-- Make default section configurable and change default to fade
-  ([#1760](https://github.com/codevise/pageflow/pull/1760),
-   [#1761](https://github.com/codevise/pageflow/pull/1761))
-- Always allow inserting all content element types
-  ([#1740](https://github.com/codevise/pageflow/pull/1740))
-- Allow moving text block ranges
-  ([#1739](https://github.com/codevise/pageflow/pull/1739))
-- Render fade transition check box in Firefox
-  ([#1728](https://github.com/codevise/pageflow/pull/1728))
+- Set correct lang attribute on html element in editor preview iframe
+  ([#1867](https://github.com/codevise/pageflow/pull/1867),
+   [#1872](https://github.com/codevise/pageflow/pull/1872))
+- Bug: Ensure link tooltip is readable in inverted sections
+  ([#1849](https://github.com/codevise/pageflow/pull/1849))
 
 ##### Published Entry
 
-- Add centerRagged layout variant
-  ([#1787](https://github.com/codevise/pageflow/pull/1787))
-- Prevent shadow flickering while scrolling on iOS 14
-  ([#1755](https://github.com/codevise/pageflow/pull/1755))
-- Consent for scrolled entries
-  ([#1722](https://github.com/codevise/pageflow/pull/1722))
-- Transliterate German Umlauts in entry slugs
-  ([#1720](https://github.com/codevise/pageflow/pull/1720))
-
-##### Widgets
-
-- Scrolled widget types
-  ([#1749](https://github.com/codevise/pageflow/pull/1749))
-- Do not convert SVG files uploaded as scrolled logo
-  ([#1835](https://github.com/codevise/pageflow/pull/1835))
-- Update highlighted chapter in navigation when scrolling
-  ([#1836](https://github.com/codevise/pageflow/pull/1836))
-- Allow placing widget in default navigation bar credit box
-  ([#1828](https://github.com/codevise/pageflow/pull/1828))
-- Do not pause loops when audio focus is lost
-  ([#1827](https://github.com/codevise/pageflow/pull/1827))
-- Fix unmute icon color in Safari
-  ([#1808](https://github.com/codevise/pageflow/pull/1808))
-- Ensure last item of mobile menu is visible on Android
-  ([#1807](https://github.com/codevise/pageflow/pull/1807))
-- Do not collapse navigation bar after iOS scroll bouncing
-  ([#1806](https://github.com/codevise/pageflow/pull/1806))
-- Align navigation breakpoints with theme breakpoints
-  ([#1770](https://github.com/codevise/pageflow/pull/1770))
+- Section and chapter inline links
+  ([#1886](https://github.com/codevise/pageflow/pull/1886))
+- Typography variants
+  ([#1842](https://github.com/codevise/pageflow/pull/1842),
+   [#1845](https://github.com/codevise/pageflow/pull/1845))
+- Improve backdrop hiding
+  ([#1882](https://github.com/codevise/pageflow/pull/1881),
+   [#1881](https://github.com/codevise/pageflow/pull/1882))
+- Backdrop effects
+  ([#1841](https://github.com/codevise/pageflow/pull/1841),
+   [#1846](https://github.com/codevise/pageflow/pull/1846))
+- Make border radius of cards appearance configurable
+  ([#1838](https://github.com/codevise/pageflow/pull/1838))
+- Allow using SVG images as backdrops and inline images
+  ([#1860](https://github.com/codevise/pageflow/pull/1860))
+- Improve scrolled favicons
+  ([#1858](https://github.com/codevise/pageflow/pull/1858))
+- Use public translations from pageflow-public-i18n in scrolled
+  ([#1853](https://github.com/codevise/pageflow/pull/1853))
+- Rewrite backdrop/motif area logic based on CSS as experimental feature
+  ([#1854](https://github.com/codevise/pageflow/pull/1854),
+   [#1855](https://github.com/codevise/pageflow/pull/1855),
+   [#1856](https://github.com/codevise/pageflow/pull/1856))
+- Bug: Prevent foreground shadow from overlaying next section
+  ([#1900](https://github.com/codevise/pageflow/pull/1900))
+- Bug: Ensure backdrop covers viewport in iOS in-app browers
+  ([#1884](https://github.com/codevise/pageflow/pull/1884))
 
 ##### Content Elements
 
-- Allow more position options for content elements
-  ([#1745](https://github.com/codevise/pageflow/pull/1745))
-- Add portrait image option to inline image
-  ([#1744](https://github.com/codevise/pageflow/pull/1744))
-- Allow defining custom poster for video embeds
-  ([#1743](https://github.com/codevise/pageflow/pull/1743))
-- Make external link id generation more robust
-  ([#1802](https://github.com/codevise/pageflow/pull/1802))
-- Server generated peak data for waveforms
-  ([#1814](https://github.com/codevise/pageflow/pull/1814))
-- Inline video loops and improved unmute options
-  ([#1810](https://github.com/codevise/pageflow/pull/1810))
-- Prevent displaying black lines at the side of FitViewport elements
-  ([#1825](https://github.com/codevise/pageflow/pull/1825))
-- Allow sorting items in external links content element
-  ([#1800](https://github.com/codevise/pageflow/pull/1800))
-- Apply consist max-width to wide elements
-  ([#1798](https://github.com/codevise/pageflow/pull/1798))
-- Add iframe embed content element
-  ([#1762](https://github.com/codevise/pageflow/pull/1762),
-   [#1765](https://github.com/codevise/pageflow/pull/1765))
-- Display subtitles at the bottom of the media element
-  ([#1764](https://github.com/codevise/pageflow/pull/1764))
-- Add line break and manual hyphenation support for headings
-  ([#1751](https://github.com/codevise/pageflow/pull/1751))
-- Add feature flag to disable scrolled chart opt-in
-  ([#1732](https://github.com/codevise/pageflow/pull/1732))
-- Prevent interpreting external links as relative
-  ([#1727](https://github.com/codevise/pageflow/pull/1727))
-- Use lazy opt-in consent paradigm for scrolled embeds
-  ([#1726](https://github.com/codevise/pageflow/pull/1726))
-- Make heading text size configurable
-  ([#1725](https://github.com/codevise/pageflow/pull/1725))
-- Make it easier to recognize 360° images
-  ([#1724](https://github.com/codevise/pageflow/pull/1724))
-- Ensure contrast of text in embed opt-in
-  ([#1723](https://github.com/codevise/pageflow/pull/1723))
-- Remove option hide before/after handles
-  ([#1719](https://github.com/codevise/pageflow/pull/1719))
-- Fit viewport without displaying pillar boxes
-  ([#1718](https://github.com/codevise/pageflow/pull/1718))
-- Add missing translation for VR content element
-  ([#1711](https://github.com/codevise/pageflow/pull/1711))
+- Disable automatic hyphenation in text block headings
+  ([#1875](https://github.com/codevise/pageflow/pull/1875))
+- Disable top padding for new headings
+  ([#1896](https://github.com/codevise/pageflow/pull/1896))
+- Remove space before heading in cards appearance
+  ([#1851](https://github.com/codevise/pageflow/pull/1851))
+- Text block line breaks
+  ([#1869](https://github.com/codevise/pageflow/pull/1869),
+   [#1871](https://github.com/codevise/pageflow/pull/1871))
+- Improve mobile block quote size
+  ([#1868](https://github.com/codevise/pageflow/pull/1868))
+- Preserve Tweet hide when unloading
+  ([#1864](https://github.com/codevise/pageflow/pull/1864))
+- Question content element
+  ([#1861](https://github.com/codevise/pageflow/pull/1861))
+- Improve video embed content element
+  ([#1848](https://github.com/codevise/pageflow/pull/1848),
+   [#1850](https://github.com/codevise/pageflow/pull/1850))
 
-##### Themes
+##### Widgets
 
-- Render typography CSS rules based on scrolled theme options
-  ([#1750](https://github.com/codevise/pageflow/pull/1750))
-- Allow rendering content elements with rounded corners.
-  ([#1804](https://github.com/codevise/pageflow/pull/1804),
-   [#1805](https://github.com/codevise/pageflow/pull/1805))
-- Add content surface color properties
-  ([#1803](https://github.com/codevise/pageflow/pull/1803))
-- Restore spacing but make it theme configurable
-- Allow configuring section widths in theme
-  ([#1786](https://github.com/codevise/pageflow/pull/1786),
-   [#1795](https://github.com/codevise/pageflow/pull/1795),
-   [#1796](https://github.com/codevise/pageflow/pull/1796))
-- Allow targeting different heading sizes via theme typography rules
-  ([#1789](https://github.com/codevise/pageflow/pull/1789))
-- Text variants
-  ([#1788](https://github.com/codevise/pageflow/pull/1788))
-- Allow changing content text color via theme options
-  ([#1785](https://github.com/codevise/pageflow/pull/1785))
-- Allow overriding text block heading margins in typography rules
-  ([#1784](https://github.com/codevise/pageflow/pull/1784))
-- Let themes customize navigation bar icons
-  ([#1775](https://github.com/codevise/pageflow/pull/1775),
-   [#1776](https://github.com/codevise/pageflow/pull/1776))
-- More theme options for scrolled default navigation
-  ([#1768](https://github.com/codevise/pageflow/pull/1768))
+- Fix info box position when all share providers are disabled
+  ([#1877](https://github.com/codevise/pageflow/pull/1877))
+- Add option to prevent collapsing default navigation on desktop
+  ([#1891](https://github.com/codevise/pageflow/pull/1891))
+- Options for scrolled default navigation
+  ([#1866](https://github.com/codevise/pageflow/pull/1866))
 
-##### JavaScript API
+##### Themes
 
-- Make scrolled rendering test helpers available outside package
-  ([#1818](https://github.com/codevise/pageflow/pull/1818))
+- Let themes define external link list variants
+  ([#1880](https://github.com/codevise/pageflow/pull/1880))
+- Text block theme properties
+  ([#1873](https://github.com/codevise/pageflow/pull/1873))
+- Add theme properties for cards colors
+  ([#1865](https://github.com/codevise/pageflow/pull/1865))
+- Pass consistent arguments when transforming theme options
+  ([#1844](https://github.com/codevise/pageflow/pull/1844))
 
 ##### Internal
 
-- Fix storybook
-  ([#1826](https://github.com/codevise/pageflow/pull/1826))
-- Upgrade React minor version used in development
-  ([#1773](https://github.com/codevise/pageflow/pull/1773))
-- Transpile pageflow package in scrolled storybook
-  ([#1717](https://github.com/codevise/pageflow/pull/1717))
-- Update Video.js for SSR fix
-  ([#1701](https://github.com/codevise/pageflow/pull/1701))
-- Do not use import/export keywords in vendored deps
-  ([#1700](https://github.com/codevise/pageflow/pull/1700))
+- Also set Webpack public path for editor JS.
+  ([#1874](https://github.com/codevise/pageflow/pull/1874))
 
 See
-[15-6-stable branch](https://github.com/codevise/pageflow/blob/15-6-stable/CHANGELOG.md)
+[15-7-stable branch](https://github.com/codevise/pageflow/blob/15-7-stable/CHANGELOG.md)
 for previous changes.

data/README.md

@@ -171,15 +171,7 @@ If you run into problems during the installation of Pageflow, please refer to th
 
 ## Security Policy
 
-For major security issues, at least the current release series and the
-last major series will receive patches and new versions.
-
-Security related announcements will be posted to the
-[`ruby-security-ann`](https://groups.google.com/forum/#!forum/ruby-security-ann)
-mailing list.
-
-If you have found a security related bug, please contact
-`info(at)codevise.de` instead of creating a publicly visible issue.
+See [`SECURITY.md`](https://github.com/codevise/pageflow/blob/master/SECURITY.md).
 
 ## Contributing
 

data/Rakefile

@@ -21,7 +21,10 @@ end
 require 'semmy'
 Semmy::Tasks.install do |config|
   config.github_repository = 'codevise/pageflow'
-  config.source_files_with_docs_tags = '{app,lib,packages/*/src,spec/support/pageflow}/**/*.{js,jsx,rb,scss}'
+  config.source_files_with_docs_tags =
+    '{app,lib,packages/*/src,spec/support/pageflow,' \
+    'entry_types/*/{app,lib,package/src,packages/*/src}}' \
+    '/**/*.{js,jsx,rb,scss}'
 end
 
 require File.expand_path('spec/support/pageflow/dummy/app', File.dirname(__FILE__))

data/admins/pageflow/entry.rb

@@ -151,6 +151,18 @@ module Pageflow
       end
     end
 
+    collection_action :permalink_inputs do
+      @entry = Entry.new(permitted_params[:entry])
+
+      apply_entry_defaults(@entry)
+
+      if authorized?(:create, @entry)
+        render(layout: false)
+      else
+        head :forbidden
+      end
+    end
+
     member_action :duplicate, method: :post do
       entry = Entry.find(params[:id])
       authorize!(:duplicate, entry)
@@ -185,17 +197,18 @@ module Pageflow
       helper FoldersHelper
       helper EntriesHelper
       helper EmbedCodeHelper
+      helper ThemingsHelper
       helper Admin::EntriesHelper
       helper Admin::FeaturesHelper
       helper Admin::FormHelper
       helper Admin::MembershipsHelper
+      helper Admin::PermalinksHelper
       helper Admin::RevisionsHelper
 
       helper_method :account_policy_scope
 
       after_build do |entry|
-        entry.account ||= account_policy_scope.entry_creatable.first || Account.first
-        entry.theming ||= entry.account.default_theming
+        apply_entry_defaults(entry)
 
         if action_name == 'new' &&
            (default_entry_type = Pageflow.config.default_entry_type&.call(entry.account))
@@ -217,7 +230,15 @@ module Pageflow
       end
 
       def scoped_collection
-        result = super.includes(:theming, :account, {memberships: :user}, :published_revision).references(:published_revision)
+        result =
+          super
+          .includes(:theming,
+                    {permalink: :directory},
+                    :account,
+                    {memberships: :user},
+                    :published_revision)
+          .references(:published_revision)
+
         params.key?(:folder_id) ? result.where(folder_id: params[:folder_id]) : result
       end
 
@@ -233,6 +254,11 @@ module Pageflow
 
       private
 
+      def apply_entry_defaults(entry)
+        entry.account ||= account_policy_scope.entry_creatable.first || Account.first
+        entry.theming ||= entry.account.default_theming
+      end
+
       def account_policy_scope
         AccountPolicy::Scope.new(current_user, Account)
       end
@@ -242,7 +268,7 @@ module Pageflow
       end
 
       def permitted_attributes
-        result = [:title, :type_name]
+        result = [:title, :type_name, {permalink_attributes: [:slug, :directory_id]}]
         target = if !params[:id] && current_user.admin?
                    Account.first
                  elsif params[:id]
@@ -289,7 +315,7 @@ module Pageflow
       end
 
       def create_or_new_action?
-        [:create, :new].include?(action_name.to_sym)
+        [:create, :new, :permalink_inputs].include?(action_name.to_sym)
       end
 
       def theming_in_allowed_themings_for?(accounts)
@@ -299,7 +325,7 @@ module Pageflow
 
       def permitted_account_attributes
         if account_params_present? &&
-           (action_name.to_sym == :create || legally_moving_entry_to_other_account)
+           (create_or_new_action? || legally_moving_entry_to_other_account)
           [:account_id]
         else
           []

data/admins/pageflow/membership.rb

@@ -112,7 +112,11 @@ module Pageflow
       private
 
       def permitted_params
-        params.permit(membership: [:user_id, :entity_id, :entity_type, :role])
+        if [:create, :new].include?(action_name.to_sym)
+          params.permit(membership: [:user_id, :entity_id, :entity_type, :role])
+        else
+          params.permit(membership: [:role])
+        end
       end
 
       def redirect_path

data/admins/pageflow/user.rb

@@ -101,6 +101,10 @@ module Pageflow
 
     form(partial: 'form')
 
+    after_update do |user|
+      Pageflow.config.hooks.invoke(:user_changed, user)
+    end
+
     collection_action :invitation, method: [:get, :post] do
       @page_title = I18n.t('pageflow.admin.users.invite_user')
       @invitation_form = InvitationForm.new(invitation_form_params.fetch(:invitation_form, {}),
@@ -109,6 +113,7 @@ module Pageflow
 
       if request.post?
         if @invitation_form.save
+          Pageflow.config.hooks.invoke(:user_changed, @invitation_form.target_user)
           redirect_to(admin_user_path(@invitation_form.target_user))
         else
           render status: 422
@@ -130,6 +135,8 @@ module Pageflow
 
       if request.patch?
         if @user.update_with_password(user_profile_params)
+          Pageflow.config.hooks.invoke(:user_changed, @user)
+
           bypass_sign_in @user, scope: :user
           redirect_to admin_root_path, notice: I18n.t('pageflow.admin.users.me.updated')
         end

data/app/assets/javascripts/pageflow/admin/entries.js

@@ -88,6 +88,8 @@ jQuery(function($) {
 
   $('.admin_entries form.pageflow_entry').each(function() {
     var accountSelect = $('#entry_account_id', this);
+    var themingSelect = $('#entry_theming_id', this);
+    var titleInput = $('#entry_title', this);
 
     function updateEntryTypeInput() {
       var selectedAccountId = accountSelect.val();
@@ -100,6 +102,44 @@ jQuery(function($) {
        });
     }
 
+    function updatePermalinkInput() {
+      fetchPermalinkInput(function(response) {
+        $('#entry_permalink_attributes_permalink_input').replaceWith(response);
+      });
+    }
+
+    function updateSlugPlaceholder() {
+      fetchPermalinkInput(function(response) {
+        $('#entry_permalink_attributes_permalink_input input[placeholder]')
+          .attr('placeholder',
+                $(response).find('input[placeholder]').attr('placeholder'));
+      });
+    }
+
+    function fetchPermalinkInput(callback) {
+      $.get('/admin/entries/permalink_inputs' +
+            '?entry[account_id]=' + accountSelect.val() +
+                   (themingSelect.val() ? '&entry[theming_id]=' + themingSelect.val() : '') +
+            '&entry[title]=' + encodeURIComponent(titleInput.val()))
+       .done(callback);
+    }
+
     accountSelect.on('change', updateEntryTypeInput);
+
+    accountSelect.on('change', updatePermalinkInput);
+    themingSelect.on('change', updatePermalinkInput);
+
+    titleInput.on('change keyup', debounce(updateSlugPlaceholder, 300));
   });
 });
+
+function debounce(func, timeout){
+  var timer;
+
+  return function() {
+    var args = arguments;
+
+    clearTimeout(timer);
+    timer = setTimeout(function() { func.apply(this, args); }, timeout);
+  };
+}

data/app/assets/stylesheets/pageflow/admin/permalink_input.scss

@@ -0,0 +1,65 @@
+$pageflow-permalink-input-padding: 8px 10px 7px !default;
+$pageflow-permalink-input-line-height: 1.15 !default;
+$pageflow-permalink-input-border-color: #c9d0d6 !default;
+$pageflow-permalink-input-border-radius: 3px !default;
+$pageflow-permalink-input-focus-border-color: #99a2aa !default;
+$pageflow-permalink-input-focus-box-shadow: 0 0 4px #99a2aa !default;
+$pageflow-permalink-input-background-color: #fff !default;
+$pageflow-permalink-input-min-width: 30% !default;
+
+$pageflow-permalink-input-base-url-background-color: #f4f4f4 !default;
+$pageflow-permalink-input-base-url-color: null !default;
+
+$pageflow-permalink-input-directory-padding-left: 7px !default;
+$pageflow-permalink-input-directory-padding-right: 7px !default;
+$pageflow-permalink-input-directory-margin-h: 3px !default;
+$pageflow-permalink-input-directory-background-position: null !default;
+
+.pageflow_permalink.input {
+  .permalink {
+    display: inline-flex;
+    border: 1px solid $pageflow-permalink-input-border-color;
+    border-radius: $pageflow-permalink-input-border-radius;
+    background-color: $pageflow-permalink-input-background-color;
+    box-sizing: border-box;
+    min-width: $pageflow-permalink-input-min-width;
+    overflow: hidden;
+    width: 100%;
+
+    &:focus-within {
+      border-color: $pageflow-permalink-input-focus-border-color;
+      box-shadow: $pageflow-permalink-input-focus-box-shadow;
+    }
+  }
+
+  .permalink_base_url {
+    padding: $pageflow-permalink-input-padding;
+    line-height: $pageflow-permalink-input-line-height;
+    background-color: $pageflow-permalink-input-base-url-background-color;
+    color: $pageflow-permalink-input-base-url-color;
+  }
+
+  select,
+  input {
+    width: auto;
+    border: 0;
+
+    &:focus {
+      border: 0;
+      box-shadow: none;
+    }
+  }
+
+  select {
+    background-color: $pageflow-permalink-input-background-color;
+    background-position: $pageflow-permalink-input-directory-background-position;
+    padding-left: $pageflow-permalink-input-directory-padding-left;
+    padding-right: $pageflow-permalink-input-directory-padding-right;
+    margin: 0 $pageflow-permalink-input-directory-margin-h;
+  }
+
+  input {
+    padding-left: 0;
+    flex: 1;
+  }
+}