@rsdoctor/components 1.3.7 → 1.3.9

package/dist/components/Manifest/data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Manifest/data.mjs","sources":["webpack://@rsdoctor/components/./src/components/Manifest/data.tsx"],"sourcesContent":["import { Manifest } from '@rsdoctor/types';\nimport { Skeleton } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { useDataLoader } from '../../utils';\nimport { PageState } from '../../constants';\nimport { FailedStatus } from '../Status';\nimport { BaseDataLoader } from '../../utils/data/base';\n\ntype ExtractAlias<T> = T extends [property: string, alias: infer P][] ? `${P extends string ? P : never}` : never;\n\n/**\n * @deprecated\n */\nexport function ConnectManifestData<\n  Props extends object,\n  Keys extends\n    | [property: `${Manifest.RsdoctorManifestMappingKeys}`, alias: keyof Props][]\n    | [property: string, alias: keyof Props][],\n>(\n  manifestLoader: () => Promise<Manifest.RsdoctorManifestWithShardingFiles>,\n  keys: Keys,\n  Component: React.FC<Props>,\n): React.FC<Omit<Props, ExtractAlias<Keys>>> {\n  const promise = manifestLoader();\n\n  return function _() {\n    const [manifest, setManifest] = useState<Manifest.RsdoctorManifestWithShardingFiles>();\n    const [state, setState] = useState(PageState.Pending);\n    const [props, setProps] = useState<Props>({} as Props);\n\n    const { loader } = useDataLoader(manifest);\n\n    useEffect(() => {\n      ensureManifest(promise).then(() => {\n        executeLoader(loader);\n      });\n    }, [loader]);\n\n    function ensureManifest(pro: Promise<Manifest.RsdoctorManifestWithShardingFiles>) {\n      return pro\n        .then((manifest) => {\n          setManifest(manifest);\n        })\n        .catch(() => {\n          setState(PageState.Fail);\n        });\n    }\n\n    function executeLoader(loader: BaseDataLoader | void) {\n      if (!loader) return;\n      Promise.all(keys.map(([key]) => loader.loadData(key)))\n        .then((e) => {\n          const p = e.reduce<Props>((t, val, i) => {\n            const [_key, alias] = keys[i];\n            t[alias] = val as Props[keyof Props];\n            return t;\n          }, {} as Props);\n\n          // if (process.env.NODE_ENV === 'development') {\n          //   console.log('[ConnectManifestData] props: ', p, loader);\n          // }\n\n          setProps(p);\n          setState(PageState.Success);\n        })\n        .catch((err) => {\n          console.error(err);\n          setState(PageState.Fail);\n        });\n    }\n\n    if (state === PageState.Pending) {\n      return <Skeleton active />;\n    }\n\n    if (state === PageState.Fail) {\n      return (\n        <FailedStatus\n          retry={() => {\n            setState(PageState.Pending);\n            promise\n              .then(() => {\n                executeLoader(loader);\n              })\n              .catch(() => {\n                ensureManifest(manifestLoader());\n              });\n          }}\n        />\n      );\n    }\n\n    return <Component {...props} />;\n  };\n}\n"],"names":["ConnectManifestData","manifestLoader","keys","Component","promise","manifest","setManifest","useState","state","setState","PageState","props","setProps","loader","useDataLoader","useEffect","ensureManifest","executeLoader","pro","Promise","key","e","p","t","val","i","_key","alias","err","console","Skeleton","FailedStatus"],"mappings":";;;;;;AAaO,SAASA,oBAMdC,cAAyE,EACzEC,IAAU,EACVC,SAA0B;IAE1B,MAAMC,UAAUH;IAEhB,OAAO;QACL,MAAM,CAACI,UAAUC,YAAY,GAAGC;QAChC,MAAM,CAACC,OAAOC,SAAS,GAAGF,SAASG,UAAU,OAAO;QACpD,MAAM,CAACC,OAAOC,SAAS,GAAGL,SAAgB,CAAC;QAE3C,MAAM,EAAEM,MAAM,EAAE,GAAGC,cAAcT;QAEjCU,UAAU;YACRC,eAAeZ,SAAS,IAAI,CAAC;gBAC3Ba,cAAcJ;YAChB;QACF,GAAG;YAACA;SAAO;QAEX,SAASG,eAAeE,GAAwD;YAC9E,OAAOA,IACJ,IAAI,CAAC,CAACb;gBACLC,YAAYD;YACd,GACC,KAAK,CAAC;gBACLI,SAASC,UAAU,IAAI;YACzB;QACJ;QAEA,SAASO,cAAcJ,MAA6B;YAClD,IAAI,CAACA,QAAQ;YACbM,QAAQ,GAAG,CAACjB,KAAK,GAAG,CAAC,CAAC,CAACkB,IAAI,GAAKP,OAAO,QAAQ,CAACO,OAC7C,IAAI,CAAC,CAACC;gBACL,MAAMC,IAAID,EAAE,MAAM,CAAQ,CAACE,GAAGC,KAAKC;oBACjC,MAAM,CAACC,MAAMC,MAAM,GAAGzB,IAAI,CAACuB,EAAE;oBAC7BF,CAAC,CAACI,MAAM,GAAGH;oBACX,OAAOD;gBACT,GAAG,CAAC;gBAMJX,SAASU;gBACTb,SAASC,UAAU,OAAO;YAC5B,GACC,KAAK,CAAC,CAACkB;gBACNC,QAAQ,KAAK,CAACD;gBACdnB,SAASC,UAAU,IAAI;YACzB;QACJ;QAEA,IAAIF,UAAUE,UAAU,OAAO,EAC7B,OAAO,WAAP,GAAO,IAACoB,UAAQA;YAAC,QAAM;;QAGzB,IAAItB,UAAUE,UAAU,IAAI,EAC1B,OAAO,WAAP,GACE,IAACqB,cAAYA;YACX,OAAO;gBACLtB,SAASC,UAAU,OAAO;gBAC1BN,QACG,IAAI,CAAC;oBACJa,cAAcJ;gBAChB,GACC,KAAK,CAAC;oBACLG,eAAef;gBACjB;YACJ;;QAKN,OAAO,WAAP,GAAO,IAACE,WAAAA;YAAW,GAAGQ,KAAK;;IAC7B;AACF"}
+{"version":3,"file":"components/Manifest/data.mjs","sources":["../../../src/components/Manifest/data.tsx"],"sourcesContent":["import { Manifest } from '@rsdoctor/types';\nimport { Skeleton } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { useDataLoader } from '../../utils';\nimport { PageState } from '../../constants';\nimport { FailedStatus } from '../Status';\nimport { BaseDataLoader } from '../../utils/data/base';\n\ntype ExtractAlias<T> = T extends [property: string, alias: infer P][] ? `${P extends string ? P : never}` : never;\n\n/**\n * @deprecated\n */\nexport function ConnectManifestData<\n  Props extends object,\n  Keys extends\n    | [property: `${Manifest.RsdoctorManifestMappingKeys}`, alias: keyof Props][]\n    | [property: string, alias: keyof Props][],\n>(\n  manifestLoader: () => Promise<Manifest.RsdoctorManifestWithShardingFiles>,\n  keys: Keys,\n  Component: React.FC<Props>,\n): React.FC<Omit<Props, ExtractAlias<Keys>>> {\n  const promise = manifestLoader();\n\n  return function _() {\n    const [manifest, setManifest] = useState<Manifest.RsdoctorManifestWithShardingFiles>();\n    const [state, setState] = useState(PageState.Pending);\n    const [props, setProps] = useState<Props>({} as Props);\n\n    const { loader } = useDataLoader(manifest);\n\n    useEffect(() => {\n      ensureManifest(promise).then(() => {\n        executeLoader(loader);\n      });\n    }, [loader]);\n\n    function ensureManifest(pro: Promise<Manifest.RsdoctorManifestWithShardingFiles>) {\n      return pro\n        .then((manifest) => {\n          setManifest(manifest);\n        })\n        .catch(() => {\n          setState(PageState.Fail);\n        });\n    }\n\n    function executeLoader(loader: BaseDataLoader | void) {\n      if (!loader) return;\n      Promise.all(keys.map(([key]) => loader.loadData(key)))\n        .then((e) => {\n          const p = e.reduce<Props>((t, val, i) => {\n            const [_key, alias] = keys[i];\n            t[alias] = val as Props[keyof Props];\n            return t;\n          }, {} as Props);\n\n          // if (process.env.NODE_ENV === 'development') {\n          //   console.log('[ConnectManifestData] props: ', p, loader);\n          // }\n\n          setProps(p);\n          setState(PageState.Success);\n        })\n        .catch((err) => {\n          console.error(err);\n          setState(PageState.Fail);\n        });\n    }\n\n    if (state === PageState.Pending) {\n      return <Skeleton active />;\n    }\n\n    if (state === PageState.Fail) {\n      return (\n        <FailedStatus\n          retry={() => {\n            setState(PageState.Pending);\n            promise\n              .then(() => {\n                executeLoader(loader);\n              })\n              .catch(() => {\n                ensureManifest(manifestLoader());\n              });\n          }}\n        />\n      );\n    }\n\n    return <Component {...props} />;\n  };\n}\n"],"names":["ConnectManifestData","manifestLoader","keys","Component","promise","manifest","setManifest","useState","state","setState","PageState","props","setProps","loader","useDataLoader","useEffect","ensureManifest","executeLoader","pro","Promise","key","e","p","t","val","i","_key","alias","err","console","Skeleton","FailedStatus"],"mappings":";;;;;;AAaO,SAASA,oBAMdC,cAAyE,EACzEC,IAAU,EACVC,SAA0B;IAE1B,MAAMC,UAAUH;IAEhB,OAAO;QACL,MAAM,CAACI,UAAUC,YAAY,GAAGC;QAChC,MAAM,CAACC,OAAOC,SAAS,GAAGF,SAASG,UAAU,OAAO;QACpD,MAAM,CAACC,OAAOC,SAAS,GAAGL,SAAgB,CAAC;QAE3C,MAAM,EAAEM,MAAM,EAAE,GAAGC,cAAcT;QAEjCU,UAAU;YACRC,eAAeZ,SAAS,IAAI,CAAC;gBAC3Ba,cAAcJ;YAChB;QACF,GAAG;YAACA;SAAO;QAEX,SAASG,eAAeE,GAAwD;YAC9E,OAAOA,IACJ,IAAI,CAAC,CAACb;gBACLC,YAAYD;YACd,GACC,KAAK,CAAC;gBACLI,SAASC,UAAU,IAAI;YACzB;QACJ;QAEA,SAASO,cAAcJ,MAA6B;YAClD,IAAI,CAACA,QAAQ;YACbM,QAAQ,GAAG,CAACjB,KAAK,GAAG,CAAC,CAAC,CAACkB,IAAI,GAAKP,OAAO,QAAQ,CAACO,OAC7C,IAAI,CAAC,CAACC;gBACL,MAAMC,IAAID,EAAE,MAAM,CAAQ,CAACE,GAAGC,KAAKC;oBACjC,MAAM,CAACC,MAAMC,MAAM,GAAGzB,IAAI,CAACuB,EAAE;oBAC7BF,CAAC,CAACI,MAAM,GAAGH;oBACX,OAAOD;gBACT,GAAG,CAAC;gBAMJX,SAASU;gBACTb,SAASC,UAAU,OAAO;YAC5B,GACC,KAAK,CAAC,CAACkB;gBACNC,QAAQ,KAAK,CAACD;gBACdnB,SAASC,UAAU,IAAI;YACzB;QACJ;QAEA,IAAIF,UAAUE,UAAU,OAAO,EAC7B,OAAO,WAAP,GAAO,IAACoB,UAAQA;YAAC,QAAM;;QAGzB,IAAItB,UAAUE,UAAU,IAAI,EAC1B,OAAO,WAAP,GACE,IAACqB,cAAYA;YACX,OAAO;gBACLtB,SAASC,UAAU,OAAO;gBAC1BN,QACG,IAAI,CAAC;oBACJa,cAAcJ;gBAChB,GACC,KAAK,CAAC;oBACLG,eAAef;gBACjB;YACJ;;QAKN,OAAO,WAAP,GAAO,IAACE,WAAAA;YAAW,GAAGQ,KAAK;;IAC7B;AACF"}

package/dist/components/Manifest/index.d.ts

@@ -1,2 +1,2 @@
-export * from './data';
-export * from './api';
+export * from './data.js';
+export * from './api.js';

package/dist/components/Opener/code.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Opener/code.mjs","sources":["webpack://@rsdoctor/components/./src/components/Opener/code.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Typography } from 'antd';\nimport path from 'path';\nimport { VSCode, openVSCode } from './vscode';\nimport { getShortPath } from 'src/utils';\n\ninterface CodeOpenerProps {\n  windowId?: number;\n  /**\n   * @example /foo/src/pages/home/index.ts + 100 modules\n   * @example /foo/src/pages/b/index.ts\n   */\n  url: string;\n  /**\n   * @example 1:0-10\n   * @example 1:1\n   */\n  loc?: string;\n  cwd: string;\n  label?: string;\n  disabled?: boolean;\n  code?: boolean;\n}\n\nfunction parseUrl(url: string) {\n  const strs = url.split(' ');\n  let res = '';\n  if (strs.length === 1) {\n    [res] = strs;\n  } else {\n    [res] = strs.filter((e) => path.isAbsolute(e) || e.startsWith('./'));\n  }\n\n  return res || url;\n}\n\nfunction parseLoc(loc?: string) {\n  if (!loc) return { line: 1, column: 1 };\n\n  const [line, col = ''] = loc.split(':');\n  const [start = 1, end] = col.split('-');\n\n  return {\n    line,\n    columnStart: start,\n    columnEnd: end || start,\n  };\n}\n\nconst defaultWindowId = +Date.now().toString().slice(-4) + 1000;\n\nexport const CodeOpener = ({\n  cwd,\n  url,\n  loc,\n  windowId = defaultWindowId,\n  label,\n  disabled,\n  code = false,\n}: PropsWithChildren<CodeOpenerProps>): JSX.Element | null => {\n  const file = path.resolve(cwd, parseUrl(url));\n\n  const { line, columnStart } = parseLoc(loc);\n\n  return (\n    <span style={{ wordBreak: 'break-all' }}>\n      <Typography.Text\n        copyable={{\n          text: file,\n        }}\n      >\n        <Typography.Text\n          code={code}\n          onClick={() => {\n            if (disabled) return;\n            openVSCode({ file, line, column: columnStart, windowId });\n          }}\n          style={{ cursor: disabled ? 'revert' : 'pointer' }}\n        >\n          {label || getShortPath(url)}\n          {loc ? `:${loc}` : ''}\n        </Typography.Text>\n      </Typography.Text>\n      {process.env.NODE_ENV === 'development' ? (\n        <VSCode\n          file={file}\n          line={line}\n          column={columnStart}\n          windowId={windowId}\n          style={{ marginLeft: 3 }}\n        />\n      ) : (\n        <div style={{ display: 'inline-block' }} />\n      )}\n      {/* TODO implement open cloud ide or codebase by git url + branch + relative filepath in production */}\n    </span>\n  );\n};\n"],"names":["parseUrl","url","strs","res","e","path","parseLoc","loc","line","col","start","end","defaultWindowId","Date","CodeOpener","cwd","windowId","label","disabled","code","file","columnStart","Typography","openVSCode","getShortPath","process","VSCode"],"mappings":";;;;;AAwBA,SAASA,SAASC,GAAW;IAC3B,MAAMC,OAAOD,IAAI,KAAK,CAAC;IACvB,IAAIE,MAAM;IACV,IAAID,AAAgB,MAAhBA,KAAK,MAAM,EACb,CAACC,IAAI,GAAGD;SAER,CAACC,IAAI,GAAGD,KAAK,MAAM,CAAC,CAACE,IAAMC,KAAK,UAAU,CAACD,MAAMA,EAAE,UAAU,CAAC;IAGhE,OAAOD,OAAOF;AAChB;AAEA,SAASK,SAASC,GAAY;IAC5B,IAAI,CAACA,KAAK,OAAO;QAAE,MAAM;QAAG,QAAQ;IAAE;IAEtC,MAAM,CAACC,MAAMC,MAAM,EAAE,CAAC,GAAGF,IAAI,KAAK,CAAC;IACnC,MAAM,CAACG,QAAQ,CAAC,EAAEC,IAAI,GAAGF,IAAI,KAAK,CAAC;IAEnC,OAAO;QACLD;QACA,aAAaE;QACb,WAAWC,OAAOD;IACpB;AACF;AAEA,MAAME,kBAAkB,CAACC,KAAK,GAAG,GAAG,QAAQ,GAAG,KAAK,CAAC,MAAM;AAEpD,MAAMC,aAAa,CAAC,EACzBC,GAAG,EACHd,GAAG,EACHM,GAAG,EACHS,WAAWJ,eAAe,EAC1BK,KAAK,EACLC,QAAQ,EACRC,OAAO,KAAK,EACuB;IACnC,MAAMC,OAAOf,KAAK,OAAO,CAACU,KAAKf,SAASC;IAExC,MAAM,EAAEO,IAAI,EAAEa,WAAW,EAAE,GAAGf,SAASC;IAEvC,OAAO,WAAP,GACE,KAAC;QAAK,OAAO;YAAE,WAAW;QAAY;;0BACpC,IAACe,WAAW,IAAI;gBACd,UAAU;oBACR,MAAMF;gBACR;0BAEA,mBAACE,WAAW,IAAI;oBACd,MAAMH;oBACN,SAAS;wBACP,IAAID,UAAU;wBACdK,WAAW;4BAAEH;4BAAMZ;4BAAM,QAAQa;4BAAaL;wBAAS;oBACzD;oBACA,OAAO;wBAAE,QAAQE,WAAW,WAAW;oBAAU;;wBAEhDD,SAASO,aAAavB;wBACtBM,MAAM,CAAC,CAAC,EAAEA,KAAK,GAAG;;;;YAGG,kBAAzBkB,QAAQ,GAAG,CAAC,QAAQ,GAAqB,WAAhB,GACxB,IAACC,QAAMA;gBACL,MAAMN;gBACN,MAAMZ;gBACN,QAAQa;gBACR,UAAUL;gBACV,OAAO;oBAAE,YAAY;gBAAE;+BAGzB,IAAC;gBAAI,OAAO;oBAAE,SAAS;gBAAe;;;;AAK9C"}
+{"version":3,"file":"components/Opener/code.mjs","sources":["../../../src/components/Opener/code.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Typography } from 'antd';\nimport path from 'path';\nimport { VSCode, openVSCode } from './vscode';\nimport { getShortPath } from 'src/utils';\n\ninterface CodeOpenerProps {\n  windowId?: number;\n  /**\n   * @example /foo/src/pages/home/index.ts + 100 modules\n   * @example /foo/src/pages/b/index.ts\n   */\n  url: string;\n  /**\n   * @example 1:0-10\n   * @example 1:1\n   */\n  loc?: string;\n  cwd: string;\n  label?: string;\n  disabled?: boolean;\n  code?: boolean;\n}\n\nfunction parseUrl(url: string) {\n  const strs = url.split(' ');\n  let res = '';\n  if (strs.length === 1) {\n    [res] = strs;\n  } else {\n    [res] = strs.filter((e) => path.isAbsolute(e) || e.startsWith('./'));\n  }\n\n  return res || url;\n}\n\nfunction parseLoc(loc?: string) {\n  if (!loc) return { line: 1, column: 1 };\n\n  const [line, col = ''] = loc.split(':');\n  const [start = 1, end] = col.split('-');\n\n  return {\n    line,\n    columnStart: start,\n    columnEnd: end || start,\n  };\n}\n\nconst defaultWindowId = +Date.now().toString().slice(-4) + 1000;\n\nexport const CodeOpener = ({\n  cwd,\n  url,\n  loc,\n  windowId = defaultWindowId,\n  label,\n  disabled,\n  code = false,\n}: PropsWithChildren<CodeOpenerProps>): JSX.Element | null => {\n  const file = path.resolve(cwd, parseUrl(url));\n\n  const { line, columnStart } = parseLoc(loc);\n\n  return (\n    <span style={{ wordBreak: 'break-all' }}>\n      <Typography.Text\n        copyable={{\n          text: file,\n        }}\n      >\n        <Typography.Text\n          code={code}\n          onClick={() => {\n            if (disabled) return;\n            openVSCode({ file, line, column: columnStart, windowId });\n          }}\n          style={{ cursor: disabled ? 'revert' : 'pointer' }}\n        >\n          {label || getShortPath(url)}\n          {loc ? `:${loc}` : ''}\n        </Typography.Text>\n      </Typography.Text>\n      {process.env.NODE_ENV === 'development' ? (\n        <VSCode\n          file={file}\n          line={line}\n          column={columnStart}\n          windowId={windowId}\n          style={{ marginLeft: 3 }}\n        />\n      ) : (\n        <div style={{ display: 'inline-block' }} />\n      )}\n      {/* TODO implement open cloud ide or codebase by git url + branch + relative filepath in production */}\n    </span>\n  );\n};\n"],"names":["parseUrl","url","strs","res","e","path","parseLoc","loc","line","col","start","end","defaultWindowId","Date","CodeOpener","cwd","windowId","label","disabled","code","file","columnStart","Typography","openVSCode","getShortPath","process","VSCode"],"mappings":";;;;;AAwBA,SAASA,SAASC,GAAW;IAC3B,MAAMC,OAAOD,IAAI,KAAK,CAAC;IACvB,IAAIE,MAAM;IACV,IAAID,AAAgB,MAAhBA,KAAK,MAAM,EACb,CAACC,IAAI,GAAGD;SAER,CAACC,IAAI,GAAGD,KAAK,MAAM,CAAC,CAACE,IAAMC,KAAK,UAAU,CAACD,MAAMA,EAAE,UAAU,CAAC;IAGhE,OAAOD,OAAOF;AAChB;AAEA,SAASK,SAASC,GAAY;IAC5B,IAAI,CAACA,KAAK,OAAO;QAAE,MAAM;QAAG,QAAQ;IAAE;IAEtC,MAAM,CAACC,MAAMC,MAAM,EAAE,CAAC,GAAGF,IAAI,KAAK,CAAC;IACnC,MAAM,CAACG,QAAQ,CAAC,EAAEC,IAAI,GAAGF,IAAI,KAAK,CAAC;IAEnC,OAAO;QACLD;QACA,aAAaE;QACb,WAAWC,OAAOD;IACpB;AACF;AAEA,MAAME,kBAAkB,CAACC,KAAK,GAAG,GAAG,QAAQ,GAAG,KAAK,CAAC,MAAM;AAEpD,MAAMC,aAAa,CAAC,EACzBC,GAAG,EACHd,GAAG,EACHM,GAAG,EACHS,WAAWJ,eAAe,EAC1BK,KAAK,EACLC,QAAQ,EACRC,OAAO,KAAK,EACuB;IACnC,MAAMC,OAAOf,KAAK,OAAO,CAACU,KAAKf,SAASC;IAExC,MAAM,EAAEO,IAAI,EAAEa,WAAW,EAAE,GAAGf,SAASC;IAEvC,OAAO,WAAP,GACE,KAAC;QAAK,OAAO;YAAE,WAAW;QAAY;;0BACpC,IAACe,WAAW,IAAI;gBACd,UAAU;oBACR,MAAMF;gBACR;0BAEA,mBAACE,WAAW,IAAI;oBACd,MAAMH;oBACN,SAAS;wBACP,IAAID,UAAU;wBACdK,WAAW;4BAAEH;4BAAMZ;4BAAM,QAAQa;4BAAaL;wBAAS;oBACzD;oBACA,OAAO;wBAAE,QAAQE,WAAW,WAAW;oBAAU;;wBAEhDD,SAASO,aAAavB;wBACtBM,MAAM,CAAC,CAAC,EAAEA,KAAK,GAAG;;;;YAGG,kBAAzBkB,QAAQ,GAAG,CAAC,QAAQ,GAAqB,WAAhB,GACxB,IAACC,QAAMA;gBACL,MAAMN;gBACN,MAAMZ;gBACN,QAAQa;gBACR,UAAUL;gBACV,OAAO;oBAAE,YAAY;gBAAE;+BAGzB,IAAC;gBAAI,OAAO;oBAAE,SAAS;gBAAe;;;;AAK9C"}

package/dist/components/Opener/index.d.ts

@@ -1,2 +1,2 @@
-export * from './code';
-export * from './vscode';
+export * from './code.js';
+export * from './vscode.js';