pages_core 3.12.1 → 3.12.3

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pages_core
 version: !ruby/object:Gem::Version
-  version: 3.12.1
+  version: 3.12.3
 platform: ruby
 authors:
 - Inge Jørgensen
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-03-16 00:00:00.000000000 Z
+date: 2023-05-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -361,6 +361,7 @@ files:
 - app/assets/builds/fonts/b2c7b78f.woff2
 - app/assets/builds/fonts/ceddc204.ttf
 - app/assets/builds/pages_core/admin-dist.js
+- app/assets/builds/pages_core/admin-dist.js.map
 - app/assets/builds/pages_core/admin.css
 - app/assets/images/pages/admin/angle-down-solid.svg
 - app/assets/images/pages/admin/drag-icon.png
@@ -383,6 +384,7 @@ files:
 - app/assets/stylesheets/pages_core/admin/components/modal.css
 - app/assets/stylesheets/pages_core/admin/components/page_tree.css
 - app/assets/stylesheets/pages_core/admin/components/pagination.css
+- app/assets/stylesheets/pages_core/admin/components/search.css
 - app/assets/stylesheets/pages_core/admin/components/sidebar.css
 - app/assets/stylesheets/pages_core/admin/components/tabs.css
 - app/assets/stylesheets/pages_core/admin/components/tag_editor.css
@@ -461,60 +463,63 @@ files:
 - app/helpers/pages_core/meta_tags_helper.rb
 - app/helpers/pages_core/open_graph_tags_helper.rb
 - app/helpers/pages_core/page_path_helper.rb
-- app/javascript/admin-dist.js
-- app/javascript/components.js
+- app/javascript/admin-dist.ts
+- app/javascript/components.ts
 - app/javascript/components/Attachments.jsx
-- app/javascript/components/Attachments/Attachment.jsx
-- app/javascript/components/Attachments/AttachmentEditor.jsx
-- app/javascript/components/Attachments/Placeholder.jsx
+- app/javascript/components/Attachments/Attachment.tsx
+- app/javascript/components/Attachments/AttachmentEditor.tsx
+- app/javascript/components/Attachments/Placeholder.tsx
 - app/javascript/components/DateRangeSelect.jsx
-- app/javascript/components/EditableImage.jsx
-- app/javascript/components/FileUploadButton.jsx
-- app/javascript/components/ImageCropper.jsx
-- app/javascript/components/ImageCropper/FocalPoint.jsx
-- app/javascript/components/ImageCropper/Image.jsx
-- app/javascript/components/ImageCropper/Toolbar.jsx
-- app/javascript/components/ImageCropper/useCrop.js
-- app/javascript/components/ImageEditor.jsx
-- app/javascript/components/ImageEditor/Form.jsx
+- app/javascript/components/EditableImage.tsx
+- app/javascript/components/FileUploadButton.tsx
+- app/javascript/components/ImageCropper.tsx
+- app/javascript/components/ImageCropper/FocalPoint.tsx
+- app/javascript/components/ImageCropper/Image.tsx
+- app/javascript/components/ImageCropper/Toolbar.tsx
+- app/javascript/components/ImageCropper/useCrop.ts
+- app/javascript/components/ImageEditor.tsx
+- app/javascript/components/ImageEditor/Form.tsx
 - app/javascript/components/ImageGrid.jsx
-- app/javascript/components/ImageGrid/DragElement.jsx
-- app/javascript/components/ImageGrid/FilePlaceholder.jsx
-- app/javascript/components/ImageGrid/GridImage.jsx
-- app/javascript/components/ImageGrid/Placeholder.jsx
-- app/javascript/components/ImageUploader.jsx
-- app/javascript/components/Modal.jsx
+- app/javascript/components/ImageGrid/DragElement.tsx
+- app/javascript/components/ImageGrid/FilePlaceholder.tsx
+- app/javascript/components/ImageGrid/GridImage.tsx
+- app/javascript/components/ImageGrid/Placeholder.tsx
+- app/javascript/components/ImageUploader.tsx
+- app/javascript/components/Modal.tsx
 - app/javascript/components/PageDates.jsx
 - app/javascript/components/PageFiles.jsx
-- app/javascript/components/PageImages.jsx
-- app/javascript/components/PageTree.jsx
-- app/javascript/components/PageTreeDraggable.jsx
-- app/javascript/components/PageTreeNode.jsx
+- app/javascript/components/PageImages.tsx
+- app/javascript/components/PageTree.tsx
+- app/javascript/components/PageTree/Draggable.tsx
+- app/javascript/components/PageTree/Node.tsx
+- app/javascript/components/PageTree/types.ts
 - app/javascript/components/RichTextArea.jsx
-- app/javascript/components/RichTextToolbarButton.jsx
-- app/javascript/components/TagEditor.jsx
-- app/javascript/components/TagEditor/AddTagForm.jsx
-- app/javascript/components/TagEditor/Tag.jsx
-- app/javascript/components/Toast.jsx
-- app/javascript/components/drag.js
-- app/javascript/components/drag/draggedOrder.js
-- app/javascript/components/drag/useDragCollection.js
-- app/javascript/components/drag/useDragUploader.js
-- app/javascript/components/drag/useDraggable.js
-- app/javascript/controllers/EditPageController.js
-- app/javascript/controllers/LoginController.js
-- app/javascript/controllers/MainController.js
+- app/javascript/components/RichTextToolbarButton.tsx
+- app/javascript/components/TagEditor.tsx
+- app/javascript/components/TagEditor/AddTagForm.tsx
+- app/javascript/components/TagEditor/Tag.tsx
+- app/javascript/components/Toast.tsx
+- app/javascript/components/drag.ts
+- app/javascript/components/drag/draggedOrder.ts
+- app/javascript/components/drag/types.ts
+- app/javascript/components/drag/useDragCollection.ts
+- app/javascript/components/drag/useDragUploader.ts
+- app/javascript/components/drag/useDraggable.ts
+- app/javascript/controllers/EditPageController.ts
+- app/javascript/controllers/LoginController.ts
+- app/javascript/controllers/MainController.ts
 - app/javascript/controllers/PageOptionsController.js
-- app/javascript/features/RichText.jsx
-- app/javascript/hooks.js
-- app/javascript/index.js
-- app/javascript/lib/Tree.js
-- app/javascript/lib/copyToClipboard.js
-- app/javascript/lib/readyHandler.js
-- app/javascript/lib/request.js
-- app/javascript/stores.js
-- app/javascript/stores/ModalStore.jsx
-- app/javascript/stores/ToastStore.jsx
+- app/javascript/features/RichText.tsx
+- app/javascript/hooks.ts
+- app/javascript/index.ts
+- app/javascript/lib/Tree.ts
+- app/javascript/lib/copyToClipboard.ts
+- app/javascript/lib/readyHandler.ts
+- app/javascript/lib/request.ts
+- app/javascript/stores.ts
+- app/javascript/stores/useModalStore.ts
+- app/javascript/stores/useToastStore.ts
+- app/javascript/types.ts
 - app/jobs/pages_core/autopublish_job.rb
 - app/jobs/pages_core/sweep_cache_job.rb
 - app/mailers/admin_mailer.rb
@@ -586,10 +591,12 @@ files:
 - app/views/admin/pages/_edit_options.html.erb
 - app/views/admin/pages/_form.html.erb
 - app/views/admin/pages/_list_item.html.erb
+- app/views/admin/pages/_search_bar.html.erb
 - app/views/admin/pages/deleted.html.erb
 - app/views/admin/pages/edit.html.erb
 - app/views/admin/pages/index.html.erb
 - app/views/admin/pages/new.html.erb
+- app/views/admin/pages/search.html.erb
 - app/views/admin/password_resets/show.html.erb
 - app/views/admin/users/_access_control.html.erb
 - app/views/admin/users/_list.html.erb
@@ -653,19 +660,18 @@ files:
 - lib/pages_core/version.rb
 - lib/rails/generators/pages_core/frontend/frontend_generator.rb
 - lib/rails/generators/pages_core/frontend/templates/application.html.erb
-- lib/rails/generators/pages_core/frontend/templates/javascript/lib/GridOverlay.js
-- lib/rails/generators/pages_core/frontend/templates/javascript/lib/ResponsiveEmbeds.js
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/application.sass.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/components/base.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/config.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/framework/breakpoints.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/framework/clearfix.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/framework/fonts.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/framework/grid.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/framework/grid_overlay.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/colors.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/typography.scss
-- lib/rails/generators/pages_core/frontend/templates/stylesheets/vendor/normalize.css
+- lib/rails/generators/pages_core/frontend/templates/javascript/lib/gridOverlay.ts
+- lib/rails/generators/pages_core/frontend/templates/javascript/lib/responsiveEmbeds.ts
+- lib/rails/generators/pages_core/frontend/templates/postcss.config.js
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/application.postcss.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/components/base.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/components/layout.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/config.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/animation.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/colors.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/fonts.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/grid.css
+- lib/rails/generators/pages_core/frontend/templates/stylesheets/global/typography.css
 - lib/rails/generators/pages_core/install/install_generator.rb
 - lib/rails/generators/pages_core/install/templates/active_job_initializer.rb
 - lib/rails/generators/pages_core/install/templates/application_controller.rb
@@ -709,7 +715,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.6
+rubygems_version: 3.4.10
 signing_key:
 specification_version: 4
 summary: Pages Core

data/app/javascript/admin-dist.js

@@ -1,2 +0,0 @@
-import startPages from "./index.js";
-startPages();

data/app/javascript/components/ImageCropper/FocalPoint.jsx

@@ -1,93 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export default class FocalPoint extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      dragging: false,
-      x: props.x,
-      y: props.y
-    };
-    this.dragStart = this.dragStart.bind(this);
-    this.dragEnd = this.dragEnd.bind(this);
-    this.drag = this.drag.bind(this);
-    this.container = React.createRef();
-    this.point = React.createRef();
-  }
-
-  clamp(val, min, max) {
-    if (val < min) {
-      return min;
-    } else if (val > max) {
-      return max;
-    } else {
-      return val;
-    }
-  }
-
-  dragStart(evt) {
-    evt.preventDefault();
-    evt.stopPropagation();
-    if (evt.target == this.point.current) {
-      this.setState({dragging: true});
-    }
-  }
-
-  dragEnd() {
-    if (this.state.dragging) {
-      this.setState({dragging: false});
-      this.props.onChange({x: this.state.x, y: this.state.y});
-    }
-  }
-
-  drag(evt) {
-    if (this.state.dragging) {
-      let containerSize = this.container.current.getBoundingClientRect();
-      var x , y;
-      evt.preventDefault();
-
-      if (evt.type == "touchmove") {
-        x = evt.touches[0].clientX - (containerSize.x || containerSize.left);
-        y = evt.touches[0].clientY - (containerSize.y || containerSize.top);
-      } else {
-        x = evt.clientX - (containerSize.x || containerSize.left);
-        y = evt.clientY - (containerSize.y || containerSize.top);
-      }
-
-      x = this.clamp(x, 0, this.props.width);
-      y = this.clamp(y, 0, this.props.height);
-
-      this.setState({x: (x / this.props.width) * 100,
-                     y: (y / this.props.height) * 100});
-    }
-  }
-
-  render() {
-    let x = this.props.width * (this.state.x / 100);
-    let y = this.props.height * (this.state.y / 100);
-    let pointStyle = {
-      transform: `translate3d(${x}px, ${y}px, 0)`
-    };
-    return (
-      <div className="focal-editor"
-           ref={this.container}
-           onTouchStart={this.dragStart}
-           onTouchEnd={this.dragEnd}
-           onTouchMove={this.drag}
-           onMouseDown={this.dragStart}
-           onMouseUp={this.dragEnd}
-           onMouseMove={this.drag}>
-        <div className="focal-point" style={pointStyle} ref={this.point} />
-      </div>
-    );
-  }
-}
-
-FocalPoint.propTypes = {
-  x: PropTypes.number,
-  y: PropTypes.number,
-  onChange: PropTypes.func,
-  width: PropTypes.number,
-  height: PropTypes.number
-};

data/app/javascript/components/Modal.jsx

@@ -1,59 +0,0 @@
-import React from "react";
-import ModalStore from "../stores/ModalStore";
-
-export default class Modal extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { component: null };
-    this.store = ModalStore;
-    this.closeModal = this.closeModal.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleKeypress = this.handleKeypress.bind(this);
-  }
-
-  componentDidMount() {
-    this.unsubscribe = this.store.subscribe(this.handleChange);
-    window.addEventListener("keypress", this.handleKeypress);
-  }
-
-  componentWillUnmount() {
-    this.unsubscribe();
-    window.removeEventListener("keypress", this.handleKeypress);
-  }
-
-  closeModal(evt) {
-    evt.stopPropagation();
-    evt.preventDefault();
-    ModalStore.dispatch({ type: "CLOSE" });
-  }
-
-  handleChange() {
-    this.setState({ ...this.store.getState() });
-  }
-
-  handleKeypress(evt) {
-    if (this.state.component && (evt.key == "Escape" || evt.keyCode === 27)) {
-      this.closeModal(evt);
-    }
-  }
-
-  render() {
-    let component = this.state.component;
-
-    if (component) {
-      document.body.classList.add("modal");
-    } else {
-      document.body.classList.remove("modal");
-      return (<div className="modal-wrapper"></div>);
-    }
-
-    return (
-      <div className="modal-wrapper open">
-        <div className="background" onClick={this.closeModal} />
-        <div className="modal">
-          {component}
-        </div>
-      </div>
-    );
-  }
-}

data/app/javascript/components/PageImages.jsx

@@ -1,25 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import ImageGrid from "./ImageGrid";
-
-export default class PageImages extends React.Component {
-  render() {
-    return (
-      <div className="page-images">
-        <ImageGrid attribute="page[page_images_attributes]"
-                   primaryAttribute="page[image_id]"
-                   enablePrimary={true}
-                   showEmbed={true}
-                   locale={this.props.locale}
-                   locales={this.props.locales}
-                   records={this.props.records} />
-      </div>
-    );
-  }
-}
-
-PageImages.propTypes = {
-  locale: PropTypes.string,
-  locales: PropTypes.object,
-  records: PropTypes.array
-};

data/app/javascript/components/PageTree.jsx

@@ -1,196 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import PageTreeDraggable from "./PageTreeDraggable";
-import Tree from "../lib/Tree";
-import { postJson, putJson } from "../lib/request";
-
-export default class PageTree extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = { tree: this.buildTree(props.pages) };
-
-    this.addChild = this.addChild.bind(this);
-    this.movedPage = this.movedPage.bind(this);
-    this.toggleCollapsed = this.toggleCollapsed.bind(this);
-    this.updatePage = this.updatePage.bind(this);
-    this.updateTree = this.updateTree.bind(this);
-  }
-
-  addChild(id, attributes) {
-    let tree = this.state.tree;
-    var index = tree.append(attributes, id);
-    this.reorderChildren(id);
-    this.setCollapsed(id, false);
-    this.createPage(index, attributes);
-    this.setState({tree: tree});
-  }
-
-  movedPage(id) {
-    let tree = this.state.tree;
-    let index = tree.getIndex(id);
-    this.reorderChildren(index.parent);
-
-    let parent = tree.getIndex(index.parent);
-    let position = parent.children.indexOf(id) + 1;
-
-    this.movePage(index, parent, position);
-    this.setState({tree: tree});
-  }
-
-  toggleCollapsed(id) {
-    let tree = this.state.tree;
-    var node = tree.getIndex(id).node;
-    this.setCollapsed(id, !node.collapsed);
-    this.setState({tree: tree});
-  }
-
-  updatePage(id, attributes) {
-    let tree = this.state.tree;
-    let index = tree.getIndex(id);
-    let url = `/admin/${index.node.locale}/pages/${index.node.id}.json`;
-    this.updateNode(index, attributes);
-    this.performUpdate(index, url, { page: attributes });
-  }
-
-  updateTree(tree) {
-    this.setState({ tree: tree });
-  }
-
-  applyCollapsed(tree) {
-    const depth = (t, index) => {
-      var depth = 0;
-      let pointer = t.getIndex(index.parent);
-      while (pointer) {
-        depth += 1;
-        pointer = t.getIndex(pointer.parent);
-      }
-      return depth;
-    };
-
-    let collapsedState = this.collapsedState();
-    let walk = function (id) {
-      var index = tree.getIndex(id);
-      var node = index.node;
-      if (Object.prototype.hasOwnProperty.call(collapsedState, node.id)) {
-        node.collapsed = collapsedState[node.id];
-      } else if (node.news_page) {
-        node.collapsed = true;
-      } else if (depth(tree, index) > 1) {
-        node.collapsed = true;
-      }
-      if (index.children && index.children.length) {
-        index.children.forEach(c => walk(c));
-      }
-    };
-    walk(1);
-  }
-
-  collapsedState() {
-    if (window && window.localStorage &&
-        typeof(window.localStorage.collapsedPages) != "undefined") {
-      return JSON.parse(window.localStorage.collapsedPages);
-    }
-    return {};
-  }
-
-  createPage(index, attributes) {
-    postJson(`/admin/${index.node.locale}/pages.json`, { page: attributes })
-      .then(response => this.updateNode(index, response));
-  }
-
-  buildTree(pages) {
-    // Build tree
-    let parentMap = pages.reduce((m, page) => {
-      let id = page.parent_page_id;
-      m[id] = [...(m[id] || []), page];
-      return m;
-    }, {});
-
-    pages.forEach((p) => p.children = parentMap[p.id] || []);
-
-    let tree = new Tree({ name: "All Pages",
-                          locale: this.props.locale,
-                          permissions: this.props.permissions,
-                          root: true,
-                          children: parentMap[null] });
-    this.applyCollapsed(tree);
-    tree.updateNodesPosition();
-    return tree;
-  }
-
-  movePage(index, parent, position) {
-    let data = {
-      parent_id: parent.node.id,
-      position: position
-    };
-    let url = `/admin/${index.node.locale}/pages/${index.node.id}/move.json`;
-    this.performUpdate(index, url, data);
-  }
-
-  performUpdate(index, url, data) {
-    putJson(url, data).then(response => this.updateNode(index, response));
-  }
-
-  render() {
-    return(
-      <PageTreeDraggable tree={this.state.tree}
-                         addChild={this.addChild}
-                         movedPage={this.movedPage}
-                         toggleCollapsed={this.toggleCollapsed}
-                         updatePage={this.updatePage}
-                         updateTree={this.updateTree}
-                         locale={this.props.locale}
-                         dir={this.props.dir} />
-    );
-  }
-
-  reorderChildren(id) {
-    let tree = this.state.tree;
-    var index = this.state.tree.getIndex(id);
-    var node = index.node;
-    if (!node.news_page) {
-      return;
-    }
-    index.children = index.children.sort(function (a, b) {
-      var aNode = tree.getIndex(a).node;
-      var bNode = tree.getIndex(b).node;
-      if (aNode.pinned == bNode.pinned) {
-        return new Date(bNode.published_at) - new Date(aNode.published_at);
-      } else {
-        return aNode.pinned ? -1 : 1;
-      }
-    });
-    tree.updateNodesPosition();
-  }
-
-  setCollapsed(id, value) {
-    var node = this.state.tree.getIndex(id).node;
-    node.collapsed = value;
-    this.storeCollapsed(id, node.collapsed);
-    this.state.tree.updateNodesPosition();
-  }
-
-  storeCollapsed(id, newState) {
-    let node = this.state.tree.getIndex(id).node;
-    var store = this.collapsedState();
-    store[node.id] = newState;
-    window.localStorage.collapsedPages = JSON.stringify(store);
-  }
-
-  updateNode(index, attributes) {
-    for (var attr in attributes) {
-      if (Object.prototype.hasOwnProperty.call(attributes, attr)) {
-        index.node[attr] = attributes[attr];
-      }
-    }
-    this.setState({ tree: this.state.tree });
-  }
-}
-
-PageTree.propTypes = {
-  pages: PropTypes.array,
-  locale: PropTypes.string,
-  dir: PropTypes.string,
-  permissions: PropTypes.array
-};

data/app/javascript/components/RichTextToolbarButton.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export default class RichTextToolbarButton extends React.Component {
-  render() {
-    return (
-      <a title={this.props.name}
-         className={"button " + this.props.className}
-         onClick={this.props.onClick}>
-        <i className={"fa-solid fa-" + this.props.className} />
-      </a>
-    );
-  }
-}
-
-RichTextToolbarButton.propTypes = {
-  className: PropTypes.string,
-  name: PropTypes.string,
-  onClick: PropTypes.func
-};

data/app/javascript/components/Toast.jsx

@@ -1,72 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import ToastStore from "../stores/ToastStore";
-
-export default class Toast extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { toast: undefined,
-                   fadeout: false };
-    this.store = ToastStore;
-    this.timer = undefined;
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  componentDidMount() {
-    this.unsubscribe = this.store.subscribe(this.handleChange);
-    if (this.props.error) {
-      this.store.dispatch({ type: "ERROR", message: this.props.error });
-    }
-    if (this.props.notice) {
-      this.store.dispatch({ type: "NOTICE", message: this.props.notice });
-    }
-  }
-
-  componentWillUnmount() {
-    this.unsubscribe();
-    if (this.timer) {
-      clearTimeout(this.timer);
-    }
-  }
-
-  handleChange() {
-    this.setState({ toast: this.store.getState()[0], fadeout: false });
-    if (!this.timer) {
-      this.timer = setTimeout(() => {
-        this.setState({ fadeout: true });
-        this.timer = setTimeout(() => {
-          this.timer = undefined;
-          this.setState({ fadeout: false });
-          this.store.dispatch({ type: "NEXT" });
-        }, 500);
-      }, 4000);
-    }
-  }
-
-  render() {
-    let toast = this.state.toast;
-    let classNames = ["toast"];
-
-    if (toast) {
-      classNames.push(toast.type);
-      if (this.state.fadeout) {
-        classNames.push("fadeout");
-      }
-    }
-
-    return (
-      <div className="toast-wrapper" aria-live="polite">
-        {toast && (
-          <div className={classNames.join(" ")}>
-            {toast.message}
-          </div>
-        )}
-      </div>
-    );
-  }
-}
-
-Toast.propTypes = {
-  notice: PropTypes.string,
-  error: PropTypes.string
-};