nodebb-plugin-timestamp 1.0.0

package/build/index.js

@@ -0,0 +1,2 @@
+var TIMESTAMP_REGEX=/\[timestamp](\d{10,13})\[\/timestamp]/g;function registerFormatting(payload,callback){payload.options.push({name:`timestamp`,className:`fa fa-clock-o`,title:`[[timestamp:composer.timestamp]]`}),callback(null,payload)}function applyTimestamp(content){return content.replace(TIMESTAMP_REGEX,(_match,ts)=>{let epoch=parseInt(ts,10);if(isNaN(epoch))return _match;let date=new Date(epoch);return[`<time`,`  class="timeago plugin-timestamp"`,`  datetime="${date.toISOString()}"`,`  title="${date.toLocaleString(`zh-CN`,{timeZone:`Asia/Shanghai`})}"`,`  data-timestamp="${epoch}"`,`>${date.toLocaleString(`zh-CN`)}</time>`].join(` `)})}function parsePost(data,callback){if(!data?.postData?.content){callback(null,data);return}data.postData.content=applyTimestamp(data.postData.content),callback(null,data)}function parseRaw(raw,callback){if(!raw){callback(null,raw);return}callback(null,applyTimestamp(raw))}export{parsePost,parseRaw,registerFormatting};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../lib/index.ts"],"sourcesContent":["import type { FormattingPayload, ParsePostData, ParseRawData } from \"./type.ts\";\n\n// 匹配标记：[timestamp]1700000000000[/timestamp]\nconst TIMESTAMP_REGEX = /\\[timestamp](\\d{10,13})\\[\\/timestamp]/g;\n\n/**\n * 向编辑器工具栏注册按钮\n * 对应 plugin.json 中 filter:composer.formatting\n */\nexport function registerFormatting(\n  payload: FormattingPayload,\n  callback: (err: Error | null, payload: FormattingPayload) => void\n): void {\n  payload.options.push({\n    name: \"timestamp\",\n    className: \"fa fa-clock-o\",\n    title: \"[[timestamp:composer.timestamp]]\"\n  });\n  callback(null, payload);\n}\n\nfunction applyTimestamp(content: string) {\n  return content.replace(TIMESTAMP_REGEX, (_match: string, ts: string) => {\n    const epoch = parseInt(ts, 10);\n    if (isNaN(epoch)) return _match;\n\n    const date = new Date(epoch);\n    const iso = date.toISOString();\n    // 用 NodeBB 内置的 timeago class，框架会自动渲染相对时间\n    // title 属性提供 hover tooltip 的精确时间\n    return [\n      `<time`,\n      `  class=\"timeago plugin-timestamp\"`,\n      `  datetime=\"${iso}\"`,\n      `  title=\"${date.toLocaleString(\"zh-CN\", { timeZone: \"Asia/Shanghai\" })}\"`,\n      `  data-timestamp=\"${epoch}\"`,\n      `>${date.toLocaleString(\"zh-CN\")}</time>`\n    ].join(\" \");\n  });\n}\n\n/**\n * 解析帖子内容，将时间戳标记转换为 HTML\n * 对应 plugin.json 中 filter:parse.post\n */\nexport function parsePost(\n  data: ParsePostData,\n  callback: (err: Error | null, data: ParsePostData) => void\n): void {\n  if (!data?.postData?.content) {\n    callback(null, data);\n    return;\n  }\n\n  data.postData.content = applyTimestamp(data.postData.content);\n\n  callback(null, data);\n}\n\n/**\n * 解析 Raw，将时间戳标记转换为 HTML\n * 对应 plugin.json 中 filter:parse.raw\n *\n * 注意：filter:parse.raw 传入的是原始字符串本身（用于编辑器预览等场景），\n * 与 filter:parse.post 的对象结构不同\n */\nexport function parseRaw(\n  raw: ParseRawData,\n  callback: (err: Error | null, raw: ParseRawData) => void\n): void {\n  if (!raw) {\n    callback(null, raw);\n    return;\n  }\n\n  callback(null, applyTimestamp(raw));\n}\n"],"mappings":"AAGA,IAAM,gBAAkB,yCAMxB,SAAgB,mBACd,QACA,SACM,CACN,QAAQ,QAAQ,KAAK,CACnB,KAAM,YACN,UAAW,gBACX,MAAO,kCACT,CAAC,EACD,SAAS,KAAM,OAAO,CACxB,CAEA,SAAS,eAAe,QAAiB,CACvC,OAAO,QAAQ,QAAQ,iBAAkB,OAAgB,KAAe,CACtE,IAAM,MAAQ,SAAS,GAAI,EAAE,EAC7B,GAAI,MAAM,KAAK,EAAG,OAAO,OAEzB,IAAM,KAAO,IAAI,KAAK,KAAK,EAI3B,MAAO,CACL,QACA,qCACA,eANU,KAAK,YAME,EAAE,GACnB,YAAY,KAAK,eAAe,QAAS,CAAE,SAAU,eAAgB,CAAC,EAAE,GACxE,qBAAqB,MAAM,GAC3B,IAAI,KAAK,eAAe,OAAO,EAAE,QACnC,CAAC,CAAC,KAAK,GAAG,CACZ,CAAC,CACH,CAMA,SAAgB,UACd,KACA,SACM,CACN,GAAI,CAAC,MAAM,UAAU,QAAS,CAC5B,SAAS,KAAM,IAAI,EACnB,MACF,CAEA,KAAK,SAAS,QAAU,eAAe,KAAK,SAAS,OAAO,EAE5D,SAAS,KAAM,IAAI,CACrB,CASA,SAAgB,SACd,IACA,SACM,CACN,GAAI,CAAC,IAAK,CACR,SAAS,KAAM,GAAG,EAClB,MACF,CAEA,SAAS,KAAM,eAAe,GAAG,CAAC,CACpC"}

package/build/public/client.js

@@ -0,0 +1,15 @@
+"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([`bootbox`],bootbox=>{bootbox.dialog({title:`[[timestamp:dialog.title]]`,message:`
+        <div class="form-group">
+          <label for="plugin-ts-picker" class="form-label">[[timestamp:dialog.label]]</label>
+          <input
+            type="datetime-local"
+            id="plugin-ts-picker"
+            class="form-control"
+            value="${defaultValue}"
+          />
+          <div class="form-text text-muted" style="margin-top:6px">
+            [[timestamp:dialog.description]]
+          </div>
+        </div>
+      `,buttons:{cancel:{label:`[[timestamp:dialog.cancel]]`,className:`btn-secondary`},confirm:{label:`[[timestamp:dialog.confirm]]`,className:`btn-primary`,callback(){let input=document.getElementById(`plugin-ts-picker`);if(!input?.value)return;let ts=new Date(input.value).getTime();isNaN(ts)||insertAtCursor(textarea,selectionStart,selectionEnd,`[timestamp]${ts}[/timestamp]`)}}}})})}$(window).on(`action:app.load`,()=>{require([`composer/formatting`],formatting=>{formatting.addButtonDispatch(`timestamp`,function(textarea,selectionStart,selectionEnd){openTimePicker(textarea,selectionStart,selectionEnd)})})})});
+//# sourceMappingURL=client.js.map

package/build/public/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":[],"sources":["../../public/client.ts"],"sourcesContent":["/// <reference types=\"jquery\"/>\n\n// bootbox 模块类型（通过 require([\"bootbox\"], ...) 按需加载）\ninterface Bootbox {\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  }) => 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([\"bootbox\"], (bootbox: unknown) => {\n    (bootbox as Bootbox).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// 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"],"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,SAAS,EAAI,SAAqB,CACzC,QAAqB,OAAO,CAC1B,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,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"}

package/build/public/css/style.scss

@@ -0,0 +1,11 @@
+/* 让时间标签有视觉提示 */
+time.plugin-timestamp {
+  border-bottom: 1px dashed currentColor;
+  cursor: help;
+  white-space: nowrap;
+}
+
+/* 自定义 tooltip（利用 title 属性，也可换成 Bootstrap tooltip） */
+time.plugin-timestamp:hover {
+  opacity: 0.75;
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "nodebb-plugin-timestamp",
+  "version": "1.0.0",
+  "description": "Insert a relative time component into the post | 在帖子中插入相对时间组件",
+  "homepage": "https://www.tasaed.top",
+  "bugs": {
+    "url": "https://github.com/TASA-Ed/nodebb-plugin-timestamp/issues"
+  },
+  "license": "MIT",
+  "author": "TASA-Ed Studio",
+  "contributors": [
+    "ccd2s <tasaedem@outlook.com>"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TASA-Ed/nodebb-plugin-timestamp.git"
+  },
+  "files": [
+    "build"
+  ],
+  "type": "module",
+  "main": "./build/index.js",
+  "devDependencies": {
+    "@types/jquery": "^4.0.1",
+    "@types/node": "^25.9.3",
+    "oxfmt": "^0.54.0",
+    "oxlint": "^1.69.0",
+    "rolldown": "^1.1.1",
+    "typescript": "^6.0.3"
+  },
+  "nbbpm": {
+    "compatibility": "^4.12.0"
+  },
+  "scripts": {
+    "dev": "rolldown -c ./rolldown.config.ts --watch",
+    "build": "rolldown -c ./rolldown.config.ts && tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check"
+  }
+}