nodebb-theme-harmony 1.0.0-beta.110 → 1.0.0-beta.112

package/library.js

@@ -1,5 +1,6 @@
 'use strict';
 
+const nconf = require.main.require('nconf');
 const meta = require.main.require('./src/meta');
 const _ = require.main.require('lodash');
 const user = require.main.require('./src/user');
@@ -29,8 +30,26 @@ library.init = async function (params) {
 		middleware.canViewUsers,
 		middleware.checkAccountPermissions,
 	], controllers.renderThemeSettings);
+
+	if (nconf.get('isPrimary') && process.env.NODE_ENV === 'production') {
+		setTimeout(buildSkins, 0);
+	}
 };
 
+async function buildSkins() {
+	try {
+		const plugins = require.main.require('./src/plugins');
+		await plugins.prepareForBuild(['client side styles']);
+		for (const skin of meta.css.supportedSkins) {
+			// eslint-disable-next-line no-await-in-loop
+			await meta.css.buildBundle(`client-${skin}`, true);
+		}
+		require.main.require('./src/meta/minifier').killAll();
+	} catch (err) {
+		console.error(err.stack);
+	}
+}
+
 library.addAdminNavigation = async function (header) {
 	header.plugins.push({
 		route: '/plugins/harmony',
@@ -99,6 +118,16 @@ library.defineWidgetAreas = async function (areas) {
 			template: 'global',
 			location: 'brand-header',
 		},
+		{
+			name: 'About me (before)',
+			template: 'account/profile.tpl',
+			location: 'profile-aboutme-before',
+		},
+		{
+			name: 'About me (after)',
+			template: 'account/profile.tpl',
+			location: 'profile-aboutme-after',
+		},
 	]);
 
 	return areas;
@@ -121,7 +150,7 @@ async function loadThemeConfig(uid) {
 }
 
 library.getThemeConfig = async function (config) {
-	config.theme = await loadThemeConfig(config.uid);;
+	config.theme = await loadThemeConfig(config.uid);
 	config.openDraftsOnPageLoad = false;
 	return config;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "1.0.0-beta.110",
+  "version": "1.0.0-beta.112",
   "nbbpm": {
     "compatibility": "^3.0.0"
   },

package/scss/chats.scss

@@ -4,6 +4,19 @@
 	max-width: 100%;
 }
 
+.stacked-avatars {
+	width: 32px;
+	height: 32px;
+	span:first-child {
+		top: 0;
+		left: 8px;
+	}
+	span:last-child {
+		left: 0;
+		top: 8px;
+	}
+}
+
 body.page-user-chats {
 	overflow: hidden;
 	[data-widget-area="footer"] {

package/templates/account/profile.tpl

@@ -1,10 +1,27 @@
 <!-- IMPORT partials/account/header.tpl -->
+
+{{{ if widgets.profile-aboutme-before.length }}}
+<div data-widget-area="profile-aboutme-before">
+{{{each widgets.profile-aboutme-before}}}
+{./html}
+{{{end}}}
+</div>
+{{{ end }}}
+
 {{{ if aboutme }}}
 <div component="aboutme" class="text-sm text-break">
 {aboutmeParsed}
 </div>
 {{{ end }}}
 
+{{{ if widgets.profile-aboutme-after.length }}}
+<div data-widget-area="profile-aboutme-after">
+{{{each widgets.profile-aboutme-after}}}
+{./html}
+{{{end}}}
+</div>
+{{{ end }}}
+
 <div class="account-stats container">
 	<div class="row row-cols-2 row-cols-xl-3 row-cols-xxl-4 g-2">
 		{{{ if !reputation:disabled }}}

package/templates/partials/chats/recent_room.tpl

@@ -5,9 +5,9 @@
 				<a class="stretched-link" href="{config.relative_path}/me/chats/{./roomId}"></a>
 				{{{ if ./users.length }}}
 				{{{ if ./groupChat}}}
-				<div class="position-relative" style="width:32px; height:32px;">
-					<span class="text-decoration-none position-absolute top-0" style="left: 8px;" href="{config.relative_path}/user/{./users.1.userslug}">{buildAvatar(./users.1, "24px", true)}</span>
-					<span class="text-decoration-none position-absolute start-0" style="top: 8px;" href="{config.relative_path}/user/{./users.0.userslug}" >{buildAvatar(./users.0, "24px", true)}</span>
+				<div class="position-relative stacked-avatars">
+					<span class="text-decoration-none position-absolute" href="{config.relative_path}/user/{./users.1.userslug}">{buildAvatar(./users.1, "24px", true)}</span>
+					<span class="text-decoration-none position-absolute" href="{config.relative_path}/user/{./users.0.userslug}" >{buildAvatar(./users.0, "24px", true)}</span>
 				</div>
 				{{{ else }}}
 				<span href="{config.relative_path}/user/{./users.0.userslug}" class="text-decoration-none">{buildAvatar(./users.0, "32px", true)}</span>