nodebb-plugin-timestamp 1.1.2 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/build/public/client.js +1 -1
- package/build/public/client.js.map +1 -1
- package/package.json +7 -7
- package/public/client.ts +5 -5
package/README.md
CHANGED
package/build/public/client.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(function(factory){typeof define==`function`&&define.amd?define([],factory):factory()})(function(){function toDatetimeLocalValue(date){let pad=n=>String(n).padStart(2,`0`);return`${date.getFullYear()}-${pad(date.getMonth()+1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`}function insertAtCursor(textarea,start,end,text){let before=textarea.value.substring(0,start),after=textarea.value.substring(end);textarea.value=before+text+after,textarea.selectionStart=textarea.selectionEnd=start+text.length,textarea.focus(),textarea.dispatchEvent(new Event(`input`,{bubbles:!0}))}function openTimePicker(textarea,selectionStart,selectionEnd){let defaultValue=toDatetimeLocalValue(new Date);require([`
|
|
1
|
+
"use strict";(function(factory){typeof define==`function`&&define.amd?define([],factory):factory()})(function(){function toDatetimeLocalValue(date){let pad=n=>String(n).padStart(2,`0`);return`${date.getFullYear()}-${pad(date.getMonth()+1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`}function insertAtCursor(textarea,start,end,text){let before=textarea.value.substring(0,start),after=textarea.value.substring(end);textarea.value=before+text+after,textarea.selectionStart=textarea.selectionEnd=start+text.length,textarea.focus(),textarea.dispatchEvent(new Event(`input`,{bubbles:!0}))}function openTimePicker(textarea,selectionStart,selectionEnd){let defaultValue=toDatetimeLocalValue(new Date);require([`modals`],async modals=>{await modals.dialog({title:`[[timestamp:dialog.title]]`,message:`
|
|
2
2
|
<div class="form-group">
|
|
3
3
|
<label for="plugin-ts-picker" class="form-label">[[timestamp:dialog.label]]</label>
|
|
4
4
|
<input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"client.js","names":[],"sources":["../../public/client.ts"],"sourcesContent":["/// <reference types=\"jquery\"/>\n\n//
|
|
1
|
+
{"version":3,"file":"client.js","names":[],"sources":["../../public/client.ts"],"sourcesContent":["/// <reference types=\"jquery\"/>\n\n// Modals 模块类型（通过 require([\"modals\"], ...) 按需加载）\ninterface Modals {\n dialog: (options: {\n title: string;\n message: string;\n buttons: Record<\n string,\n {\n label: string;\n className: string;\n callback?: () => void | boolean;\n }\n >;\n }) => Promise<void>;\n}\n\n// NodeBB 的 AMD require（RequireJS 风格）\ndeclare function require(deps: string[], callback: (...modules: unknown[]) => void): void;\n\n// composer/formatting 模块只用到 addButtonDispatch\ninterface FormattingModule {\n // handler 由 dispatch table 调用，this 指向 postContainer\n addButtonDispatch: (\n name: string,\n onClick: (\n this: JQuery,\n textarea: HTMLTextAreaElement,\n selectionStart: number,\n selectionEnd: number,\n event: JQuery.Event\n ) => void\n ) => void;\n}\n\n/**\n * 获取 datetime-local input 所需的格式 \"YYYY-MM-DDTHH:MM\"\n */\nfunction toDatetimeLocalValue(date: Date): string {\n const pad = (n: number): string => String(n).padStart(2, \"0\");\n return (\n `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}` +\n `T${pad(date.getHours())}:${pad(date.getMinutes())}`\n );\n}\n\n/**\n * 在 textarea 光标位置插入文本\n */\nfunction insertAtCursor(\n textarea: HTMLTextAreaElement,\n start: number,\n end: number,\n text: string\n): void {\n const before = textarea.value.substring(0, start);\n const after = textarea.value.substring(end);\n textarea.value = before + text + after;\n textarea.selectionStart = textarea.selectionEnd = start + text.length;\n textarea.focus();\n // 触发 NodeBB 编辑器的响应式更新与预览刷新\n textarea.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}\n\n/**\n * 打开时间选择弹窗，确认后把标记插入到 textarea 光标处\n */\nfunction openTimePicker(\n textarea: HTMLTextAreaElement,\n selectionStart: number,\n selectionEnd: number\n): void {\n const defaultValue = toDatetimeLocalValue(new Date());\n\n require([\"modals\"], async (modals: unknown) => {\n await (modals as Modals).dialog({\n title: \"[[timestamp:dialog.title]]\",\n message: `\n <div class=\"form-group\">\n <label for=\"plugin-ts-picker\" class=\"form-label\">[[timestamp:dialog.label]]</label>\n <input\n type=\"datetime-local\"\n id=\"plugin-ts-picker\"\n class=\"form-control\"\n value=\"${defaultValue}\"\n />\n <div class=\"form-text text-muted\" style=\"margin-top:6px\">\n [[timestamp:dialog.description]]\n </div>\n </div>\n `,\n buttons: {\n cancel: {\n label: \"[[timestamp:dialog.cancel]]\",\n className: \"btn-secondary\"\n },\n confirm: {\n label: \"[[timestamp:dialog.confirm]]\",\n className: \"btn-primary\",\n callback(): void {\n const input = document.getElementById(\"plugin-ts-picker\") as HTMLInputElement | null;\n if (!input?.value) return;\n\n const ts = new Date(input.value).getTime();\n if (isNaN(ts)) return;\n\n insertAtCursor(textarea, selectionStart, selectionEnd, `[timestamp]${ts}[/timestamp]`);\n }\n }\n }\n });\n });\n}\n\n/**\n * 将页面中所有 .plugin-timestamp 元素本地化为用户浏览器所在时区的时间。\n * - title（hover tooltip）始终设为本地时间。\n * - 文本内容在 timeago 接管时由 NodeBB 渲染相对时间；一旦超过 timeago 的\n * cutoff（约一个月），文本会停留在服务端的 ISO fallback，此时改为本地时间。\n */\nfunction localizeTimestamps(root: ParentNode = document): void {\n const elements = root.querySelectorAll<HTMLTimeElement>(\"time.plugin-timestamp\");\n elements.forEach((el) => {\n const iso = el.getAttribute(\"datetime\");\n if (!iso) return;\n\n const date = new Date(iso);\n if (isNaN(date.getTime())) return;\n\n const localized = date.toLocaleString(undefined, {\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n second: \"2-digit\"\n });\n\n // hover tooltip 始终显示用户本地时间\n el.title = localized;\n\n // NodeBB 内置 timeago 只在 cutoff（默认约一个月）内把文本替换为相对时间\n // （如 \"in 3 days\"）；超过 cutoff 后 timeago 不再处理，元素文本会停留在\n // 服务端输出的 ISO fallback 上。这里在文本仍为 ISO（即尚未被 timeago 接管）\n // 时，把它替换为用户本地时间，使得超过一个月后展示的是本地时间而非 ISO。\n if (el.textContent?.trim() === iso) {\n el.textContent = localized;\n }\n });\n}\n\n// NodeBB 页面加载完成后，向 composer 的 dispatch table 注册按钮点击处理\n$(window).on(\"action:app.load\", () => {\n require([\"composer/formatting\"], (formatting: unknown) => {\n (formatting as FormattingModule).addButtonDispatch(\n \"timestamp\",\n function (textarea, selectionStart, selectionEnd): void {\n openTimePicker(textarea, selectionStart, selectionEnd);\n }\n );\n });\n});\n\n// 初次加载 + ajaxify 切换页面时，本地化所有时间戳\n$(window).on(\"action:app.load action:ajaxify.end\", () => {\n localizeTimestamps();\n});\n\n// 帖子动态追加时（无限滚动等），也需要处理新出现的时间戳\n$(window).on(\"action:posts.loaded\", () => {\n localizeTimestamps();\n});\n"],"mappings":"gHAuCA,SAAS,qBAAqB,KAAoB,CAChD,IAAM,IAAO,GAAsB,OAAO,CAAC,CAAC,CAAC,SAAS,EAAG,GAAG,EAC5D,MACE,GAAG,KAAK,YAAY,EAAE,GAAG,IAAI,KAAK,SAAS,EAAI,CAAC,EAAE,GAAG,IAAI,KAAK,QAAQ,CAAC,EAAA,GACnE,IAAI,KAAK,SAAS,CAAC,EAAE,GAAG,IAAI,KAAK,WAAW,CAAC,GAErD,CAKA,SAAS,eACP,SACA,MACA,IACA,KACM,CACN,IAAM,OAAS,SAAS,MAAM,UAAU,EAAG,KAAK,EAC1C,MAAQ,SAAS,MAAM,UAAU,GAAG,EAC1C,SAAS,MAAQ,OAAS,KAAO,MACjC,SAAS,eAAiB,SAAS,aAAe,MAAQ,KAAK,OAC/D,SAAS,MAAM,EAEf,SAAS,cAAc,IAAI,MAAM,QAAS,CAAE,QAAS,EAAK,CAAC,CAAC,CAC9D,CAKA,SAAS,eACP,SACA,eACA,aACM,CACN,IAAM,aAAe,qBAAqB,IAAI,IAAM,EAEpD,QAAQ,CAAC,QAAQ,EAAG,KAAO,SAAoB,CAC7C,MAAO,OAAkB,OAAO,CAC9B,MAAO,6BACP,QAAS;;;;;;;qBAOM,aAAa;;;;;;QAO5B,QAAS,CACP,OAAQ,CACN,MAAO,8BACP,UAAW,eACb,EACA,QAAS,CACP,MAAO,+BACP,UAAW,cACX,UAAiB,CACf,IAAM,MAAQ,SAAS,eAAe,kBAAkB,EACxD,GAAI,CAAC,OAAO,MAAO,OAEnB,IAAM,GAAK,IAAI,KAAK,MAAM,KAAK,CAAC,CAAC,QAAQ,EACrC,MAAM,EAAE,GAEZ,eAAe,SAAU,eAAgB,aAAc,cAAc,GAAG,aAAa,CACvF,CACF,CACF,CACF,CAAC,CACH,CAAC,CACH,CAQA,SAAS,mBAAmB,KAAmB,SAAgB,CAE7D,KADsB,iBAAkC,uBACjD,CAAC,CAAC,QAAS,IAAO,CACvB,IAAM,IAAM,GAAG,aAAa,UAAU,EACtC,GAAI,CAAC,IAAK,OAEV,IAAM,KAAO,IAAI,KAAK,GAAG,EACzB,GAAI,MAAM,KAAK,QAAQ,CAAC,EAAG,OAE3B,IAAM,UAAY,KAAK,eAAe,IAAA,GAAW,CAC/C,KAAM,UACN,MAAO,UACP,IAAK,UACL,KAAM,UACN,OAAQ,UACR,OAAQ,SACV,CAAC,EAGD,GAAG,MAAQ,UAMP,GAAG,aAAa,KAAK,IAAM,MAC7B,GAAG,YAAc,UAErB,CAAC,CACH,CAGA,EAAE,MAAM,CAAC,CAAC,GAAG,sBAAyB,CACpC,QAAQ,CAAC,qBAAqB,EAAI,YAAwB,CACxD,WAAiC,kBAC/B,YACA,SAAU,SAAU,eAAgB,aAAoB,CACtD,eAAe,SAAU,eAAgB,YAAY,CACvD,CACF,CACF,CAAC,CACH,CAAC,EAGD,EAAE,MAAM,CAAC,CAAC,GAAG,yCAA4C,CACvD,mBAAmB,CACrB,CAAC,EAGD,EAAE,MAAM,CAAC,CAAC,GAAG,0BAA6B,CACxC,mBAAmB,CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nodebb-plugin-timestamp",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"description": "Insert a relative time component into the post | 在帖子中插入相对时间组件",
|
|
5
5
|
"homepage": "https://github.com/TASA-Ed/nodebb-plugin-timestamp",
|
|
6
6
|
"bugs": {
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"main": "./build/index.js",
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"@types/jquery": "^4.0.1",
|
|
22
|
-
"@types/node": "^
|
|
23
|
-
"oxfmt": "^0.
|
|
24
|
-
"oxlint": "^1.
|
|
25
|
-
"rolldown": "^1.1.
|
|
26
|
-
"typescript": "^
|
|
22
|
+
"@types/node": "^26.1.1",
|
|
23
|
+
"oxfmt": "^0.58.0",
|
|
24
|
+
"oxlint": "^1.73.0",
|
|
25
|
+
"rolldown": "^1.1.5",
|
|
26
|
+
"typescript": "^7.0.2"
|
|
27
27
|
},
|
|
28
28
|
"nbbpm": {
|
|
29
|
-
"compatibility": "^4.
|
|
29
|
+
"compatibility": "^4.14.0"
|
|
30
30
|
},
|
|
31
31
|
"scripts": {
|
|
32
32
|
"dev": "rolldown -c ./rolldown.config.ts --watch",
|
package/public/client.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="jquery"/>
|
|
2
2
|
|
|
3
|
-
//
|
|
4
|
-
interface
|
|
3
|
+
// Modals 模块类型（通过 require(["modals"], ...) 按需加载）
|
|
4
|
+
interface Modals {
|
|
5
5
|
dialog: (options: {
|
|
6
6
|
title: string;
|
|
7
7
|
message: string;
|
|
@@ -13,7 +13,7 @@ interface Bootbox {
|
|
|
13
13
|
callback?: () => void | boolean;
|
|
14
14
|
}
|
|
15
15
|
>;
|
|
16
|
-
}) => void
|
|
16
|
+
}) => Promise<void>;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
// NodeBB 的 AMD require（RequireJS 风格）
|
|
@@ -73,8 +73,8 @@ function openTimePicker(
|
|
|
73
73
|
): void {
|
|
74
74
|
const defaultValue = toDatetimeLocalValue(new Date());
|
|
75
75
|
|
|
76
|
-
require(["
|
|
77
|
-
(
|
|
76
|
+
require(["modals"], async (modals: unknown) => {
|
|
77
|
+
await (modals as Modals).dialog({
|
|
78
78
|
title: "[[timestamp:dialog.title]]",
|
|
79
79
|
message: `
|
|
80
80
|
<div class="form-group">
|