From 85bfb949fea4e69dabc5b7544ce70d26d3d11393 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 26 Dec 2020 21:56:56 +0100
Subject: add support for unsafe inline scripts

---
 frontend/app/site/app.js                          |  2 ++
 frontend/app/site/site/site.actions.js            |  2 +-
 frontend/app/views/page/components/tile.form.js   | 35 ++++++++++++++++++++++-
 frontend/app/views/page/components/tile.handle.js |  7 +++++
 4 files changed, 44 insertions(+), 2 deletions(-)

(limited to 'frontend')

diff --git a/frontend/app/site/app.js b/frontend/app/site/app.js
index cf52460..389e5b5 100644
--- a/frontend/app/site/app.js
+++ b/frontend/app/site/app.js
@@ -31,3 +31,5 @@ export default class App extends Component {
     )
   }
 }
+/*
+*/
diff --git a/frontend/app/site/site/site.actions.js b/frontend/app/site/site/site.actions.js
index 2eea442..79e4573 100644
--- a/frontend/app/site/site/site.actions.js
+++ b/frontend/app/site/site/site.actions.js
@@ -1,4 +1,4 @@
-import * as types from 'app/types'
+import * as types from '../types'
 import { api } from 'app/utils'
 
 export const setSiteTitle = title => dispatch => {
diff --git a/frontend/app/views/page/components/tile.form.js b/frontend/app/views/page/components/tile.form.js
index 5b25f13..3f43dd0 100644
--- a/frontend/app/views/page/components/tile.form.js
+++ b/frontend/app/views/page/components/tile.form.js
@@ -15,7 +15,7 @@ import { preloadImage } from 'app/utils'
 import * as tileActions from '../../tile/tile.actions'
 
 const SELECT_TYPES = [
-  "image", "text", "link"
+  "image", "text", "link", "script",
 ].map(s => ({ name: s, label: s }))
 
 const ALIGNMENTS = [
@@ -33,6 +33,7 @@ const REQUIRED_KEYS = {
   image: ['url'],
   text: ['content'],
   link: [],
+  script: [],
 }
 
 const IMAGE_TILE_STYLES = [
@@ -109,6 +110,14 @@ const newLink = (data) => ({
   ...data,
 })
 
+const newScript = (data) => ({
+  settings: {
+    ...newPosition({ width: 100, height: 100, }),
+  },
+  type: 'script',
+  ...data,
+})
+
 const newPosition = (data) => ({
   x: 0, y: 0,
   width: 0, height: 0,
@@ -122,6 +131,7 @@ const TYPE_CONSTRUCTORS = {
   image: newImage,
   text: newText,
   link: newLink,
+  script: newScript,
 }
 
 class TileForm extends Component {
@@ -356,6 +366,8 @@ class TileForm extends Component {
             ? this.renderTextForm()
           : temporaryTile.type === 'link'
             ? this.renderLinkForm()
+          : temporaryTile.type === 'script'
+            ? this.renderScriptForm()
           : ""}
 
           {this.renderHyperlinkForm()}
@@ -555,6 +567,27 @@ class TileForm extends Component {
     )
   }
 
+  renderScriptForm() {
+    const { temporaryTile } = this.props
+    const { errorFields } = this.state
+    return (
+      <div>
+        <TextArea
+          title=""
+          name="content"
+          required
+          data={temporaryTile.settings}
+          error={errorFields.has('content')}
+          onChange={this.handleSettingsChange.bind(this)}
+          autoComplete="off"
+        />
+        <div>
+          Scripts will be run on the live site when this page loads.
+        </div>
+      </div>
+    )
+  }
+
   renderHyperlinkForm() {
     const { temporaryTile } = this.props
     const { pageList } = this.state
diff --git a/frontend/app/views/page/components/tile.handle.js b/frontend/app/views/page/components/tile.handle.js
index e91f0b1..624b175 100644
--- a/frontend/app/views/page/components/tile.handle.js
+++ b/frontend/app/views/page/components/tile.handle.js
@@ -66,6 +66,13 @@ const TileHandle = ({ tile, bounds, box, viewing, onMouseDown, onDoubleClick })
       style.width = tile.settings.width ? tile.settings.width + 'px' : 'auto'
       style.height = tile.settings.height ? tile.settings.height + 'px' : 'auto'
       break
+    case 'script':
+      content = ""
+      if (viewing) {
+        eval(tile.settings.content)
+      } else {
+        content = "SCRIPT"
+      }
   }
   if (viewing && tile.href) {
     if (tile.href.indexOf('http') === 0) {
-- 
cgit v1.2.3-70-g09d2