20 | {title && {title} }
21 | {description && (
22 | {description}
23 | )}
24 |
25 | {action}
26 |
10 | {
11 | sortedColors.map(function (color) {
12 | const bgColor = Color(color).hsl().toString();
13 | const bc = bgColor.substring(4,bgColor.length - 1).replaceAll(',','')
14 | return(
15 | //@ts-ignore
16 |
27 | )
28 | }
29 |
--------------------------------------------------------------------------------
/apps/web/components/Empty.tsx:
--------------------------------------------------------------------------------
1 | import { ReactElement } from 'react'
2 |
3 |
4 | export default function Empty(props: { children: ReactElement | string }) {
5 | return (
6 |
17 | {/*@ts-ignore*/}
18 |
22 |
23 | )
24 | })
25 | }
26 |
7 |
27 | )
28 | }
29 |
--------------------------------------------------------------------------------
/apps/web/components/HighLightText.tsx:
--------------------------------------------------------------------------------
1 | export default function HighLightText(props: {
2 | keyword: string
3 | text?: string
4 | hideOnUnMatch?: boolean
5 | }) {
6 | const { keyword, text = '', hideOnUnMatch = false } = props
7 |
8 | if (!keyword) {
9 | return {text}
10 | }
11 |
12 | const words = keyword
13 | .trim()
14 | .replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')
15 | .split(/\s+/)
16 | const regex = new RegExp(words.join('|'), 'ig')
17 |
18 | const div = document.createElement('div')
19 | div.innerHTML = text
20 | const plainText = div.innerText
21 |
22 | if (!plainText || (hideOnUnMatch && !regex.test(plainText))) {
23 | return null
24 | }
25 |
26 | const html = plainText.replace(regex, function (word) {
27 | return `${word}`
28 | })
29 |
30 | return
31 | }
32 |
--------------------------------------------------------------------------------
/apps/web/components/IconButton.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react'
2 |
3 | export default function IconButton(props: {
4 | disabled?: boolean
5 | children: ReactNode
6 | onClick?: () => void
7 | className?: string
8 | [key: string]: any
9 | }) {
10 | const { onClick, children, disabled, className, ...left } = props
11 | return (
12 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/apps/web/components/InstallBar.tsx:
--------------------------------------------------------------------------------
1 | import React, {ReactElement} from "react";
2 |
3 | const InstallBar: React.FC<{children?: ReactElement}> = function ({children}) {
4 | return (
5 |
8 | {/* eslint-disable-next-line @next/next/no-img-element */}
9 | 
16 |
26 |
17 | {/**/}
18 | {/* “*/}
19 | {/**/}
20 | {props.children}
21 | {/**/}
22 | {/* ”*/}
23 | {/**/}
24 |
25 |
6 |
11 | )
12 | }
13 |
14 | export default InstallBar
15 |
--------------------------------------------------------------------------------
/apps/web/components/KeyboardTip.tsx:
--------------------------------------------------------------------------------
1 | import useShortcut from "../hooks/useShortcut";
2 | import {ReactElement} from "react";
3 | import {
4 | Tooltip,
5 | TooltipContent,
6 | TooltipProvider,
7 | TooltipTrigger,
8 | } from "@/components/ui/tooltip"
9 |
10 | export default function KeyboardTip(props:{tip?: string,command?: string,children?: ReactElement}) {
11 | const {tip='',command='',children=null} = props;
12 | const [_commands,commandMap={}] = useShortcut();
13 |
14 | const shortcut = commandMap[command]?.shortcut;
15 |
16 | return (
17 |
7 | 前往安装
8 |
9 | {children}
10 | 22 | {tip} {shortcut} 23 |
24 |
11 |
12 |
13 | )
14 | }
15 |
--------------------------------------------------------------------------------
/apps/web/components/RedirectToExt.tsx:
--------------------------------------------------------------------------------
1 | import useWhoAmi from "hooks/useWhoAmi";
2 | import {ReactElement, useEffect} from "react";
3 | import {replaceHttpToExt} from "utils/url";
4 | export default function RedirectToExt(props:{children: ReactElement}) {
5 | const [whoAmI] = useWhoAmi();
6 | useEffect(function () {
7 | const preventRedirect = window.location.origin.includes('developer');
8 | if(!preventRedirect){
9 | replaceHttpToExt(whoAmI?.origin)
10 | }
11 | },[whoAmI])
12 | return (props.children)
13 | }
14 |
--------------------------------------------------------------------------------
/apps/web/components/Star.tsx:
--------------------------------------------------------------------------------
1 |
2 | export default function Star(props:{score: number}) {
3 | return (
4 |
5 | {
6 | new Array(props.score).fill(1).map(function () {
7 | return "⭐️"
8 | })
9 | }
10 |
11 | )
12 | }
13 |
--------------------------------------------------------------------------------
/apps/web/components/Status.tsx:
--------------------------------------------------------------------------------
1 | import {type ReactNode} from 'react';
2 | import classNames from "classnames";
3 | import { AiOutlineLoading3Quarters } from "react-icons/ai";
4 | import { RiLoader2Line } from "react-icons/ri";
5 | import { BiLoaderCircle } from "react-icons/bi";
6 | import { RiLoaderLine } from "react-icons/ri";
7 |
8 | interface Props {
9 | children?: ReactNode;
10 | disabled?:boolean
11 | }
12 |
13 | export default function Status(props: Props) {
14 | const {children,disabled} = props;
15 | return (
16 |
21 | {/*
26 | );
27 | }
28 |
29 |
--------------------------------------------------------------------------------
/apps/web/components/TipInfo.tsx:
--------------------------------------------------------------------------------
1 | import TipInfoSvg from 'assets/svg/info.svg'
2 |
3 | export default function TipInfo(props: { tip: string; className?: string }) {
4 | const { tip, className = 'tooltip-right' } = props
5 | return (
6 |
7 | */}
22 | {/*
*/}
24 | {children}
25 |
7 | {[AuthType.GITHUB, AuthType.NOTION,].map((value, index) => (
8 |
18 | ))}
19 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/apps/web/components/account/VipRecords.tsx:
--------------------------------------------------------------------------------
1 | import {type ReactNode} from 'react';
2 | import BookList from "./BookList";
3 |
4 | interface Props {
5 | children?: ReactNode;
6 | }
7 |
8 | export default function VipRecords(props: Props) {
9 | const {children} = props;
10 | return (
11 |
12 |
14 | );
15 | }
16 |
17 |
--------------------------------------------------------------------------------
/apps/web/components/backup/BackupStat.tsx:
--------------------------------------------------------------------------------
1 | import {type ReactNode} from 'react';
2 | import useTableQuery from "../../hooks/table/useTableQuery";
3 | import {Collection} from "../../const/collection";
4 | import {computeTimeDiff} from "../../utils/time";
5 |
6 | interface Props {
7 | children?: ReactNode;
8 | title: string
9 | statKey: 'backup.at'| 'sync.at' |string
10 | }
11 |
12 | export default function BackupStat(props: Props) {
13 | const {children,title='',statKey='backup.at'} = props;
14 | const {data} = useTableQuery<{key: string,value?: number}>(Collection.memory, {
15 | query: {
16 | key: statKey,
17 | },
18 | limit: 1,
19 | })
20 |
21 |
22 | const latestBackup = data[0]
23 | const time = latestBackup?.value
24 |
25 | if(!time){
26 | return null;
27 | }
28 |
29 | return (
30 |
31 | {title || statKey} {computeTimeDiff(time)}
32 |
33 | );
34 | }
35 |
36 |
--------------------------------------------------------------------------------
/apps/web/components/backup/ConfigSwitch.tsx:
--------------------------------------------------------------------------------
1 | import React, {type ReactNode} from 'react';
2 | import {Switch} from "../../@/components/ui/switch";
3 | import useSettingConfig from "../../hooks/table/useSettingConfig";
4 |
5 | interface Props {
6 | children?: ReactNode;
7 | rootKey: '_backup' | '_sync' | 'cloud'
8 | }
9 |
10 | export default function ConfigSwitch(props: Props) {
11 | const [config,update] = useSettingConfig<{
12 | switch?: boolean,
13 | enable?: boolean
14 | }>(props.rootKey,'config');
15 |
16 | const enabled = config?.switch;
17 | return (
18 |
12 | {/**/}
13 | {/* 
*/}
14 | {/* */}
15 |
28 |
29 | )
30 | }
31 |
32 | CheckFallback.defaultProps = {}
33 |
--------------------------------------------------------------------------------
/apps/web/components/check/CheckUser.tsx:
--------------------------------------------------------------------------------
1 | import React, {ReactElement} from "react";
2 | import useUserInfo from "../../hooks/useUserInfo";
3 |
4 |
5 | export default function CheckUser({children,fallback}:{children:ReactElement,fallback?: ReactElement}) {
6 | const [user] = useUserInfo();
7 | if(!user?.profile?.nickname){
8 | return (
9 | fallback ||
10 |
11 |
20 | )
21 | }
22 | return(
23 | <>{children}
24 | )
25 | }
26 |
--------------------------------------------------------------------------------
/apps/web/components/cloud/CloudSupportLink.tsx:
--------------------------------------------------------------------------------
1 | import React, {type ReactNode} from 'react';
2 | import {supporterMap, SupporterType} from "../../const/supporters";
3 | import useSettingConfig from "../../hooks/table/useSettingConfig";
4 | import {NavLink} from "react-router-dom";
5 |
6 | interface Props {
7 | children?: ReactNode;
8 | type?: SupporterType;
9 | }
10 |
11 | export default function CloudSupportLink(props: Props) {
12 | const [cloudConfig] = useSettingConfig<{cloudSource?: string}>('_cloud','config')
13 |
14 | const cloudSource = props.type ?? cloudConfig?.cloudSource;
15 |
16 | const cloudInfo = cloudSource ? supporterMap[cloudSource] : null;
17 |
18 | if(!cloudInfo){
19 | return
20 | }
21 |
22 | return (
23 | cloudInfo?.path.startsWith('http') ?
24 |
25 | {cloudInfo?.name || cloudSource}
26 | :
27 |
12 |
19 | 此模块需要登录后访问
13 |
14 |
17 |
18 |
13 |
18 | )
19 | }
20 |
21 | Loading.defaultProps = {}
22 |
--------------------------------------------------------------------------------
/apps/web/components/popup/Achieve.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { CaptureButton, LightInfo, PageInfo } from './state/PageInfo'
3 | import DisableButton from './state/DisableButton'
4 | import useCurrentTab from "../../hooks/useCurrentTab";
5 | import useTabPagenoteState from "../../hooks/useTabPagenoteState";
6 |
7 | export default function Achieve() {
8 | const {tab} = useCurrentTab()
9 | const [content] = useTabPagenoteState()
10 |
11 | return (
12 |
13 |
22 | )
23 | }
24 |
25 | Achieve.defaultProps = {}
26 |
--------------------------------------------------------------------------------
/apps/web/components/popup/PopupLights.tsx:
--------------------------------------------------------------------------------
1 | import extApi from "@pagenote/shared/lib/pagenote-api";
2 | import {useEffect, useState} from "react";
3 | import Tab = chrome.tabs.Tab;
4 | import {Step} from "@pagenote/shared/lib/@types/data";
5 |
6 | export default function PopupLights(props:{tab: Tab}) {
7 | const {tab} = props;
8 | const [lights, setLights] = useState
14 |
21 |
15 |
19 |
32 |
33 |
34 | )
35 | }
36 |
--------------------------------------------------------------------------------
/apps/web/components/popup/state/EnableCheck.tsx:
--------------------------------------------------------------------------------
1 | import useCurrentTab from 'hooks/useCurrentTab'
2 | import useTabPagenoteState from 'hooks/useTabPagenoteState'
3 | import { Bookmark } from 'components/popup/Bookmark'
4 | import PageMemo from '../PageMemo'
5 | import Tagfy from '../../tag/Tagfy'
6 |
7 | export default function EnableCheck() {
8 | const [tabState, mutate, isLoading] = useTabPagenoteState()
9 | const { tab } = useCurrentTab()
10 |
11 | return (
12 |
13 |
22 | )
23 | }
24 |
--------------------------------------------------------------------------------
/apps/web/components/setting/CustomStyle.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import BasicSettingLine, {SettingArea, SettingSection} from './BasicSettingLine'
3 | import SettingDetail from './SettingDetail'
4 | import { BiSolidFileCss } from "react-icons/bi";
5 | import CustomStyleForm from "../form/CustomStyleForm";
6 |
7 | export default function CustomStyle() {
8 | return (
9 |
14 |
20 |
21 |
17 |
19 |
10 |
21 | )
22 | }
23 |
--------------------------------------------------------------------------------
/apps/web/components/setting/Safety.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import BasicSettingLine, { SettingSection } from './BasicSettingLine'
3 | import SettingDetail from './SettingDetail'
4 |
5 | export default function Safety() {
6 | return (
7 |
13 | 修改 PAGENOTE 的样式，如解决与其他插件的冲突，修改按钮相对位置等。支持 css 语法。
14 |
}>
15 |
16 |
17 |
18 |
20 |
8 |
9 |
14 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/apps/web/components/setting/actions/ActionSetting.tsx:
--------------------------------------------------------------------------------
1 | import { type ReactNode } from 'react'
2 | import SettingDetail from '../SettingDetail'
3 |
4 |
5 | interface Props {
6 | children?: ReactNode
7 | }
8 |
9 | export default function Shortcut(props: Props) {
10 | const { children } = props
11 | // const [config,update]= useSettingConfig('workflows_config');
12 |
13 |
14 | return (
15 |
17 |
18 |
19 |
12 |
23 |
13 |
18 |
19 |
15 |
17 |
20 |
22 |
17 | {
18 | mounted() &&
19 |
20 |
21 |
22 | }
23 |
24 |
15 | redirect...
16 |
17 |
17 | {mounted() && (
18 |
19 |
20 | {/*
23 |
24 | )}
25 |
26 |
11 | {children}
12 |
16 | );
17 | }
18 |
19 |
--------------------------------------------------------------------------------
/apps/web/pages/file/index.tsx:
--------------------------------------------------------------------------------
1 | import {type ReactNode} from 'react';
2 | import useTableQuery from "../../hooks/table/useTableQuery";
3 | import {Collection} from "../../const/collection";
4 |
5 | interface Props {
6 | children?: ReactNode;
7 | }
8 |
9 | export default function File(props: Props) {
10 | const {children} = props;
11 | const {data} = useTableQuery<{filename: string}>(Collection.file, {
12 | query:{
13 | },
14 | limit: 9999,
15 | projection:{
16 | filename: 1,
17 | }
18 | })
19 |
20 |
21 | return (
22 |
13 |
15 | 本地服务尚未启动，你需要安装 PAGENOTE 插件后访问此页面...
14 |
23 |
32 | );
33 | }
34 |
35 |
--------------------------------------------------------------------------------
/apps/web/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import NotionDoc, { NotionDocProp } from 'components/notion/NotionDoc'
2 | import { getNotionDocDetail } from 'service/server/doc'
3 | import { SEO_REVERT_MAP } from '../const/notion'
4 |
5 | export const getStaticProps = async () => {
6 | return await getNotionDocDetail(SEO_REVERT_MAP['/'])
7 | }
8 |
9 | export default function Page(props: NotionDocProp) {
10 | return 本地资源列表：
24 | { 25 | data.map((item,index )=>( 26 |
27 | {item.filename}
28 |
29 | ))
30 | }
31 |
7 |
8 |
9 | )
10 | }
11 |
--------------------------------------------------------------------------------
/apps/web/pages/oauth/callback_notion.tsx:
--------------------------------------------------------------------------------
1 | import Callback from 'components/auth/Callback'
2 | import {AuthType} from "../../const/oauth";
3 |
4 | export default function CallbackPage() {
5 | return (
6 |
7 |
8 |
9 | )
10 | }
11 |
--------------------------------------------------------------------------------
/apps/web/pages/pagenote.tsx:
--------------------------------------------------------------------------------
1 | import Modal from 'components/Modal'
2 | import React, { useEffect } from 'react'
3 | import useWhoAmi from '../hooks/useWhoAmi'
4 |
5 | export default function Pagenote() {
6 | const [whoAmI] = useWhoAmi()
7 |
8 | useEffect(
9 | function () {
10 | if (whoAmI?.origin) {
11 | window.location.href = whoAmI.origin + '/pagenote.html'
12 | }
13 | },
14 | [whoAmI]
15 | )
16 | return (
17 |
18 |
19 | 
23 |
24 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/apps/web/pages/redirect.tsx:
--------------------------------------------------------------------------------
1 | import { type ReactNode, useEffect } from 'react'
2 | import { useRouter } from 'next/router'
3 | import useWhoAmi from '../hooks/useWhoAmi'
4 |
5 | interface Props {
6 | children?: ReactNode
7 | }
8 |
9 | export default function Redirect(props: Props) {
10 | const { children } = props
11 | const { query } = useRouter()
12 | const [whoAmI] = useWhoAmi()
13 |
14 | useEffect(
15 | function () {
16 | const to = query.to
17 | if (to) {
18 | const link = `${whoAmI?.origin}${to}`
19 | window.location.href = link
20 | }
21 | },
22 | [query.to]
23 | )
24 |
25 | return
23 | {children}
26 | }
27 |
--------------------------------------------------------------------------------
/apps/web/pages/setting.tsx:
--------------------------------------------------------------------------------
1 | import { type ReactNode, useEffect } from 'react'
2 | import useWhoAmi from '../hooks/useWhoAmi'
3 |
4 | interface Props {
5 | children?: ReactNode
6 | }
7 |
8 | export default function Redirect(props: Props) {
9 | const { children } = props
10 | const [whoAmI] = useWhoAmi()
11 |
12 | useEffect(
13 | function () {
14 | window.location.href = '/ext/setting'
15 | },
16 | [whoAmI]
17 | )
18 |
19 | return {children}
20 | }
21 |
--------------------------------------------------------------------------------
/apps/web/pages/vip-bind.tsx:
--------------------------------------------------------------------------------
1 | import {type ReactNode} from 'react';
2 | import BasicLayout from "../layouts/BasicLayout";
3 | import BindVipForm from "../components/form/BindVipForm";
4 |
5 | interface Props {
6 | children?: ReactNode;
7 | }
8 |
9 | export default function expired1(props: Props) {
10 |
11 | return (
12 | {children}
36 | }
37 |
--------------------------------------------------------------------------------
/apps/web/pages/widget/terminal.tsx:
--------------------------------------------------------------------------------
1 | import { type ReactNode } from 'react'
2 |
3 | interface Props {
4 | children?: ReactNode
5 | }
6 |
7 | export default function terminal(props: Props) {
8 | const { children } = props
9 | return {children}
10 | }
11 |
12 | terminal.defaultProps = {}
13 |
--------------------------------------------------------------------------------
/apps/web/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/apps/web/public/ads.txt:
--------------------------------------------------------------------------------
1 | google.com, pub-7793225357248258, DIRECT, f08c47fec0942fa0
2 |
--------------------------------------------------------------------------------
/apps/web/public/base_default_page_data.json:
--------------------------------------------------------------------------------
1 | []
--------------------------------------------------------------------------------
/apps/web/public/changelog.json:
--------------------------------------------------------------------------------
1 | {}
2 |
--------------------------------------------------------------------------------
/apps/web/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/favicon.ico
--------------------------------------------------------------------------------
/apps/web/public/images/light-1024.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-1024.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-128.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-16.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-256.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-32.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-48.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-512.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-64.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-96.png
--------------------------------------------------------------------------------
/apps/web/public/images/light-disable.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/light-disable.png
--------------------------------------------------------------------------------
/apps/web/public/images/pagenote.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/pagenote.png
--------------------------------------------------------------------------------
/apps/web/public/images/wechat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/images/wechat.jpg
--------------------------------------------------------------------------------
/apps/web/public/img/email.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/img/email.webp
--------------------------------------------------------------------------------
/apps/web/public/img/icons/light-64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/apps/web/public/img/icons/light-64.png
--------------------------------------------------------------------------------
/apps/web/public/img/icons/readme.md:
--------------------------------------------------------------------------------
1 | 暂时不可删除，历史旧页面还有引用此路径的图片资源
2 |
--------------------------------------------------------------------------------
/apps/web/public/robots.txt:
--------------------------------------------------------------------------------
1 | #
2 | # robots.txt for pagenote
3 | #
4 |
5 | Sitemap: https://pagenote.cn/sitemap.xml
6 |
7 | User-agent: *
8 | Disallow: /api/doc
9 | Disallow: /api/docs
10 | Disallow: /api/search
--------------------------------------------------------------------------------
/apps/web/public/sitemap.xml:
--------------------------------------------------------------------------------
1 |
2 |
7 |
13 | `
14 | document.body.appendChild(element);
15 | setTimeout(function () {
16 | element.parentElement?.removeChild(element)
17 | },duration)
18 | }
19 |
--------------------------------------------------------------------------------
/build_web.sh:
--------------------------------------------------------------------------------
1 | source ~/.bash_profile
2 |
3 | # 子项目依赖编译
4 | yarn install --scope=@pagenote/obsidian
5 | yarn workspace @pagenote/obsidian run build
6 |
7 | # 项目编译
8 | yarn install --scope=pagenote-web
9 | yarn workspace pagenote-web run build
10 |
--------------------------------------------------------------------------------
/lerna.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "node_modules/lerna/schemas/lerna-schema.json",
3 | "version": "independent",
4 | "npmClient": "yarn",
5 | "ignoreChanges": [
6 | "**/__fixtures__/**",
7 | "**/__tests__/**",
8 | "**/*.md",
9 | "yarn.lock",
10 | "**/package.json",
11 | "**/*.yml"
12 | ],
13 | "command": {
14 | "publish": {
15 | "allowBranch": ["main","dev","feat*"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/actions/.github/workflows/main.yml:
--------------------------------------------------------------------------------
1 | name: CI
2 | on: [push]
3 | jobs:
4 | build:
5 | name: Build, lint, and test on Node ${{ matrix.node }} and ${{ matrix.os }}
6 |
7 | runs-on: ${{ matrix.os }}
8 | strategy:
9 | matrix:
10 | node: ['10.x', '12.x', '14.x']
11 | os: [ubuntu-latest, windows-latest, macOS-latest]
12 |
13 | steps:
14 | - name: Checkout repo
15 | uses: actions/checkout@v2
16 |
17 | - name: Use Node ${{ matrix.node }}
18 | uses: actions/setup-node@v1
19 | with:
20 | node-version: ${{ matrix.node }}
21 |
22 | - name: Install deps and build (with cache)
23 | uses: bahmutov/npm-install@v1
24 |
25 | - name: Lint
26 | run: yarn lint
27 |
28 | - name: Test
29 | run: yarn test --ci --coverage --maxWorkers=2
30 |
31 | - name: Build
32 | run: yarn build
33 |
--------------------------------------------------------------------------------
/packages/actions/.github/workflows/size.yml:
--------------------------------------------------------------------------------
1 | name: size
2 | on: [pull_request]
3 | jobs:
4 | size:
5 | runs-on: ubuntu-latest
6 | env:
7 | CI_JOB_NUMBER: 1
8 | steps:
9 | - uses: actions/checkout@v1
10 | - uses: andresz1/size-limit-action@v1
11 | with:
12 | github_token: ${{ secrets.GITHUB_TOKEN }}
13 |
--------------------------------------------------------------------------------
/packages/actions/.gitignore:
--------------------------------------------------------------------------------
1 | *.log
2 | .DS_Store
3 | node_modules
4 | dist
5 |
--------------------------------------------------------------------------------
/packages/actions/.npmrc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/packages/actions/.npmrc
--------------------------------------------------------------------------------
/packages/actions/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2024 rowthan
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
--------------------------------------------------------------------------------
/packages/actions/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | // 其他配置...
3 |
4 | transform: {
5 | '^.+\\.tsx?$': 'ts-jest',
6 | },
7 |
8 | // 其他配置...
9 | };
10 |
--------------------------------------------------------------------------------
/packages/actions/src/actions/call.ts:
--------------------------------------------------------------------------------
1 | import lodash, {keys} from 'lodash';
2 |
3 | const libs = {
4 | lodash: lodash,
5 | }
6 |
7 | // @deprecated 删除此 actions。使用 表达式运算
8 | export default function run(args: { method: string, lib: string | object, arguments?: any[] }) {
9 | const {method,lib} = args;
10 | // @ts-ignore
11 | let library = libs[lib] || lib; // 没有指定 lib 的情况下，lib 自身可能是一个对象，直接调用 lib 自身。
12 | const leftArgs = lodash.omit(args,['method','arguments','lib']);
13 | // 无参数时，参数空数组
14 | const inputArgs = args.arguments|| (keys(leftArgs).length === 0 ? []:[leftArgs]);
15 | if(typeof library==='string'){
16 | // @ts-ignore
17 | library = globalThis[library] || library;
18 | }
19 | if(method){
20 | return library[method](...inputArgs)
21 | }
22 | return library(...inputArgs)
23 | }
24 |
--------------------------------------------------------------------------------
/packages/actions/src/actions/handlebars.ts:
--------------------------------------------------------------------------------
1 | import Handlebars from 'handlebars';
2 |
3 | Handlebars.registerHelper('lookup', function (obj, key) {
4 | return obj[key];
5 | });
6 |
7 | function run(args: { template: string, variables: any }): Promise
8 |
12 |
9 | ${message}
10 |
11 |
28 | {props.children}
29 |
30 | )
31 | }
32 | }
33 |
34 | export default withComponentStyles(Highlight)
35 |
36 |
--------------------------------------------------------------------------------
/packages/component/src/components/LetMeKnow/confetti.ts:
--------------------------------------------------------------------------------
1 | import confetti from 'canvas-confetti'
2 |
3 | export function showConfetti(target: HTMLElement) {
4 | const position = target.getBoundingClientRect();
5 | confetti({
6 | particleCount: 60,
7 | spread: 70, //横向扩展
8 | // decay: 0.94, 速度丢失
9 | // drift: 0.8, 风向横向吹动
10 | // gravity: 0.5, 重力
11 | ticks: 80, // 显示时间
12 | startVelocity: 30, // 运行速度
13 | origin: {
14 | y: (position.y + position.height / 2 ) / window.innerHeight,
15 | x: (position.x + position.width / 2) / window.innerWidth,
16 | }
17 | });
18 | }
19 |
--------------------------------------------------------------------------------
/packages/component/src/components/LetMeKnow/index.scss:
--------------------------------------------------------------------------------
1 |
2 | @keyframes thumbup {
3 |
4 | }
--------------------------------------------------------------------------------
/packages/component/src/components/index.ts:
--------------------------------------------------------------------------------
1 | import LetMeKnow from "./LetMeKnow";
2 | import Highlight from "./Highlight";
3 |
4 |
5 | export {
6 | LetMeKnow,
7 | Highlight,
8 | }
9 |
--------------------------------------------------------------------------------
/packages/component/src/components/readme.md:
--------------------------------------------------------------------------------
1 | ## components
2 | 独立的 component 组件
--------------------------------------------------------------------------------
/packages/component/src/components/tailwind.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
--------------------------------------------------------------------------------
/packages/component/src/global.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.scss' {
2 | // const content: { [className: string]: string };
3 | const content: string;
4 | export default content;
5 | }
6 |
7 |
8 | declare module '*.css' {
9 | // const content: { [className: string]: string };
10 | const content: string;
11 | export default content;
12 | }
--------------------------------------------------------------------------------
/packages/component/src/index.ts:
--------------------------------------------------------------------------------
1 | import Pagenote from "./pagenote";
2 | export * from './components/index';
3 | export * from './webComponents'
4 | export {
5 | Pagenote,
6 | }
--------------------------------------------------------------------------------
/packages/component/src/pagenote.ts:
--------------------------------------------------------------------------------
1 | import Pagenote from './pagenote/index'
2 |
3 | export default Pagenote
--------------------------------------------------------------------------------
/packages/component/src/pagenote/readme.md:
--------------------------------------------------------------------------------
1 | ## pagenote
2 | 标记sdk
--------------------------------------------------------------------------------
/packages/component/src/typing.ts:
--------------------------------------------------------------------------------
1 | // ts 到这里
--------------------------------------------------------------------------------
/packages/component/src/utils/css.ts:
--------------------------------------------------------------------------------
1 | export function applyCss(css: string,applyRoot?: Document | HTMLElement) {
2 | if(!css){
3 | return
4 | }
5 |
6 | if(applyRoot){
7 | const sheet = new CSSStyleSheet();
8 | sheet.replaceSync(css);
9 | //@ts-ignore
10 | applyRoot.adoptedStyleSheets.push(sheet)
11 | }else{
12 | // 创建一个 style 元素
13 | const styleElement = document.createElement('style');
14 | // 将样式字符串赋值给 style 元素的 textContent
15 | styleElement.textContent = css;
16 | // 将 style 元素添加到页面的 head 元素中
17 | (document.head || document.body || document).appendChild(styleElement);
18 | }
19 | }
--------------------------------------------------------------------------------
/packages/component/src/webComponents.ts:
--------------------------------------------------------------------------------
1 | import r2wc from "@r2wc/react-to-web-component"
2 | import { withoutReAction } from "./components/HOC";
3 | import LetMeKnow from "./components/LetMeKnow";
4 | import Highlight from "./components/Highlight";
5 |
6 | customElements.define("let-me-know", r2wc(withoutReAction(LetMeKnow),{
7 | shadow:'closed'
8 | }))
9 |
10 | customElements.define("high-light", r2wc(Highlight,{
11 | shadow:'closed'
12 | }))
13 |
14 | export default{
15 | LetMeKnow,
16 | Highlight,
17 | }
--------------------------------------------------------------------------------
/packages/component/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: ["./src/**/*.{ts,tsx}"],
4 | theme: {
5 | extend: {},
6 | },
7 | plugins: [],
8 | }
9 |
10 |
--------------------------------------------------------------------------------
/packages/component/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "module": "ES2015",
5 | "jsx": "react",
6 | "strict": true,
7 | "esModuleInterop": true,
8 | "skipLibCheck": true,
9 | "forceConsistentCasingInFileNames": true,
10 | "moduleResolution": "node",
11 | "declaration": true,
12 | "outDir": "./dist",
13 | "rootDir": "./src"
14 | },
15 | "include": ["src/**/*.ts", "src/**/*.tsx"],
16 | "exclude": ["node_modules", "dist"]
17 | }
--------------------------------------------------------------------------------
/packages/obsidian/.github/workflows/main.yml:
--------------------------------------------------------------------------------
1 | name: CI
2 | on: [push]
3 | jobs:
4 | build:
5 | name: Build, lint, and test on Node ${{ matrix.node }} and ${{ matrix.os }}
6 |
7 | runs-on: ${{ matrix.os }}
8 | strategy:
9 | matrix:
10 | node: ['10.x', '12.x', '14.x']
11 | os: [ubuntu-latest, windows-latest, macOS-latest]
12 |
13 | steps:
14 | - name: Checkout repo
15 | uses: actions/checkout@v2
16 |
17 | - name: Use Node ${{ matrix.node }}
18 | uses: actions/setup-node@v1
19 | with:
20 | node-version: ${{ matrix.node }}
21 |
22 | - name: Install deps and build (with cache)
23 | uses: bahmutov/npm-install@v1
24 |
25 | - name: Lint
26 | run: yarn lint
27 |
28 | - name: Test
29 | run: yarn test --ci --coverage --maxWorkers=2
30 |
31 | - name: Build
32 | run: yarn build
33 |
--------------------------------------------------------------------------------
/packages/obsidian/.github/workflows/size.yml:
--------------------------------------------------------------------------------
1 | name: size
2 | on: [pull_request]
3 | jobs:
4 | size:
5 | runs-on: ubuntu-latest
6 | env:
7 | CI_JOB_NUMBER: 1
8 | steps:
9 | - uses: actions/checkout@v1
10 | - uses: andresz1/size-limit-action@v1
11 | with:
12 | github_token: ${{ secrets.GITHUB_TOKEN }}
13 |
--------------------------------------------------------------------------------
/packages/obsidian/.gitignore:
--------------------------------------------------------------------------------
1 | *.log
2 | .DS_Store
3 | node_modules
4 | dist
5 |
--------------------------------------------------------------------------------
/packages/obsidian/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 rowthan
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
--------------------------------------------------------------------------------
/packages/obsidian/test/files/test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
8 | 微信公众号
9 |
10 | ```
11 |
--------------------------------------------------------------------------------
/packages/web-components/src/Demo/index.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/packages/web-components/src/Demo/index.scss
--------------------------------------------------------------------------------
/packages/web-components/src/Demo/index.tsx:
--------------------------------------------------------------------------------
1 | import React, {FC, PropsWithChildren, useEffect, useState} from "react";
2 | import withComponentStyles from "../HOC";
3 | import { getChildren } from "../utils/webComponent";
4 |
5 | /**react组件模式的 css 引入，产物将以单独的文件形式输出 sideEffect*/
6 | import '../tailwind.css'
7 | import './index.scss'
8 |
9 | /**web-component 组件模式的纯文本引入，产物将包装在 js 内部*/
10 | import css from '!!raw-loader!sass-loader!postcss-loader!./index.scss'
11 |
12 |
13 | const Index:FC
21 | {getChildren(props)}
22 | {state}
23 |
24 | )
25 | }
26 |
27 | export default Index
28 |
29 |
30 | const WebComponent = withComponentStyles(Index,css)
31 | export {
32 | WebComponent
33 | }
34 |
--------------------------------------------------------------------------------
/packages/web-components/src/Foo/index.md:
--------------------------------------------------------------------------------
1 | # Foos
2 |
3 | This is an example component. first
4 |
5 | ```jsx
6 | import { Foo } from '@pagenote/web-component';
7 |
8 | export default () => {props.title}
; 4 | 5 | export default Foo; 6 | -------------------------------------------------------------------------------- /packages/web-components/src/Keyword/index.md: -------------------------------------------------------------------------------- 1 | # Keyword 2 | 3 | This is an example component. 4 | 5 | ```jsx 6 | import { Keyword } from '@pagenote/web-component'; 7 | import '@pagenote/web-component/index.wc.ts' 8 | export default () =>
9 | 微信公众号
10 | 微信公众号
11 |
12 | 微信公众号
13 |
14 | ```
15 |
16 | ```javascript
17 | const a = document.createElement('div');
18 | a.innerHTML = '
23 | {props.children}
24 |
25 | )
26 | }
27 |
28 | export default Keyword
29 |
30 |
31 | const WebComponent = withoutReAction(withComponentStyles(Keyword,css))
32 |
33 | export {
34 | WebComponent
35 | }
36 |
--------------------------------------------------------------------------------
/packages/web-components/src/Markdown/index.tsx:
--------------------------------------------------------------------------------
1 | import React, {FC, PropsWithChildren} from "react";
2 | import Markdown from 'markdown-to-jsx'
3 |
4 | interface Props {
5 | css?: string
6 | className?: string
7 | markdown: string
8 | }
9 |
10 | const Component: FC
10 | popup
11 | popup
12 |
13 | ```
14 |
--------------------------------------------------------------------------------
/packages/web-components/src/Popup/index.tsx:
--------------------------------------------------------------------------------
1 | import React, {FC, PropsWithChildren} from "react";
2 | import withComponentStyles from "../HOC";
3 | import '../tailwind.css'
4 |
5 | interface Props {
6 | css?: string
7 | left:number,
8 | top: number
9 | }
10 |
11 | const Popup: FC
16 |
24 | );
25 | }
26 |
27 |
28 | const WebComponent = withComponentStyles(Popup)
29 |
30 | export {WebComponent}
31 | export default Popup
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/packages/web-components/src/WebContainer/index.md:
--------------------------------------------------------------------------------
1 | # Demo
2 |
3 | This is an example component.
4 |
5 | ```jsx
6 | import { Demo } from '@pagenote/web-component';
7 | export default () =>
21 | {children}
22 |
23 |
8 | 微信公众号
9 |
10 | ```
11 |
--------------------------------------------------------------------------------
/packages/web-components/src/WebContainer/index.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/packages/web-components/src/WebContainer/index.scss
--------------------------------------------------------------------------------
/packages/web-components/src/globals.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.scss'
2 | declare module '*.css'
3 | declare module '*.css?inline'
4 | declare module '*.html'
5 |
6 | declare module '*.scss?inline' {
7 | const content: string;
8 | export default content;
9 | }
10 |
--------------------------------------------------------------------------------
/packages/web-components/src/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Foo } from './Foo';
2 | export { default as Keyword} from './Keyword'
3 | export { default as Popup} from './Popup'
4 | export { default as Demo} from './Demo'
5 | export { default as LetMeKnow} from './LetMeKnow'
6 |
--------------------------------------------------------------------------------
/packages/web-components/src/index.wc.ts:
--------------------------------------------------------------------------------
1 | import r2wc from "@r2wc/react-to-web-component"
2 | import {WebComponent as Popup} from "./Popup";
3 | import {WebComponent as Keyword} from './Keyword'
4 | import {WebComponent as LetMeKnow} from "./LetMeKnow";
5 |
6 |
7 | customElements.define("key-word", r2wc(Keyword,{
8 | shadow:'closed'
9 | }))
10 |
11 |
12 | customElements.define("pop-up", r2wc(Popup,{
13 | shadow:'closed'
14 | }))
15 |
16 | customElements.define("let-me-know", r2wc(LetMeKnow,{
17 | shadow:'closed'
18 | }))
19 |
--------------------------------------------------------------------------------
/packages/web-components/src/service/request.ts:
--------------------------------------------------------------------------------
1 | export function getWordInfo(word:string):Promise<{markdown: string}>{
2 | const HOST = 'https://api.pagenote.cn'
3 | return fetch(`${HOST}/api/graph/profile?`+ new URLSearchParams({
4 | query: `{keyword(keyword:"${word}"){markdown}}`
5 | })).then(async function(res){
6 | const data = await res.json();
7 | const keyword = data?.data?.keyword;
8 | if(keyword.json){
9 | keyword.json = JSON.parse(keyword.json)
10 | }
11 | return keyword;
12 | })
13 | }
14 |
--------------------------------------------------------------------------------
/packages/web-components/src/tailwind.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
--------------------------------------------------------------------------------
/packages/web-components/src/utils/focus.ts:
--------------------------------------------------------------------------------
1 |
2 |
3 | export function onFocusChange(element: (HTMLElement|null)[],option:{
4 | callback: (focused: boolean)=>void,
5 | inTimeout?: number
6 | outTimeout?: number
7 | }) {
8 | let focused = false, timer= 0;
9 | function trigger(value: boolean,timeout: number = 0) {
10 | focused = value;
11 | // eslint-disable-next-line @typescript-eslint/no-unused-expressions
12 | timer && clearTimeout(timer);
13 | // @ts-ignore
14 | timer = setTimeout(function () {
15 | option.callback(focused);
16 | },timeout)
17 | }
18 |
19 | element.forEach(function (item) {
20 | item?.addEventListener('mouseenter',function () {
21 | trigger(true,option.inTimeout)
22 | })
23 |
24 | item?.addEventListener('mouseleave',function () {
25 | trigger(false,option.outTimeout)
26 | })
27 | })
28 | }
29 |
--------------------------------------------------------------------------------
/packages/web-components/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: ["./src/**/*.{ts,tsx}"],
4 | theme: {
5 | extend: {},
6 | },
7 | plugins: [],
8 | }
9 |
10 |
--------------------------------------------------------------------------------
/packages/web-components/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "strict": true,
4 | "declaration": true,
5 | "skipLibCheck": true,
6 | "esModuleInterop": true,
7 | "jsx": "react",
8 | "baseUrl": "./",
9 | "paths": {
10 | "@@/*": [".dumi/tmp/*"],
11 | "pagenote": ["src"],
12 | "pagenote/*": ["src/*", "*"]
13 | }
14 | },
15 | "include": [".dumirc.ts", "src/**/*"]
16 | }
17 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | ## 快捷指令
2 |
3 | ```shell
4 | yarn workspace pagenote-web dev
5 | ```
6 |
7 |
8 | ```shell
9 | yarn workspace @pagenote/obsidian dev
10 | ```
--------------------------------------------------------------------------------
/snapshots/pagenote.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rowthan/pagenote/d23c09b458bef3cda81c19ef0eeff10231753e8a/snapshots/pagenote.gif
--------------------------------------------------------------------------------