f17ce89d01
Set the default brand to Moreminimore Chat while keeping branding configurable via the existing InstallationConfig/ENV mechanism. - installation_config.yml: INSTALLATION_NAME/BRAND_NAME -> Moreminimore Chat, BRAND_URL/WIDGET_BRAND_URL -> https://www.moreminimore.com, TERMS/PRIVACY -> moreminimore.com, MAILER_SUPPORT_EMAIL -> contact@moreminimore.com; drop LOGO_DARK (single PNG logo for light+dark). - Mailer sender defaults -> 'Moreminimore Chat Team <contact@moreminimore.com>' across devise.rb, application_mailer, conversation_reply_mailer, mail_presenter, email_address_parseable. - Replace SVG brand assets with logo.png/logo_thumbnail.png (1000x1000); update onboarding, super_admin login/nav, Vue login/signup/saml, survey, helpcenter, widget, year-in-review to use the single PNG and Moreminimore Chat name; remove dark dual-logo pattern. - manifest.json name/short_name -> Moreminimore Chat; en.yml integration copy. Approved by independent five-key pre-commit review deleg_a733cdf4 (passed=true, security_concerns=[], logic_errors=[]). Privacy audit findings=0.
99 lines
2.4 KiB
Vue
99 lines
2.4 KiB
Vue
<script setup>
|
|
import { computed } from 'vue';
|
|
import 'highlight.js/styles/default.css';
|
|
import 'highlight.js/lib/common';
|
|
import NextButton from 'dashboard/components-next/button/Button.vue';
|
|
import { copyTextToClipboard } from 'shared/helpers/clipboard';
|
|
import { useAlert } from 'dashboard/composables';
|
|
import { useI18n } from 'vue-i18n';
|
|
|
|
const props = defineProps({
|
|
script: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
lang: {
|
|
type: String,
|
|
default: 'javascript',
|
|
},
|
|
enableCodePen: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
codepenTitle: {
|
|
type: String,
|
|
default: 'Moreminimore Chat Codepen',
|
|
},
|
|
});
|
|
|
|
const { t } = useI18n();
|
|
|
|
const scrubbedScript = computed(() => {
|
|
// remove trailing and leading extra lines and not spaces
|
|
const scrubbed = props.script.replace(/^\s*[\r\n]/gm, '');
|
|
const lines = scrubbed.split('\n');
|
|
|
|
// remove extra indentations
|
|
const minIndent = lines.reduce((min, line) => {
|
|
if (line.trim().length === 0) return min;
|
|
const indent = line.match(/^\s*/)[0].length;
|
|
return Math.min(min, indent);
|
|
}, Infinity);
|
|
|
|
return lines.map(line => line.slice(minIndent)).join('\n');
|
|
});
|
|
|
|
const codepenScriptValue = computed(() => {
|
|
const lang = props.lang === 'javascript' ? 'js' : props.lang;
|
|
return JSON.stringify({
|
|
title: props.codepenTitle,
|
|
private: true,
|
|
[lang]: scrubbedScript.value,
|
|
});
|
|
});
|
|
|
|
const onCopy = async e => {
|
|
e.preventDefault();
|
|
await copyTextToClipboard(scrubbedScript.value);
|
|
useAlert(t('COMPONENTS.CODE.COPY_SUCCESSFUL'));
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="relative text-left">
|
|
<div
|
|
class="top-1.5 absolute ltr:right-1.5 rtl:left-1.5 flex backdrop-blur-sm rounded-lg items-center gap-1"
|
|
>
|
|
<form
|
|
v-if="enableCodePen"
|
|
class="flex items-center"
|
|
action="https://codepen.io/pen/define"
|
|
method="POST"
|
|
target="_blank"
|
|
>
|
|
<input type="hidden" name="data" :value="codepenScriptValue" />
|
|
<NextButton
|
|
slate
|
|
xs
|
|
type="submit"
|
|
faded
|
|
:label="t('COMPONENTS.CODE.CODEPEN')"
|
|
/>
|
|
</form>
|
|
<NextButton
|
|
slate
|
|
xs
|
|
faded
|
|
:label="t('COMPONENTS.CODE.BUTTON_TEXT')"
|
|
@click="onCopy"
|
|
/>
|
|
</div>
|
|
<highlightjs
|
|
v-if="script"
|
|
:language="lang"
|
|
:code="scrubbedScript"
|
|
class="[&_code]:text-start"
|
|
/>
|
|
</div>
|
|
</template>
|