rspress-plugin-reading-time 0.2.0 → 1.0.0

package/components/ReadingTime.css

@@ -0,0 +1,14 @@
+.rp-reading-time {
+  position: relative;
+  top: -18px;
+  font-style: italic;
+  font-size: 15px;
+}
+
+.rp-reading-time[data-dark='true'] {
+  color: rgba(235, 235, 235, 0.56);
+}
+
+.rp-reading-time[data-dark='false'] {
+  color: rgba(60, 60, 60, 0.66);
+}

package/components/ReadingTime.tsx

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
-import { usePageData, useLang, useDark } from 'rspress/runtime';
+import { usePageData, useLang, useDark } from '@rspress/core/runtime';
 
 import type { ReadTimeResults } from 'reading-time';
 import type { PresetLocale, WithDefaultLocale } from 'rspress-plugin-devkit';
 
-import './ReadingTime.less';
+import './ReadingTime.css';
 
 interface RspressReadingTimeComponentProps extends WithDefaultLocale {}
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { type ReadTimeResults } from 'reading-time';
 import { type WithDefaultLocale } from 'rspress-plugin-devkit';
-import type { RspressPlugin } from '@rspress/shared';
+import type { RspressPlugin } from '@rspress/core';
 export interface RspressPluginReadingTimeOptions extends WithDefaultLocale {
     getReadingTime?: (content: string) => ReadTimeResults;
 }

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAoB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,WAAW,+BAAgC,SAAQ,iBAAiB;IACxE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,OAAO,GAAE,+BAAoC,GAC5C,aAAa,CA6Bf"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import path from 'node:path';
 import readingTime from 'reading-time';
-import { PresetConfigMutator, RemarkInsertComponentPluginFactory, } from 'rspress-plugin-devkit';
+import { RemarkInsertComponentPluginFactory, } from 'rspress-plugin-devkit';
 export default function rspressPluginReadingTime(options = {}) {
     const { getReadingTime = readingTime, defaultLocale } = options;
     const remarkInsertReadingTime = new RemarkInsertComponentPluginFactory({
@@ -16,11 +16,10 @@ export default function rspressPluginReadingTime(options = {}) {
     });
     return {
         name: 'rspress-plugin-reading-time',
-        config(config) {
-            return new PresetConfigMutator(config).disableMdxRs().toConfig();
-        },
+        // config not needed for Rspress V2
         extendPageData(pageData, isProd) {
             const estimatedReadingTime = getReadingTime(pageData.content);
+            // @ts-ignore - custom property
             pageData.readingTimeData = estimatedReadingTime;
         },
         markdown: {

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "rspress-plugin-reading-time",
-  "version": "0.2.0",
+  "version": "1.0.0",
+  "type": "module",
   "files": [
     "dist",
     "components"
@@ -27,9 +28,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@rspress/shared": "^1.17.1",
     "reading-time": "^1.5.0",
-    "rspress-plugin-devkit": "^0.2.0"
+    "rspress-plugin-devkit": "^1.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.12.5",
@@ -37,7 +37,7 @@
     "typescript": "^5.4.4"
   },
   "peerDependencies": {
-    "rspress": "*"
+    "@rspress/core": "^2.0.0-rc.4 || ^2.0.0"
   },
   "scripts": {
     "build": "tsc --declarationMap false",

package/components/ReadingTime.less

@@ -1,19 +0,0 @@
-@rp-reading-time: ~'rp-reading-time';
-
-@rp-reading-time-color-light: ~'rgba(60, 60, 60, 0.66)';
-@rp-reading-time-color-dark: ~'rgba(235, 235, 235, 0.56)';
-
-.@{rp-reading-time} {
-  position: relative;
-  top: -18px;
-  font-style: italic;
-  font-size: 15px;
-
-  &[data-dark='true'] {
-    color: @rp-reading-time-color-dark;
-  }
-
-  &[data-dark='false'] {
-    color: @rp-reading-time-color-light;
-  }
-}