From a11e93ef5454f97228a8bf31b4fe4c261e3c4d66 Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Tue, 15 Mar 2022 18:47:46 +1300
Subject: [PATCH] Initial pass at social metadata tags

---
 .../editor/metadataEditor/metadataEditor.jsx  |  31 ++++++++++++++++++
 .../editor/metadataEditor/metadataEditor.less |  27 +++++++++++++++
 client/homebrew/thumbnail.png                 | Bin 0 -> 6010 bytes
 client/template.js                            |   9 +++++
 server/googleActions.js                       |  10 ++++--
 server/homebrew.model.js                      |   1 +
 6 files changed, 75 insertions(+), 3 deletions(-)
 create mode 100644 client/homebrew/thumbnail.png

diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index 8f5ad7083..4c294a51e 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -7,6 +7,8 @@ const request = require('superagent');
 
 const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder'];
 
+const homebreweryThumbnail = require('../../thumbnail.png');
+
 const MetadataEditor = createClass({
 	displayName     : 'MetadataEditor',
 	getDefaultProps : function() {
@@ -25,6 +27,23 @@ const MetadataEditor = createClass({
 		};
 	},
 
+	getInitialState : function(){
+		return {
+			showThumbnail : true
+		};
+	},
+
+	toggleThumbnailDisplay : function(){
+		this.setState({
+			showThumbnail : !this.state.showThumbnail
+		});
+	},
+
+	renderThumbnail : function(){
+		if(!this.state.showThumbnail) return;
+		return <img className='thumbnail-preview' src={this.props.metadata.thumbnail || homebreweryThumbnail}></img>;
+	},
+
 	handleFieldChange : function(name, e){
 		this.props.onChange(_.merge({}, this.props.metadata, {
 			[name] : e.target.value
@@ -162,6 +181,18 @@ const MetadataEditor = createClass({
 				<textarea value={this.props.metadata.description} className='value'
 					onChange={(e)=>this.handleFieldChange('description', e)} />
 			</div>
+			<div className='field thumbnail'>
+				<label>thumbnail</label>
+				<input type='text'
+					value={this.props.metadata.thumbnail}
+					placeholder='my.thumbnail.url'
+					className='value'
+					onChange={(e)=>this.handleFieldChange('thumbnail', e)} />
+				<button className='display' onClick={this.toggleThumbnailDisplay}>
+					<i className={`fas fa-caret-${this.state.showThumbnail ? 'right' : 'left'}`} />
+				</button>
+				{this.renderThumbnail()}
+			</div>
 			{/*}
 			<div className='field tags'>
 				<label>tags</label>
diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less
index 4a43158d0..9dd03b373 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.less
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.less
@@ -24,6 +24,33 @@
 			flex           : 1 1 auto;
 			min-width      : 200px;
 		}
+		&.thumbnail{
+			height      : 1.4em;
+			label{
+				line-height: 2.0em;
+			}
+			.value{
+  				overflow: hidden;
+  				text-overflow: ellipsis;
+			}
+			button{
+				border: 1px solid #999;
+				color: white;
+				padding: 0px 5px;
+				background-color: black;
+				&:hover{
+					background-color: #777;
+				}
+			}
+			.thumbnail-preview{
+				position    : relative;
+				width       : 80px;
+				height      : min-content;
+				border      : 2px solid white;
+				margin-left : 5px;
+				max-height  : 115px;
+			}
+		}
 	}
 	.description.field textarea.value{
 		resize      : none;
diff --git a/client/homebrew/thumbnail.png b/client/homebrew/thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..38b6d969966846ea8ee3d640c5e9811fce403324
GIT binary patch
literal 6010
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
NFfp_+cuKfT`#12E7RCSo

literal 0
HcmV?d00001

diff --git a/client/template.js b/client/template.js
index e2e0893e3..eaf732936 100644
--- a/client/template.js
+++ b/client/template.js
@@ -1,4 +1,6 @@
 module.exports = async(name, title = '', props = {})=>{
+	const HOMEBREWERY_PUBLIC_URL=(process.env.NODE_ENV == 'local' ? 'localhost:8000' : 'https://homebrewery.naturalcrit.com');
+
 	return `
 <!DOCTYPE html>
 <html>
@@ -7,6 +9,13 @@ module.exports = async(name, title = '', props = {})=>{
 		<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
 		<link href=${`/${name}/bundle.css`} rel='stylesheet' />
 		<link rel="icon" href="/assets/homebrew/favicon.ico" type="image/x-icon" />
+		<meta property="og:title" content="${props.brew?.title ? props.brew.title : 'Homebrewery - Untitled Brew'}">
+		<meta property="og:url" content="${HOMEBREWERY_PUBLIC_URL}/${props.brew?.shareId ? `share/${props.brew.shareId}` : ''}">
+		<meta property="og:image" content="${props.brew?.thumbnail ? props.brew.thumbnail : `${HOMEBREWERY_PUBLIC_URL}/thumbnail.png`}">
+		<meta property="og:description" content="${props.brew?.description ? props.brew.description : 'No description.'}">
+		<meta property="og:site_name" content="The Homebrewery - Make your Homebrew content look legit!">
+		<meta property="og:type" content="website">
+		<meta name="twitter:card" content="summary_large_image">
 		<title>${title.length ? `${title} - The Homebrewery`: 'The Homebrewery - NaturalCrit'}</title>
 	</head>
 	<body>
diff --git a/server/googleActions.js b/server/googleActions.js
index 6184b2aa6..bf48d945d 100644
--- a/server/googleActions.js
+++ b/server/googleActions.js
@@ -126,7 +126,8 @@ const GoogleActions = {
 				views       : parseInt(file.properties.views),
 				tags        : '',
 				published   : file.properties.published ? file.properties.published == 'true' : false,
-				systems     : []
+				systems     : [],
+				thumbnail   : file.properties.thumbnail
 			};
 		});
 	  return brews;
@@ -147,7 +148,8 @@ const GoogleActions = {
 					renderer  : brew.renderer,
 					tags      : brew.tags,
 					pageCount : brew.pageCount,
-					systems   : brew.systems.join()
+					systems   : brew.systems.join(),
+					thumbnail : brew.thumbnail
 				}
 			},
 			media : {
@@ -185,7 +187,8 @@ const GoogleActions = {
 				'title'     : brew.title,
 				'views'     : '0',
 				'pageCount' : brew.pageCount,
-				'renderer'  : brew.renderer || 'legacy'
+				'renderer'  : brew.renderer || 'legacy',
+				'thumbnail' : brew.thumbnail || ''
 			}
 		};
 
@@ -286,6 +289,7 @@ const GoogleActions = {
 				views      : parseInt(obj.data.properties.views) || 0, //brews with no view parameter will return undefined
 				version    : parseInt(obj.data.properties.version) || 0,
 				renderer   : obj.data.properties.renderer ? obj.data.properties.renderer : 'legacy',
+				thumbnail  : obj.data.properties.thumbnail || '',
 
 				gDrive   : true,
 				googleId : id
diff --git a/server/homebrew.model.js b/server/homebrew.model.js
index acc78a624..be6b2f6cd 100644
--- a/server/homebrew.model.js
+++ b/server/homebrew.model.js
@@ -17,6 +17,7 @@ const HomebrewSchema = mongoose.Schema({
 	renderer    : { type: String, default: '' },
 	authors     : [String],
 	published   : { type: Boolean, default: false },
+	thumbnail   : { type: String, default: '' },
 
 	createdAt  : { type: Date, default: Date.now },
 	updatedAt  : { type: Date, default: Date.now },