mirror of
https://github.com/Jonnyan404/memos-bber.git
synced 2026-04-25 12:08:37 +09:00
jonny
5fac00b5ce
Add persistent, robust scaling for the proportional editor and remove CSS transitions that interfered with instant restores. Introduces a storageKey, parseScale, applyScaleInstant and logic to restore scale synchronously from localStorage (for immediate UX) and asynchronously from chrome.storage.sync (best-effort), keeping localStorage in sync. Ensures pending RAF updates are flushed before persisting and guards against missing APIs or invalid values. Also removes transition properties in main.css so scale restores remain immediate and predictable.
1577 lines
51 KiB
JavaScript
1577 lines
51 KiB
JavaScript
dayjs.extend(window.dayjs_plugin_relativeTime)
|
||
let currentMemoLock = ''
|
||
|
||
function isFullscreenMode() {
|
||
try {
|
||
const params = new URLSearchParams(window.location.search || '')
|
||
return params.get('mode') === 'full'
|
||
} catch (_) {
|
||
return false
|
||
}
|
||
}
|
||
|
||
function openFullscreenTab() {
|
||
try {
|
||
const url = chrome.runtime.getURL('popup.html?mode=full')
|
||
chrome.tabs.create({ url })
|
||
} catch (_) {
|
||
// best-effort only
|
||
}
|
||
}
|
||
|
||
function initProportionalEditorResize() {
|
||
try {
|
||
if (isFullscreenMode()) return
|
||
|
||
const editor = document.querySelector('.memo-editor')
|
||
const tools = document.querySelector('.common-tools-wrapper')
|
||
const handle = document.getElementById('editor-resize-handle')
|
||
if (!editor || !tools || !handle) return
|
||
|
||
const safety = 8
|
||
const initialRect = editor.getBoundingClientRect()
|
||
const baseW = Math.ceil(initialRect.width)
|
||
const baseH = Math.ceil(initialRect.height)
|
||
|
||
// Lock the base size. Scaling will be applied by setting width/height.
|
||
editor.style.width = `${baseW}px`
|
||
editor.style.height = `${baseH}px`
|
||
editor.style.minWidth = `${baseW}px`
|
||
editor.style.minHeight = `${baseH}px`
|
||
|
||
const storageKey = 'popupEditorScale'
|
||
|
||
let maxScale = 1
|
||
const computeMaxScale = () => {
|
||
// In popup mode, allow scaling up to Chrome's max popup size.
|
||
// Do not clamp by current window.innerWidth/innerHeight, otherwise the popup can't grow to the max.
|
||
const viewportW = 800
|
||
const viewportH = 600
|
||
|
||
const editorRect = editor.getBoundingClientRect()
|
||
const toolsRect = tools.getBoundingClientRect()
|
||
const toolsStyle = window.getComputedStyle(tools)
|
||
const gap = parseFloat(toolsStyle.marginTop || '0') || 0
|
||
|
||
const availW = Math.max(0, viewportW - safety - editorRect.left)
|
||
const availH = Math.max(0, viewportH - safety - toolsRect.height - editorRect.top - gap)
|
||
|
||
const scaleW = baseW > 0 ? availW / baseW : 1
|
||
const scaleH = baseH > 0 ? availH / baseH : 1
|
||
maxScale = Math.max(1, Math.min(scaleW, scaleH))
|
||
}
|
||
|
||
computeMaxScale()
|
||
window.addEventListener('resize', computeMaxScale)
|
||
|
||
let dragging = false
|
||
let startX = 0
|
||
let startY = 0
|
||
let startScale = 1
|
||
let rafId = 0
|
||
let pendingScale = null
|
||
|
||
const parseScale = (raw) => {
|
||
const s = typeof raw === 'number' && Number.isFinite(raw)
|
||
? raw
|
||
: typeof raw === 'string' && raw.trim() !== '' && !Number.isNaN(Number(raw))
|
||
? Number(raw)
|
||
: 1
|
||
return s > 0 ? s : 1
|
||
}
|
||
|
||
const readCurrentScale = () => {
|
||
const w = parseFloat(editor.style.width || '')
|
||
const h = parseFloat(editor.style.height || '')
|
||
const sw = baseW > 0 && Number.isFinite(w) ? w / baseW : 1
|
||
const sh = baseH > 0 && Number.isFinite(h) ? h / baseH : 1
|
||
return Math.max(1, sw, sh)
|
||
}
|
||
|
||
const applyScale = (scale) => {
|
||
const s = Math.max(1, Math.min(maxScale, scale))
|
||
editor.style.width = `${Math.round(baseW * s)}px`
|
||
editor.style.height = `${Math.round(baseH * s)}px`
|
||
}
|
||
|
||
const applyScaleInstant = (scale) => {
|
||
// In case CSS transitions exist (or get reintroduced), keep restores immediate.
|
||
const prevTransition = editor.style.transition
|
||
editor.style.transition = 'none'
|
||
applyScale(scale)
|
||
window.requestAnimationFrame(function () {
|
||
editor.style.transition = prevTransition
|
||
})
|
||
}
|
||
|
||
// Restore previously saved scale synchronously (localStorage) first.
|
||
// This makes the popup *feel* synchronous because it can apply before async chrome.storage returns.
|
||
let restoredFromLocal = false
|
||
let localScale = 1
|
||
try {
|
||
const raw = window.localStorage ? window.localStorage.getItem(storageKey) : null
|
||
const s = parseScale(raw)
|
||
if (s && s !== 1) {
|
||
localScale = s
|
||
restoredFromLocal = true
|
||
applyScaleInstant(s)
|
||
}
|
||
} catch (_) {
|
||
// ignore
|
||
}
|
||
|
||
// Restore from chrome.storage.sync (best-effort) and keep localStorage in sync.
|
||
try {
|
||
chrome.storage.sync.get({ [storageKey]: 1 }, function (items) {
|
||
const raw = items ? items[storageKey] : 1
|
||
const s = parseScale(raw)
|
||
const shouldApply = !restoredFromLocal || Math.abs(s - localScale) > 1e-6
|
||
if (shouldApply) applyScaleInstant(s)
|
||
try {
|
||
if (window.localStorage) window.localStorage.setItem(storageKey, String(s))
|
||
} catch (_) {}
|
||
})
|
||
} catch (_) {
|
||
// ignore
|
||
}
|
||
|
||
const scheduleApply = () => {
|
||
if (rafId) return
|
||
rafId = window.requestAnimationFrame(() => {
|
||
rafId = 0
|
||
if (pendingScale == null) return
|
||
const s = pendingScale
|
||
pendingScale = null
|
||
applyScale(s)
|
||
})
|
||
}
|
||
|
||
handle.addEventListener('pointerdown', (ev) => {
|
||
dragging = true
|
||
startX = ev.clientX
|
||
startY = ev.clientY
|
||
startScale = readCurrentScale()
|
||
computeMaxScale()
|
||
try { handle.setPointerCapture(ev.pointerId) } catch (_) {}
|
||
ev.preventDefault()
|
||
})
|
||
|
||
handle.addEventListener('pointermove', (ev) => {
|
||
if (!dragging) return
|
||
const dx = ev.clientX - startX
|
||
const dy = ev.clientY - startY
|
||
|
||
// Proportional scale based on diagonal length for smoother, more linear feel.
|
||
const diag0 = Math.hypot(baseW, baseH)
|
||
const targetW = baseW * startScale + dx
|
||
const targetH = baseH * startScale + dy
|
||
const diag1 = Math.hypot(targetW, targetH)
|
||
const next = diag0 > 0 ? diag1 / diag0 : startScale
|
||
|
||
pendingScale = next
|
||
scheduleApply()
|
||
})
|
||
|
||
const endDrag = () => {
|
||
dragging = false
|
||
|
||
// Flush any pending RAF update before persisting.
|
||
if (pendingScale != null) {
|
||
applyScale(pendingScale)
|
||
pendingScale = null
|
||
}
|
||
|
||
// Persist current scale (best-effort).
|
||
try {
|
||
const s = readCurrentScale()
|
||
if (typeof s === 'number' && Number.isFinite(s)) {
|
||
try {
|
||
if (window.localStorage) window.localStorage.setItem(storageKey, String(s))
|
||
} catch (_) {}
|
||
chrome.storage.sync.set({ [storageKey]: s })
|
||
}
|
||
} catch (_) {
|
||
// ignore
|
||
}
|
||
}
|
||
|
||
handle.addEventListener('pointerup', endDrag)
|
||
handle.addEventListener('pointercancel', endDrag)
|
||
} catch (_) {
|
||
// best-effort only
|
||
}
|
||
}
|
||
|
||
function msg(key) {
|
||
if (typeof window.t === 'function') return window.t(key)
|
||
return chrome.i18n.getMessage(key) || ''
|
||
}
|
||
|
||
function applyDayjsLocaleByUiLanguage(uiLang) {
|
||
const lang = String(uiLang || 'auto')
|
||
if (lang === 'zh_CN') {
|
||
dayjs.locale('zh-cn')
|
||
return
|
||
}
|
||
|
||
if (lang === 'ja') {
|
||
dayjs.locale('ja')
|
||
return
|
||
}
|
||
|
||
if (lang === 'ko') {
|
||
dayjs.locale('ko')
|
||
return
|
||
}
|
||
|
||
if (lang === 'en') {
|
||
dayjs.locale('en')
|
||
return
|
||
}
|
||
|
||
// auto: best-effort infer from browser UI language
|
||
const ui = String(chrome.i18n.getUILanguage ? chrome.i18n.getUILanguage() : '').toLowerCase()
|
||
if (ui.startsWith('zh')) {
|
||
dayjs.locale('zh-cn')
|
||
return
|
||
}
|
||
if (ui.startsWith('ja')) {
|
||
dayjs.locale('ja')
|
||
return
|
||
}
|
||
if (ui.startsWith('ko')) {
|
||
dayjs.locale('ko')
|
||
return
|
||
}
|
||
dayjs.locale('en')
|
||
}
|
||
|
||
function updateLockNowText(lockType) {
|
||
if (lockType === 'PUBLIC') {
|
||
$('#lock-now').text(msg('lockPublic'))
|
||
} else if (lockType === 'PRIVATE') {
|
||
$('#lock-now').text(msg('lockPrivate'))
|
||
} else if (lockType === 'PROTECTED') {
|
||
$('#lock-now').text(msg('lockProtected'))
|
||
}
|
||
}
|
||
|
||
applyDayjsLocaleByUiLanguage(typeof window.getUiLanguage === 'function' ? window.getUiLanguage() : 'auto')
|
||
|
||
if (isFullscreenMode()) {
|
||
document.body.classList.add('fullscreen')
|
||
}
|
||
|
||
window.addEventListener('i18n:changed', (ev) => {
|
||
applyDayjsLocaleByUiLanguage(ev && ev.detail ? ev.detail.lang : 'auto')
|
||
updateLockNowText(currentMemoLock)
|
||
renderUploadList(relistNow)
|
||
})
|
||
|
||
let relistNow = []
|
||
|
||
function get_info(callback) {
|
||
chrome.storage.sync.get(
|
||
{
|
||
apiUrl: '',
|
||
apiTokens: '',
|
||
apiFlavor: '',
|
||
hidetag: '',
|
||
showtag: '',
|
||
memo_lock: '',
|
||
open_action: '',
|
||
open_content: '',
|
||
userid: '',
|
||
memoUiPath: 'memos',
|
||
resourceIdList: []
|
||
},
|
||
function (items) {
|
||
var flag = false
|
||
var returnObject = {}
|
||
if (items.apiUrl === '' || items.apiTokens === '') {
|
||
flag = false
|
||
} else {
|
||
flag = true
|
||
}
|
||
returnObject.status = flag
|
||
returnObject.apiUrl = items.apiUrl
|
||
returnObject.apiTokens = items.apiTokens
|
||
returnObject.apiFlavor = items.apiFlavor
|
||
returnObject.hidetag = items.hidetag
|
||
returnObject.showtag = items.showtag
|
||
returnObject.memo_lock = items.memo_lock
|
||
returnObject.open_content = items.open_content
|
||
returnObject.open_action = items.open_action
|
||
returnObject.userid = items.userid
|
||
returnObject.memoUiPath = items.memoUiPath
|
||
returnObject.resourceIdList = items.resourceIdList
|
||
|
||
if (callback) callback(returnObject)
|
||
}
|
||
)
|
||
}
|
||
|
||
function isV023Flavor(info) {
|
||
return info && info.apiFlavor === 'v023' && window.MemosApiV023
|
||
}
|
||
|
||
function isV1Flavor(info) {
|
||
return info && info.apiFlavor === 'v1' && window.MemosApiV1
|
||
}
|
||
|
||
function getMemoUid(memo) {
|
||
if (!memo) return ''
|
||
if (memo.uid != null && memo.uid !== '') return String(memo.uid)
|
||
if (typeof memo.name === 'string' && memo.name) return memo.name.split('/').pop()
|
||
return ''
|
||
}
|
||
|
||
get_info(function (info) {
|
||
if (info.status) {
|
||
//已经有绑定信息了，折叠
|
||
$('#blog_info').hide()
|
||
}
|
||
var memoNow = info.memo_lock
|
||
if (memoNow == '') {
|
||
chrome.storage.sync.set(
|
||
{ memo_lock: 'PUBLIC' }
|
||
)
|
||
memoNow = 'PUBLIC'
|
||
}
|
||
currentMemoLock = memoNow
|
||
updateLockNowText(memoNow)
|
||
$('#apiUrl').val(info.apiUrl)
|
||
$('#apiTokens').val(info.apiTokens)
|
||
$('#hideInput').val(info.hidetag)
|
||
$('#showInput').val(info.showtag)
|
||
if (info.open_action === 'upload_image') {
|
||
//打开的时候就是上传图片
|
||
uploadImage(info.open_content)
|
||
} else {
|
||
const $textarea = $("textarea[name=text]")
|
||
$textarea.val(info.open_content)
|
||
focusTextareaToEnd($textarea)
|
||
}
|
||
|
||
relistNow = Array.isArray(info.resourceIdList) ? info.resourceIdList : []
|
||
renderUploadList(relistNow)
|
||
initProportionalEditorResize()
|
||
//从localstorage 里面读取数据
|
||
setTimeout(get_info, 1)
|
||
})
|
||
|
||
chrome.storage.onChanged.addListener(function (changes, areaName) {
|
||
if (areaName !== 'sync') return
|
||
if (!changes.resourceIdList) return
|
||
relistNow = Array.isArray(changes.resourceIdList.newValue)
|
||
? changes.resourceIdList.newValue
|
||
: []
|
||
renderUploadList(relistNow)
|
||
})
|
||
|
||
// focus is handled after textarea content is set
|
||
|
||
//监听输入结束，保存未发送内容到本地
|
||
$("textarea[name=text]").blur(function () {
|
||
chrome.storage.sync.set(
|
||
{ open_action: 'save_text', open_content: $("textarea[name=text]").val() }
|
||
)
|
||
})
|
||
|
||
$("textarea[name=text]").on('keydown', function (ev) {
|
||
if (ev.code === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
|
||
$('#content_submit_text').click()
|
||
}
|
||
})
|
||
|
||
$('#fullscreen').on('click', function () {
|
||
if (isFullscreenMode()) return
|
||
openFullscreenTab()
|
||
})
|
||
|
||
//监听拖拽事件，实现拖拽到窗口上传图片
|
||
initDrag()
|
||
|
||
//监听复制粘贴事件，实现粘贴上传图片
|
||
document.addEventListener('paste', function (e) {
|
||
let photo = null
|
||
if (e.clipboardData.files[0]) {
|
||
photo = e.clipboardData.files[0]
|
||
} else if (e.clipboardData.items[0] && e.clipboardData.items[0].getAsFile()) {
|
||
photo = e.clipboardData.items[0].getAsFile()
|
||
}
|
||
|
||
if (photo != null) {
|
||
uploadImage(photo)
|
||
}
|
||
})
|
||
|
||
function initDrag() {
|
||
var file = null
|
||
var obj = $("textarea[name=text]")[0]
|
||
obj.ondragenter = function (ev) {
|
||
if (ev.target.className === 'common-editor-inputer') {
|
||
$.message({
|
||
message: msg('picDrag'),
|
||
autoClose: false
|
||
})
|
||
$('body').css('opacity', 0.3)
|
||
}
|
||
ev.dataTransfer.dropEffect = 'copy'
|
||
}
|
||
obj.ondragover = function (ev) {
|
||
ev.preventDefault()
|
||
ev.dataTransfer.dropEffect = 'copy'
|
||
}
|
||
obj.ondrop = function (ev) {
|
||
$('body').css('opacity', 1)
|
||
ev.preventDefault()
|
||
var files = ev.dataTransfer.files || ev.target.files
|
||
for (var i = 0; i < files.length; i++) {
|
||
file = files[i]
|
||
}
|
||
uploadImage(file)
|
||
}
|
||
obj.ondragleave = function (ev) {
|
||
ev.preventDefault()
|
||
if (ev.target.className === 'common-editor-inputer') {
|
||
$.message({
|
||
message: msg('picCancelDrag')
|
||
})
|
||
$('body').css('opacity', 1)
|
||
}
|
||
}
|
||
}
|
||
|
||
function escapeHtml(input) {
|
||
return String(input)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"')
|
||
.replace(/'/g, ''')
|
||
}
|
||
|
||
function focusTextareaToEnd($textarea) {
|
||
try {
|
||
const el = $textarea && $textarea[0]
|
||
if (!el) return
|
||
el.focus()
|
||
const len = typeof el.value === 'string' ? el.value.length : 0
|
||
if (typeof el.setSelectionRange === 'function') {
|
||
el.setSelectionRange(len, len)
|
||
}
|
||
} catch (_) {
|
||
// best-effort only
|
||
}
|
||
}
|
||
|
||
function buildV1ResourceStreamUrl(info, resource) {
|
||
if (!info || !info.apiUrl || !resource) return ''
|
||
// Use the configured apiUrl as the base (may include a reverse-proxy subpath).
|
||
// Do NOT reduce to origin-only, otherwise deployments like https://host/memos/ will break.
|
||
let root = String(info.apiUrl)
|
||
try {
|
||
const u = new URL(root)
|
||
u.hash = ''
|
||
u.search = ''
|
||
root = u.toString()
|
||
} catch (_) {
|
||
// keep as-is
|
||
}
|
||
if (root && !root.endsWith('/')) root += '/'
|
||
|
||
function isImageResource(r) {
|
||
if (!r) return false
|
||
const t = typeof r.type === 'string' ? r.type.toLowerCase() : ''
|
||
if (t.startsWith('image/')) return true
|
||
const fn = typeof r.filename === 'string' ? r.filename.toLowerCase() : ''
|
||
return /\.(png|jpe?g|gif|webp|bmp|svg|avif|heic)$/.test(fn)
|
||
}
|
||
|
||
function isProbablyUid(s) {
|
||
if (typeof s !== 'string') return false
|
||
const v = s.trim()
|
||
if (!v) return false
|
||
if (v.indexOf('/') !== -1) return false
|
||
if (/^\d+$/.test(v)) return false
|
||
// shortuuid v4 typically uses URL-safe base57-ish; allow a conservative charset.
|
||
return /^[A-Za-z0-9_-]{8,}$/.test(v)
|
||
}
|
||
|
||
function buildStreamUrl(uid) {
|
||
const base = root + 'o/r/' + encodeURIComponent(uid)
|
||
return isImageResource(resource) ? base + '?thumbnail=1' : base
|
||
}
|
||
|
||
const uidRaw = resource.uid != null ? resource.uid : resource.UID != null ? resource.UID : resource.Uid
|
||
const uid = typeof uidRaw === 'string' ? uidRaw : uidRaw != null ? String(uidRaw) : ''
|
||
if (uid.trim() !== '') return buildStreamUrl(uid.trim())
|
||
|
||
// Legacy versions (e.g. v0.18) may only expose numeric `id` without `uid/name`.
|
||
const idRaw = resource.id != null ? resource.id : resource.ID != null ? resource.ID : resource.Id
|
||
const id = typeof idRaw === 'number' && Number.isFinite(idRaw)
|
||
? String(Math.floor(idRaw))
|
||
: typeof idRaw === 'string' && idRaw.trim() !== '' && !Number.isNaN(Number(idRaw))
|
||
? String(Math.floor(Number(idRaw)))
|
||
: ''
|
||
if (id) return buildStreamUrl(id)
|
||
|
||
// Fallback for older resource shapes.
|
||
const name = typeof resource.name === 'string' ? resource.name : ''
|
||
|
||
// In some memo payloads, the uid may appear as `name` directly.
|
||
// Example: name="ETU6hjuR..." should map to /o/r/:uid, not /file/:name/:filename.
|
||
if (isProbablyUid(name)) return buildStreamUrl(name.trim())
|
||
|
||
const fileId = resource.publicId || resource.filename
|
||
if (name && fileId) return root + 'file/' + name + '/' + fileId
|
||
return ''
|
||
}
|
||
|
||
function normalizeUnixTimeToMs(input) {
|
||
if (input == null) return null
|
||
if (typeof input === 'number' && Number.isFinite(input)) {
|
||
// Heuristic: seconds are typically 10 digits; milliseconds are 13 digits.
|
||
if (input > 0 && input < 1e12) return input * 1000
|
||
return input
|
||
}
|
||
if (typeof input === 'string') {
|
||
const s = input.trim()
|
||
if (/^\d+$/.test(s)) {
|
||
const n = Number(s)
|
||
if (!Number.isFinite(n)) return null
|
||
if (n > 0 && n < 1e12) return n * 1000
|
||
return n
|
||
}
|
||
// ISO/RFC3339 etc.
|
||
return s
|
||
}
|
||
return null
|
||
}
|
||
|
||
function memoFromNow(memo) {
|
||
if (!memo) return ''
|
||
const raw = memo.createTime || memo.createdAt || memo.createdTs
|
||
const normalized = normalizeUnixTimeToMs(raw)
|
||
if (!normalized) return ''
|
||
return dayjs(normalized).fromNow()
|
||
}
|
||
|
||
function hydrateV1PreviewImages(info) {
|
||
if (!isV1Flavor(info)) return
|
||
if (!info || !info.apiUrl || !info.apiTokens) return
|
||
|
||
const token = String(info.apiTokens)
|
||
let root = String(info.apiUrl)
|
||
let apiOrigin = ''
|
||
try {
|
||
const u = new URL(root)
|
||
u.hash = ''
|
||
u.search = ''
|
||
root = u.toString()
|
||
apiOrigin = u.origin
|
||
} catch (_) {
|
||
// keep as-is
|
||
}
|
||
if (root && !root.endsWith('/')) root += '/'
|
||
const nodes = document.querySelectorAll('img.random-image')
|
||
if (!nodes || nodes.length === 0) return
|
||
|
||
// Revoke blob URLs on popup unload to avoid leaking memory.
|
||
if (!window.__memosBberObjectUrls) {
|
||
window.__memosBberObjectUrls = []
|
||
window.addEventListener('unload', function () {
|
||
const list = window.__memosBberObjectUrls || []
|
||
for (let i = 0; i < list.length; i++) {
|
||
try { URL.revokeObjectURL(list[i]) } catch (_) {}
|
||
}
|
||
window.__memosBberObjectUrls = []
|
||
})
|
||
}
|
||
|
||
const transparentPixel = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=='
|
||
|
||
function resolveToAbsoluteUrl(url) {
|
||
const u = String(url || '').trim()
|
||
if (!u) return ''
|
||
if (u.startsWith('data:') || u.startsWith('blob:') || u.startsWith('chrome-extension:')) return ''
|
||
if (u.startsWith('#')) return ''
|
||
try {
|
||
return new URL(u, root).toString()
|
||
} catch (_) {
|
||
return ''
|
||
}
|
||
}
|
||
|
||
function isSameOrigin(url) {
|
||
if (!apiOrigin) return false
|
||
try {
|
||
return new URL(url).origin === apiOrigin
|
||
} catch (_) {
|
||
return false
|
||
}
|
||
}
|
||
|
||
function looksLikeMemosResourceUrl(absUrl) {
|
||
const s = String(absUrl || '')
|
||
return s.indexOf('/o/r/') !== -1 || s.indexOf('/file/') !== -1
|
||
}
|
||
|
||
nodes.forEach(function (img) {
|
||
const hasAuthAttr = img.hasAttribute('data-auth-src')
|
||
const url = img.getAttribute('data-auth-src') || img.getAttribute('src')
|
||
if (!url) return
|
||
if (img.getAttribute('data-auth-loaded') === '1') return
|
||
|
||
const abs = resolveToAbsoluteUrl(url)
|
||
if (!abs) return
|
||
// Only hydrate same-origin resources that require Authorization.
|
||
if (!isSameOrigin(abs)) return
|
||
|
||
// Reduce unnecessary fetches: only hydrate known resource endpoints,
|
||
// or images explicitly marked as auth-required.
|
||
if (!hasAuthAttr && !looksLikeMemosResourceUrl(abs)) return
|
||
|
||
img.setAttribute('data-auth-loaded', '1')
|
||
|
||
// Prevent a broken-image icon before hydration completes.
|
||
// Only do this for images explicitly marked as auth-required.
|
||
if (hasAuthAttr) {
|
||
const currentSrc = img.getAttribute('src')
|
||
if (!currentSrc || currentSrc === abs) {
|
||
img.setAttribute('src', transparentPixel)
|
||
}
|
||
}
|
||
|
||
fetch(abs, {
|
||
method: 'GET',
|
||
headers: {
|
||
Authorization: 'Bearer ' + token
|
||
}
|
||
})
|
||
.then(function (res) {
|
||
if (!res || !res.ok) throw new Error('HTTP ' + (res ? res.status : '0'))
|
||
const ct = (res.headers && typeof res.headers.get === 'function') ? (res.headers.get('content-type') || '') : ''
|
||
if (ct && !ct.toLowerCase().startsWith('image/')) throw new Error('Not an image')
|
||
return res.blob()
|
||
})
|
||
.then(function (blob) {
|
||
const objectUrl = URL.createObjectURL(blob)
|
||
window.__memosBberObjectUrls.push(objectUrl)
|
||
img.src = objectUrl
|
||
})
|
||
.catch(function () {
|
||
// Don't break previews for modern versions where plain <img src> may already work.
|
||
if (hasAuthAttr) {
|
||
try { img.removeAttribute('src') } catch (_) {}
|
||
}
|
||
})
|
||
})
|
||
}
|
||
|
||
function renderUploadList(list) {
|
||
const $wrapper = $('.upload-list-wrapper')
|
||
const $list = $('#uploadlist')
|
||
if ($list.length === 0) return
|
||
|
||
const items = Array.isArray(list) ? list : []
|
||
if (items.length === 0) {
|
||
if ($wrapper.length) $wrapper.hide()
|
||
$list.html('')
|
||
return
|
||
}
|
||
|
||
if ($wrapper.length) $wrapper.show()
|
||
|
||
const tipReorder = escapeHtml(msg('tipReorder'))
|
||
const tipDelete = escapeHtml(msg('tipDeleteAttachment'))
|
||
|
||
let html = ''
|
||
for (let i = 0; i < items.length; i++) {
|
||
const att = items[i] || {}
|
||
const name = att.name || ''
|
||
const id = att.id != null ? String(att.id) : ''
|
||
const filename = att.filename || name
|
||
html +=
|
||
'<div class="upload-item" draggable="true" data-index="' +
|
||
i +
|
||
'" data-name="' +
|
||
escapeHtml(name) +
|
||
'" data-id="' +
|
||
escapeHtml(id) +
|
||
'">' +
|
||
'<div class="upload-left">' +
|
||
'<span class="upload-drag" title="' +
|
||
tipReorder +
|
||
'">≡</span>' +
|
||
'<span class="upload-filename">' +
|
||
escapeHtml(filename) +
|
||
'</span>' +
|
||
'</div>' +
|
||
'<button type="button" class="upload-del" data-name="' +
|
||
escapeHtml(name) +
|
||
'" data-id="' +
|
||
escapeHtml(id) +
|
||
'" title="' +
|
||
tipDelete +
|
||
'">×</button>' +
|
||
'</div>'
|
||
}
|
||
|
||
$list.html(html)
|
||
}
|
||
|
||
function saveUploadList(nextList, callback) {
|
||
relistNow = Array.isArray(nextList) ? nextList : []
|
||
chrome.storage.sync.set({ resourceIdList: relistNow }, callback)
|
||
}
|
||
|
||
let uploadDragIndex = null
|
||
|
||
$(document).on('dragstart', '.upload-item', function (e) {
|
||
uploadDragIndex = Number($(this).data('index'))
|
||
const dt = e.originalEvent && e.originalEvent.dataTransfer
|
||
if (dt) {
|
||
dt.effectAllowed = 'move'
|
||
dt.setData('text/plain', String(uploadDragIndex))
|
||
}
|
||
})
|
||
|
||
$(document).on('dragover', '.upload-item', function (e) {
|
||
e.preventDefault()
|
||
$(this).addClass('drag-over')
|
||
const dt = e.originalEvent && e.originalEvent.dataTransfer
|
||
if (dt) dt.dropEffect = 'move'
|
||
})
|
||
|
||
$(document).on('dragleave', '.upload-item', function () {
|
||
$(this).removeClass('drag-over')
|
||
})
|
||
|
||
$(document).on('drop', '.upload-item', function (e) {
|
||
e.preventDefault()
|
||
$('.upload-item.drag-over').removeClass('drag-over')
|
||
|
||
const fromIndex =
|
||
uploadDragIndex != null
|
||
? uploadDragIndex
|
||
: Number(
|
||
(e.originalEvent && e.originalEvent.dataTransfer
|
||
? e.originalEvent.dataTransfer.getData('text/plain')
|
||
: '') || -1
|
||
)
|
||
const toIndex = Number($(this).data('index'))
|
||
|
||
uploadDragIndex = null
|
||
if (!Number.isFinite(fromIndex) || !Number.isFinite(toIndex)) return
|
||
if (fromIndex < 0 || toIndex < 0) return
|
||
if (fromIndex === toIndex) return
|
||
|
||
const next = (Array.isArray(relistNow) ? relistNow : []).slice()
|
||
if (fromIndex >= next.length || toIndex >= next.length) return
|
||
const moved = next.splice(fromIndex, 1)[0]
|
||
next.splice(toIndex, 0, moved)
|
||
|
||
saveUploadList(next, function () {
|
||
renderUploadList(relistNow)
|
||
})
|
||
})
|
||
|
||
$(document).on('click', '.upload-del', function () {
|
||
const name = $(this).data('name')
|
||
const rid = $(this).data('id')
|
||
if (!name) return
|
||
|
||
get_info(function (info) {
|
||
if (!info.status) {
|
||
$.message({ message: msg('placeApiUrl') })
|
||
return
|
||
}
|
||
|
||
const inferredId = (function () {
|
||
if (rid != null && String(rid).trim() !== '' && !Number.isNaN(Number(rid))) return Math.floor(Number(rid))
|
||
const tail = String(name).split('/').pop()
|
||
if (tail && !Number.isNaN(Number(tail))) return Math.floor(Number(tail))
|
||
return null
|
||
})()
|
||
|
||
const doDelete = isV1Flavor(info) && window.MemosApiV1 && typeof window.MemosApiV1.deleteResource === 'function' && inferredId != null
|
||
? function (onOk, onFail) {
|
||
window.MemosApiV1.deleteResource(info, inferredId, onOk, onFail)
|
||
}
|
||
: function (onOk, onFail) {
|
||
$.ajax({
|
||
url: info.apiUrl + 'api/v1/' + name,
|
||
type: 'DELETE',
|
||
headers: { Authorization: 'Bearer ' + info.apiTokens },
|
||
success: function (data) {
|
||
onOk(data)
|
||
},
|
||
error: function (xhr) {
|
||
onFail(xhr)
|
||
}
|
||
})
|
||
}
|
||
|
||
doDelete(
|
||
function () {
|
||
const next = (Array.isArray(relistNow) ? relistNow : []).filter(function (x) {
|
||
return x && x.name !== name
|
||
})
|
||
saveUploadList(next, function () {
|
||
$.message({ message: msg('attachmentDeleteSuccess') })
|
||
renderUploadList(relistNow)
|
||
})
|
||
},
|
||
function () {
|
||
$.message({ message: msg('attachmentDeleteFailed') })
|
||
}
|
||
)
|
||
})
|
||
})
|
||
function uploadImage(file) {
|
||
$.message({
|
||
message: msg('picUploading'),
|
||
autoClose: false
|
||
});
|
||
get_info(function (info) {
|
||
if (isV1Flavor(info)) {
|
||
uploadImageNowV1(file)
|
||
return
|
||
}
|
||
|
||
const reader = new FileReader();
|
||
reader.onload = function(e) {
|
||
const base64String = e.target.result.split(',')[1];
|
||
uploadImageNow(base64String, file);
|
||
};
|
||
reader.onerror = function(error) {
|
||
console.error('Error reading file:', error);
|
||
};
|
||
reader.readAsDataURL(file);
|
||
})
|
||
};
|
||
|
||
function uploadImageNowV1(file) {
|
||
get_info(function (info) {
|
||
if (!info.status) {
|
||
$.message({ message: msg('placeApiUrl') })
|
||
return
|
||
}
|
||
|
||
let old_name = file.name.split('.')
|
||
let file_ext = file.name.split('.').pop()
|
||
let now = dayjs().format('YYYYMMDDHHmmss')
|
||
let new_name = old_name[0] + '_' + now + '.' + file_ext
|
||
|
||
window.MemosApiV1.uploadResourceBlob(
|
||
info,
|
||
file,
|
||
{ filename: new_name, type: file.type },
|
||
function (entity) {
|
||
const inferredId = (function () {
|
||
if (!entity) return null
|
||
const v = entity.id != null ? entity.id : entity.ID != null ? entity.ID : entity.Id
|
||
if (typeof v === 'number' && Number.isFinite(v)) return Math.floor(v)
|
||
if (typeof v === 'string' && v.trim() !== '' && !Number.isNaN(Number(v))) return Math.floor(Number(v))
|
||
return null
|
||
})()
|
||
|
||
// v0.18: resource entity has no `name`, only `id/filename/type/...`.
|
||
// Treat having an id as a successful upload.
|
||
if (entity && (entity.name || inferredId != null)) {
|
||
const name = entity.name || (inferredId != null ? 'resources/' + String(inferredId) : '')
|
||
relistNow.push({
|
||
id: inferredId != null ? inferredId : entity.id,
|
||
name: name,
|
||
filename: entity.filename || new_name,
|
||
createTime: entity.createTime || entity.createdTs || entity.createdAt,
|
||
type: entity.type
|
||
})
|
||
chrome.storage.sync.set({ open_action: '', open_content: '', resourceIdList: relistNow }, function () {
|
||
$.message({ message: msg('picSuccess') })
|
||
})
|
||
return
|
||
}
|
||
|
||
chrome.storage.sync.set({ open_action: '', open_content: '' }, function () {
|
||
$.message({ message: msg('picFailed') })
|
||
})
|
||
},
|
||
function () {
|
||
$.message({ message: msg('picFailed') })
|
||
}
|
||
)
|
||
})
|
||
}
|
||
|
||
function uploadImageNow(base64String, file) {
|
||
get_info(function(info) {
|
||
if (info.status) {
|
||
let old_name = file.name.split('.');
|
||
let file_ext = file.name.split('.').pop();
|
||
let now = dayjs().format('YYYYMMDDHHmmss');
|
||
let new_name = old_name[0] + '_' + now + '.' + file_ext;
|
||
var hideTag = info.hidetag
|
||
var showTag = info.showtag
|
||
var nowTag = $("textarea[name=text]").val().match(/(#[^\s#]+)/)
|
||
var sendvisi = info.memo_lock || ''
|
||
if(nowTag){
|
||
if(nowTag[1] == showTag){
|
||
sendvisi = 'PUBLIC'
|
||
}else if(nowTag[1] == hideTag){
|
||
sendvisi = 'PRIVATE'
|
||
}
|
||
}
|
||
const data = {
|
||
content: base64String,
|
||
visibility: sendvisi,
|
||
filename: new_name,
|
||
type: file.type
|
||
};
|
||
window.MemosApi.uploadAttachmentOrResource(
|
||
info,
|
||
data,
|
||
function (resp) {
|
||
const entity = (resp && resp.resource) || resp
|
||
if (entity && entity.name) {
|
||
relistNow.push({
|
||
name: entity.name,
|
||
filename: entity.filename || new_name,
|
||
createTime: entity.createTime,
|
||
type: entity.type
|
||
})
|
||
chrome.storage.sync.set(
|
||
{
|
||
open_action: '',
|
||
open_content: '',
|
||
resourceIdList: relistNow
|
||
},
|
||
function () {
|
||
$.message({ message: msg('picSuccess') })
|
||
}
|
||
)
|
||
return
|
||
}
|
||
|
||
chrome.storage.sync.set(
|
||
{
|
||
open_action: '',
|
||
open_content: '',
|
||
resourceIdList: []
|
||
},
|
||
function () {
|
||
$.message({ message: msg('picFailed') })
|
||
}
|
||
)
|
||
},
|
||
function () {
|
||
$.message({ message: msg('picFailed') })
|
||
}
|
||
)
|
||
}else {
|
||
$.message({
|
||
message: msg('placeApiUrl')
|
||
})
|
||
}
|
||
});
|
||
}
|
||
|
||
$('#saveKey').click(function () {
|
||
var apiUrl = $('#apiUrl').val()
|
||
if (apiUrl.length > 0 && !apiUrl.endsWith('/')) {
|
||
apiUrl += '/';
|
||
}
|
||
var apiTokens = $('#apiTokens').val()
|
||
|
||
window.MemosApi.authWithFallback(apiUrl, apiTokens, function (auth) {
|
||
if (!auth || auth.userId == null) {
|
||
$.message({ message: msg('invalidToken') })
|
||
return
|
||
}
|
||
|
||
chrome.storage.sync.set(
|
||
{
|
||
apiUrl: apiUrl,
|
||
apiTokens: apiTokens,
|
||
userid: auth.userId,
|
||
memoUiPath: auth.uiPath || 'memos',
|
||
apiFlavor: ''
|
||
},
|
||
function () {
|
||
$.message({ message: msg('saveSuccess') })
|
||
$('#blog_info').hide()
|
||
|
||
// Auto-detect API flavor once; keep default behavior when unknown.
|
||
if (window.MemosApiV023 && typeof window.MemosApiV023.probeApiFlavor === 'function') {
|
||
window.MemosApiV023.probeApiFlavor(apiUrl, apiTokens, function (res) {
|
||
const flavor = res && res.flavor ? res.flavor : ''
|
||
const normalized = flavor === 'v020' || flavor === 'v021' ? 'v1' : flavor
|
||
if (normalized === 'v1' || normalized === 'v023' || normalized === 'modern') {
|
||
chrome.storage.sync.set({ apiFlavor: normalized })
|
||
}
|
||
})
|
||
}
|
||
}
|
||
)
|
||
})
|
||
});
|
||
|
||
$('#opensite').click(function () {
|
||
get_info(function (info) {
|
||
chrome.tabs.create({url:info.apiUrl})
|
||
})
|
||
})
|
||
|
||
// 0.23.1版本 GET api/v1/{parent}/tags 接口已移除，参考 https://github.com/usememos/memos/issues/4161
|
||
$('#tags').click(function () {
|
||
get_info(function (info) {
|
||
if (info.apiUrl) {
|
||
var parent = `users/${info.userid}`;
|
||
// 从最近的1000条memo中获取tags,因此不保证获取能全部的
|
||
var tagDom = "";
|
||
|
||
const renderTags = function (tags) {
|
||
const uniTags = [...new Set((Array.isArray(tags) ? tags : []).filter(Boolean))]
|
||
$.each(uniTags, function (_, tag) {
|
||
tagDom += '<span class="item-container">#' + tag + '</span>';
|
||
});
|
||
tagDom += '<svg id="hideTag" class="hidetag" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M78.807 362.435c201.539 314.275 666.962 314.188 868.398-.241 16.056-24.99 13.143-54.241-4.04-62.54-17.244-8.377-40.504 3.854-54.077 24.887-174.484 272.338-577.633 272.41-752.19.195-13.573-21.043-36.874-33.213-54.113-24.837-17.177 8.294-20.06 37.545-3.978 62.536z" fill="#fff"/><path d="M894.72 612.67L787.978 494.386l38.554-34.785 106.742 118.251-38.554 34.816zM635.505 727.51l-49.04-147.123 49.255-16.41 49.054 147.098-49.27 16.435zm-236.18-12.001l-49.568-15.488 43.29-138.48 49.557 15.513-43.28 138.455zM154.49 601.006l-38.743-34.565 95.186-106.732 38.763 34.566-95.206 106.731z" fill="#fff"/></svg>'
|
||
$("#taglist").html(tagDom).slideToggle(500)
|
||
}
|
||
|
||
const onTagsData = function (data) {
|
||
const memos = window.MemosApi.extractMemosListFromResponse(data)
|
||
|
||
const allTags = memos.flatMap(function (memo) {
|
||
if (!memo) return []
|
||
// v0.23 response may include `tags: []` while actual tags live in `memo.property.tags`.
|
||
// So when v0.23 flavor is detected, always use the compat extractor first.
|
||
if (isV023Flavor(info)) return window.MemosApiV023.extractTagsFromMemo(memo)
|
||
if (Array.isArray(memo.tags) && memo.tags.length > 0) return memo.tags
|
||
if (Array.isArray(memo.tagList) && memo.tagList.length > 0) return memo.tagList
|
||
if (memo.property && Array.isArray(memo.property.tags) && memo.property.tags.length > 0) {
|
||
return memo.property.tags
|
||
}
|
||
return []
|
||
})
|
||
const uniTags = [...new Set(allTags.filter(Boolean))]
|
||
|
||
renderTags(uniTags)
|
||
}
|
||
|
||
if (isV1Flavor(info)) {
|
||
window.MemosApiV1.getTagSuggestion(
|
||
info,
|
||
function (tags) {
|
||
renderTags(Array.isArray(tags) ? tags : [])
|
||
},
|
||
function () {
|
||
$.message({ message: msg('placeApiUrl') })
|
||
}
|
||
)
|
||
} else if (isV023Flavor(info)) {
|
||
const filterExpr = window.MemosApiV023.buildFilter({
|
||
rowStatus: 'NORMAL',
|
||
creator: 'users/' + info.userid
|
||
})
|
||
window.MemosApiV023.listMemos(
|
||
info,
|
||
{
|
||
pageSize: 1000,
|
||
filterExpr: filterExpr
|
||
},
|
||
onTagsData,
|
||
function () {
|
||
$.message({ message: msg('placeApiUrl') })
|
||
}
|
||
)
|
||
} else {
|
||
window.MemosApi.fetchMemosWithFallback(
|
||
info,
|
||
'?pageSize=1000',
|
||
onTagsData,
|
||
function () {
|
||
$.message({ message: msg('placeApiUrl') })
|
||
}
|
||
)
|
||
}
|
||
} else {
|
||
$.message({
|
||
message: msg('placeApiUrl')
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
$(document).on("click","#hideTag",function () {
|
||
$('#taghide').slideToggle(500)
|
||
})
|
||
|
||
$('#saveTag').click(function () {
|
||
// 保存数据
|
||
chrome.storage.sync.set(
|
||
{
|
||
hidetag: $('#hideInput').val(),
|
||
showtag: $('#showInput').val()
|
||
},
|
||
function () {
|
||
$.message({
|
||
message: msg('saveSuccess')
|
||
})
|
||
$('#taghide').hide()
|
||
}
|
||
)
|
||
})
|
||
|
||
$('#lock').click(function () {
|
||
$("#lock-wrapper").toggleClass( "!hidden", 1000 );
|
||
})
|
||
|
||
$(document).on("click",".item-lock",function () {
|
||
$("#lock-wrapper").toggleClass( "!hidden", 1000 );
|
||
$("#lock-now").text($(this).text())
|
||
_this = $(this)[0].dataset.type;
|
||
currentMemoLock = _this
|
||
chrome.storage.sync.set(
|
||
{memo_lock: _this}
|
||
)
|
||
})
|
||
|
||
$('#search').click(function () {
|
||
get_info(function (info) {
|
||
const pattern = $("textarea[name=text]").val()
|
||
var parent = `users/${info.userid}`;
|
||
const patternLiteral = JSON.stringify(String(pattern || ''))
|
||
var filter = "?filter=" + encodeURIComponent(`visibility in ["PUBLIC","PROTECTED"] && content.contains(${patternLiteral})`);
|
||
if (info.status) {
|
||
$("#randomlist").html('').hide()
|
||
var searchDom = ""
|
||
if(pattern){
|
||
const runSearch = isV023Flavor(info)
|
||
? function (onOk, onFail) {
|
||
const filterExpr = window.MemosApiV023.buildFilter({
|
||
visibilities: ['PUBLIC', 'PROTECTED'],
|
||
contentSearch: String(pattern)
|
||
})
|
||
window.MemosApiV023.listMemos(info, { pageSize: 1000, filterExpr: filterExpr }, onOk, onFail)
|
||
}
|
||
: isV1Flavor(info)
|
||
? function (onOk, onFail) {
|
||
window.MemosApiV1.listMemos(info, { limit: 1000, rowStatus: 'NORMAL', contentSearch: String(pattern) }, onOk, onFail)
|
||
}
|
||
: function (onOk, onFail) {
|
||
window.MemosApi.fetchMemosWithFallback(info, filter, onOk, onFail)
|
||
}
|
||
|
||
runSearch(
|
||
function (data) {
|
||
let searchData = window.MemosApi.extractMemosListFromResponse(data)
|
||
if(searchData.length == 0){
|
||
$.message({
|
||
message: msg('searchNone')
|
||
})
|
||
}else{
|
||
for(var i=0;i < searchData.length;i++){
|
||
var memosID = getMemoUid(searchData[i])
|
||
var timeText = memoFromNow(searchData[i])
|
||
searchDom += '<div class="random-item"><div class="random-time"><span id="random-link" data-uid="'+memosID+'"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M864 640a32 32 0 0 1 64 0v224.096A63.936 63.936 0 0 1 864.096 928H159.904A63.936 63.936 0 0 1 96 864.096V159.904C96 124.608 124.64 96 159.904 96H384a32 32 0 0 1 0 64H192.064A31.904 31.904 0 0 0 160 192.064v639.872A31.904 31.904 0 0 0 192.064 864h639.872A31.904 31.904 0 0 0 864 831.936V640zm-485.184 52.48a31.84 31.84 0 0 1-45.12-.128 31.808 31.808 0 0 1-.128-45.12L815.04 166.048l-176.128.736a31.392 31.392 0 0 1-31.584-31.744 32.32 32.32 0 0 1 31.84-32l255.232-1.056a31.36 31.36 0 0 1 31.584 31.584L924.928 388.8a32.32 32.32 0 0 1-32 31.84 31.392 31.392 0 0 1-31.712-31.584l.736-179.392L378.816 692.48z" fill="#666" data-spm-anchor-id="a313x.7781069.0.i12" class="selected"/></svg></span><span id="random-delete" data-name="'+searchData[i].name+'" data-id="'+(searchData[i].id != null ? searchData[i].id : '')+'" data-uid="'+memosID+'"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M224 322.6h576c16.6 0 30-13.4 30-30s-13.4-30-30-30H224c-16.6 0-30 13.4-30 30 0 16.5 13.5 30 30 30zm66.1-144.2h443.8c16.6 0 30-13.4 30-30s-13.4-30-30-30H290.1c-16.6 0-30 13.4-30 30s13.4 30 30 30zm339.5 435.5H394.4c-16.6 0-30 13.4-30 30s13.4 30 30 30h235.2c16.6 0 30-13.4 30-30s-13.4-30-30-30z" fill="#666"/><path d="M850.3 403.9H173.7c-33 0-60 27-60 60v360c0 33 27 60 60 60h676.6c33 0 60-27 60-60v-360c0-33-27-60-60-60zm-.1 419.8l-.1.1H173.9l-.1-.1V464l.1-.1h676.2l.1.1v359.7z" fill="#666"/></svg></span>'+timeText+'</div><div class="random-content">'+(searchData[i].content || '').replace(/!\[.*?\]\((.*?)\)/g,' <img class="random-image" src="$1"/> ').replace(/\[(.*?)\]\((.*?)\)/g,' <a href="$2" target="_blank">$1</a> ')+'</div>'
|
||
var resources = (searchData[i].attachments && searchData[i].attachments.length > 0) ? searchData[i].attachments : ((searchData[i].resources && searchData[i].resources.length > 0) ? searchData[i].resources : (searchData[i].resourceList || []));
|
||
if(resources && resources.length > 0){
|
||
for(var j=0;j < resources.length;j++){
|
||
var restype = (resources[j].type || '').slice(0,5);
|
||
var resexlink = resources[j].externalLink
|
||
var resLink = '',fileId=''
|
||
if(resexlink){
|
||
resLink = resexlink
|
||
}else{
|
||
resLink = buildV1ResourceStreamUrl(info, resources[j])
|
||
}
|
||
if (!resLink) {
|
||
continue
|
||
}
|
||
if(restype == 'image'){
|
||
if (isV1Flavor(info)) {
|
||
searchDom += '<img class="random-image" data-auth-src="'+resLink+'"/>'
|
||
} else {
|
||
searchDom += '<img class="random-image" src="'+resLink+'"/>'
|
||
}
|
||
}
|
||
if(restype !== 'image'){
|
||
searchDom += '<a target="_blank" rel="noreferrer" href="'+resLink+'">'+resources[j].filename+'</a>'
|
||
}
|
||
}
|
||
}
|
||
searchDom += '</div>'
|
||
}
|
||
window.ViewImage && ViewImage.init('.random-image')
|
||
$("#randomlist").html(searchDom).slideDown(500);
|
||
hydrateV1PreviewImages(info)
|
||
}
|
||
},
|
||
function (xhr) {
|
||
$.message({ message: msg('searchNone') })
|
||
}
|
||
)
|
||
}else{
|
||
$.message({
|
||
message: msg('searchNow')
|
||
})
|
||
}
|
||
} else {
|
||
$.message({
|
||
message: msg('placeApiUrl')
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
$('#random').click(function () {
|
||
get_info(function (info) {
|
||
var parent = `users/${info.userid}`;
|
||
if (info.status) {
|
||
$("#randomlist").html('').hide()
|
||
const runRandom = isV023Flavor(info)
|
||
? function (onOk, onFail) {
|
||
const filterExpr = window.MemosApiV023.buildFilter({ visibilities: ['PUBLIC', 'PROTECTED'] })
|
||
window.MemosApiV023.listMemos(info, { pageSize: 1000, filterExpr: filterExpr }, onOk, onFail)
|
||
}
|
||
: isV1Flavor(info)
|
||
? function (onOk, onFail) {
|
||
window.MemosApiV1.listMemos(info, { limit: 1000, rowStatus: 'NORMAL' }, onOk, onFail)
|
||
}
|
||
: function (onOk, onFail) {
|
||
const filter = "?filter=" + encodeURIComponent(`visibility in ["PUBLIC","PROTECTED"]`);
|
||
window.MemosApi.fetchMemosWithFallback(info, filter, onOk, onFail)
|
||
}
|
||
|
||
runRandom(
|
||
function (data) {
|
||
const memos = window.MemosApi.extractMemosListFromResponse(data)
|
||
let randomNum = Math.floor(Math.random() * (memos.length));
|
||
var randomData = memos[randomNum]
|
||
randDom(randomData)
|
||
},
|
||
function () {
|
||
$.message({ message: msg('placeApiUrl') })
|
||
}
|
||
)
|
||
} else {
|
||
$.message({
|
||
message: msg('placeApiUrl')
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
function randDom(randomData){
|
||
get_info(function (info) {
|
||
var memosID = getMemoUid(randomData)
|
||
var timeText = memoFromNow(randomData)
|
||
var randomDom = '<div class="random-item"><div class="random-time"><span id="random-link" data-uid="'+memosID+'"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M864 640a32 32 0 0 1 64 0v224.096A63.936 63.936 0 0 1 864.096 928H159.904A63.936 63.936 0 0 1 96 864.096V159.904C96 124.608 124.64 96 159.904 96H384a32 32 0 0 1 0 64H192.064A31.904 31.904 0 0 0 160 192.064v639.872A31.904 31.904 0 0 0 192.064 864h639.872A31.904 31.904 0 0 0 864 831.936V640zm-485.184 52.48a31.84 31.84 0 0 1-45.12-.128 31.808 31.808 0 0 1-.128-45.12L815.04 166.048l-176.128.736a31.392 31.392 0 0 1-31.584-31.744 32.32 32.32 0 0 1 31.84-32l255.232-1.056a31.36 31.36 0 0 1 31.584 31.584L924.928 388.8a32.32 32.32 0 0 1-32 31.84 31.392 31.392 0 0 1-31.712-31.584l.736-179.392L378.816 692.48z" fill="#666" data-spm-anchor-id="a313x.7781069.0.i12" class="selected"/></svg></span><span id="random-delete" data-uid="'+memosID+'" data-name="'+randomData.name+'" data-id="'+(randomData && randomData.id != null ? randomData.id : '')+'"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M224 322.6h576c16.6 0 30-13.4 30-30s-13.4-30-30-30H224c-16.6 0-30 13.4-30 30 0 16.5 13.5 30 30 30zm66.1-144.2h443.8c16.6 0 30-13.4 30-30s-13.4-30-30-30H290.1c-16.6 0-30 13.4-30 30s13.4 30 30 30zm339.5 435.5H394.4c-16.6 0-30 13.4-30 30s13.4 30 30 30h235.2c16.6 0 30-13.4 30-30s-13.4-30-30-30z" fill="#666"/><path d="M850.3 403.9H173.7c-33 0-60 27-60 60v360c0 33 27 60 60 60h676.6c33 0 60-27 60-60v-360c0-33-27-60-60-60zm-.1 419.8l-.1.1H173.9l-.1-.1V464l.1-.1h676.2l.1.1v359.7z" fill="#666"/></svg></span>'+timeText+'</div><div class="random-content">'+(randomData && randomData.content ? randomData.content : '').replace(/!\[.*?\]\((.*?)\)/g,' <img class="random-image" src="$1"/> ').replace(/\[(.*?)\]\((.*?)\)/g,' <a href="$2" target="_blank">$1</a> ')+'</div>'
|
||
var resources = (randomData.attachments && randomData.attachments.length > 0) ? randomData.attachments : ((randomData.resources && randomData.resources.length > 0) ? randomData.resources : (randomData.resourceList || []));
|
||
if(resources && resources.length > 0){
|
||
for(var j=0;j < resources.length;j++){
|
||
var restype = (resources[j].type || '').slice(0,5);
|
||
var resexlink = resources[j].externalLink
|
||
var resLink = '',fileId=''
|
||
if(resexlink){
|
||
resLink = resexlink
|
||
}else{
|
||
resLink = buildV1ResourceStreamUrl(info, resources[j])
|
||
}
|
||
if (!resLink) {
|
||
continue
|
||
}
|
||
if(restype == 'image'){
|
||
if (isV1Flavor(info)) {
|
||
randomDom += '<img class="random-image" data-auth-src="'+resLink+'"/>'
|
||
} else {
|
||
randomDom += '<img class="random-image" src="'+resLink+'"/>'
|
||
}
|
||
}
|
||
if(restype !== 'image'){
|
||
randomDom += '<a target="_blank" rel="noreferrer" href="'+resLink+'">'+resources[j].filename+'</a>'
|
||
}
|
||
}
|
||
}
|
||
randomDom += '</div>'
|
||
window.ViewImage && ViewImage.init('.random-image')
|
||
$("#randomlist").html(randomDom).slideDown(500);
|
||
hydrateV1PreviewImages(info)
|
||
})
|
||
}
|
||
|
||
$(document).on("click","#random-link",function () {
|
||
var memoUid = $("#random-link").data('uid');
|
||
get_info(function (info) {
|
||
const path = (info.memoUiPath || 'memos').replace(/^\/+|\/+$/g, '')
|
||
chrome.tabs.create({url:info.apiUrl + path + "/" + memoUid})
|
||
})
|
||
})
|
||
|
||
$(document).on("click","#random-delete",function () {
|
||
get_info(function (info) {
|
||
// var memoUid = $("#random-delete").data('uid');
|
||
var memosName = $("#random-delete").data('name');
|
||
var memoId = $("#random-delete").data('id');
|
||
|
||
// v0.20/v0.21: archive memo via API v1 PATCH /api/v1/memo/:id
|
||
if (isV1Flavor(info) && memoId) {
|
||
window.MemosApiV1.patchMemo(
|
||
info,
|
||
memoId,
|
||
{ rowStatus: 'ARCHIVED' },
|
||
function () {
|
||
$("#randomlist").html('').hide()
|
||
$.message({ message: msg('archiveSuccess') })
|
||
},
|
||
function () {
|
||
$.message({ message: msg('archiveFailed') })
|
||
}
|
||
)
|
||
return
|
||
}
|
||
|
||
var deleteUrl = info.apiUrl+'api/v1/'+memosName
|
||
$.ajax({
|
||
url:deleteUrl,
|
||
type:"PATCH",
|
||
data:JSON.stringify({
|
||
// 'uid': memoUid,
|
||
'state': "ARCHIVED"
|
||
}),
|
||
contentType:"application/json",
|
||
dataType:"json",
|
||
headers : {'Authorization':'Bearer ' + info.apiTokens},
|
||
success: function(result){
|
||
$("#randomlist").html('').hide()
|
||
$.message({
|
||
message: msg('archiveSuccess')
|
||
})
|
||
},error:function(err){//清空open_action（打开时候进行的操作）,同时清空open_content
|
||
$.message({
|
||
message: msg('archiveFailed')
|
||
})
|
||
}
|
||
})
|
||
})
|
||
})
|
||
|
||
$(document).on("click",".item-container",function () {
|
||
var tagHtml = $(this).text()+" "
|
||
add(tagHtml);
|
||
})
|
||
|
||
$('#newtodo').click(function () {
|
||
var tagHtml = "\n- [ ] "
|
||
add(tagHtml);
|
||
})
|
||
|
||
$('#getlink').click(function () {
|
||
chrome.tabs.query({ active: true, currentWindow: true }, ([tab]) => {
|
||
var linkHtml = " ["+tab.title+"]("+tab.url+") "
|
||
if(tab.url){
|
||
add(linkHtml);
|
||
}else{
|
||
$.message({
|
||
message: msg('getTabFailed')
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
$('#upres').click(async function () {
|
||
$('#inFile').click()
|
||
})
|
||
|
||
$('#inFile').on('change', function(data){
|
||
var fileVal = $('#inFile').val();
|
||
var file = null
|
||
if(fileVal == '') {
|
||
return;
|
||
}
|
||
file= this.files[0];
|
||
uploadImage(file)
|
||
});
|
||
|
||
function add(str) {
|
||
var tc = document.getElementById("content");
|
||
var tclen = tc.value.length;
|
||
tc.focus();
|
||
if(typeof document.selection != "undefined"){
|
||
document.selection.createRange().text = str;
|
||
}else{
|
||
tc.value =
|
||
tc.value.substr(0, tc.selectionStart) +
|
||
str +
|
||
tc.value.substring(tc.selectionStart, tclen);
|
||
}
|
||
}
|
||
|
||
$('#blog_info_edit').click(function () {
|
||
$('#blog_info').slideToggle()
|
||
})
|
||
|
||
$('#content_submit_text').click(function () {
|
||
var contentVal = $("textarea[name=text]").val()
|
||
if(contentVal){
|
||
sendText()
|
||
}else{
|
||
$.message({
|
||
message: msg('placeContent')
|
||
})
|
||
}
|
||
})
|
||
|
||
function getOne(memosId){
|
||
get_info(function (info) {
|
||
if (info.apiUrl) {
|
||
$("#randomlist").html('').hide()
|
||
var getUrl = isV1Flavor(info) ? info.apiUrl+'api/v1/memo/'+memosId : info.apiUrl+'api/v1/'+memosId
|
||
$.ajax({
|
||
url:getUrl,
|
||
type:"GET",
|
||
contentType:"application/json",
|
||
dataType:"json",
|
||
headers : {'Authorization':'Bearer ' + info.apiTokens},
|
||
success: function(data){
|
||
randDom(data)
|
||
}
|
||
})
|
||
} else {
|
||
$.message({
|
||
message: msg('placeApiUrl')
|
||
})
|
||
}
|
||
})
|
||
}
|
||
|
||
function sendText() {
|
||
get_info(function (info) {
|
||
if (info.status) {
|
||
$.message({
|
||
message: msg('memoUploading')
|
||
})
|
||
//$("#content_submit_text").attr('disabled','disabled');
|
||
let content = $("textarea[name=text]").val()
|
||
var hideTag = info.hidetag
|
||
var showTag = info.showtag
|
||
var nowTag = $("textarea[name=text]").val().match(/(#[^\s#]+)/)
|
||
var sendvisi = info.memo_lock || ''
|
||
if(nowTag){
|
||
if(nowTag[1] == showTag){
|
||
sendvisi = 'PUBLIC'
|
||
}else if(nowTag[1] == hideTag){
|
||
sendvisi = 'PRIVATE'
|
||
}
|
||
}
|
||
|
||
// Memos v0.20/v0.21: use /api/v1/memo and bind resources by numeric IDs.
|
||
if (isV1Flavor(info)) {
|
||
const items = Array.isArray(info.resourceIdList) ? info.resourceIdList : []
|
||
const resourceIdList = items
|
||
.map(function (r) {
|
||
if (!r) return null
|
||
if (typeof r.id === 'number' && Number.isFinite(r.id)) return Math.floor(r.id)
|
||
if (typeof r.id === 'string' && r.id.trim() !== '' && !Number.isNaN(Number(r.id))) {
|
||
return Math.floor(Number(r.id))
|
||
}
|
||
// Some versions store name as resources/{id}.
|
||
const n = typeof r.name === 'string' ? r.name : ''
|
||
const tail = n ? n.split('/').pop() : ''
|
||
if (tail && !Number.isNaN(Number(tail))) return Math.floor(Number(tail))
|
||
return null
|
||
})
|
||
.filter(function (x) {
|
||
return x != null && Number.isFinite(x)
|
||
})
|
||
|
||
window.MemosApiV1.createMemo(
|
||
info,
|
||
{
|
||
content: content,
|
||
visibility: sendvisi,
|
||
resourceIdList: resourceIdList
|
||
},
|
||
function (data) {
|
||
chrome.storage.sync.set(
|
||
{ open_action: '', open_content: '', resourceIdList: [] },
|
||
function () {
|
||
$.message({ message: msg('memoSuccess') })
|
||
$("textarea[name=text]").val('')
|
||
relistNow = []
|
||
renderUploadList(relistNow)
|
||
randDom(data)
|
||
}
|
||
)
|
||
},
|
||
function () {
|
||
chrome.storage.sync.set(
|
||
{ open_action: '', open_content: '' },
|
||
function () {
|
||
$.message({ message: msg('memoFailed') })
|
||
}
|
||
)
|
||
}
|
||
)
|
||
return
|
||
}
|
||
|
||
$.ajax({
|
||
url:info.apiUrl+'api/v1/memos',
|
||
type:"POST",
|
||
data:JSON.stringify({
|
||
'content': content,
|
||
'visibility': sendvisi
|
||
}),
|
||
contentType:"application/json",
|
||
dataType:"json",
|
||
headers : {'Authorization':'Bearer ' + info.apiTokens},
|
||
success: function(data){
|
||
if(info.resourceIdList.length > 0 ){
|
||
//匹配图片
|
||
window.MemosApi.patchMemoWithAttachmentsOrResources(
|
||
info,
|
||
data.name,
|
||
info.resourceIdList,
|
||
function () {
|
||
getOne(data.name)
|
||
},
|
||
function () {
|
||
getOne(data.name)
|
||
}
|
||
)
|
||
}else{
|
||
getOne(data.name)
|
||
}
|
||
chrome.storage.sync.set(
|
||
{ open_action: '', open_content: '',resourceIdList:[]},
|
||
function () {
|
||
$.message({
|
||
message: msg('memoSuccess')
|
||
})
|
||
//$("#content_submit_text").removeAttr('disabled');
|
||
$("textarea[name=text]").val('')
|
||
relistNow = []
|
||
renderUploadList(relistNow)
|
||
}
|
||
)
|
||
},error:function(err){//清空open_action（打开时候进行的操作）,同时清空open_content
|
||
chrome.storage.sync.set(
|
||
{ open_action: '', open_content: '',resourceIdList:[] },
|
||
function () {
|
||
$.message({
|
||
message: msg('memoFailed')
|
||
})
|
||
}
|
||
)},
|
||
})
|
||
} else {
|
||
$.message({
|
||
message: msg('placeApiUrl')
|
||
})
|
||
}
|
||
})
|
||
}
|