datadump
V2EX  ›  Node.js

在设计一个 node 的插件化框架,学习 obsidian 插件但是有一些代码没看懂,请指教

  •  
  •   datadump ·
    PRO
    · Oct 20, 2024 · 3299 views
    This topic created in 746 days ago, the information mentioned may be changed or developed.

    obsidian 本身是不开源的,但大多数插件开源,正在看它的思路,官网的 demo 是:

    https://github.com/obsidianmd/obsidian-sample-plugin

    这个 demo 只有一个源文件 main.ts:(主要是想知道 demo 怎么调用到 obsidian 内部的 loadData())

    // main.ts
    // 下面的 obsidian 通过 npm i obsidian 安装,
    // 但是./node_modules/obsidian/的所有文件都是.d.ts 文件,没有任何函数实现
    
    import { ......, Plugin, ...... } from 'obsidian';
    
    export default class MyPlugin extends Plugin {  // demo 插件的主类
    	......
    	async loadSettings() {
    		// demo 里面没有 loadData()的实现,也就是它调用了父类 Plugin::loadData()
    		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
    	}
    	......
    }
    

    父类 Plugin 代码在./node_modules/obsidian/obsidian.d.ts:

    // obsidian.d.ts
    export abstract class Plugin extends Component {
        ......
        loadData(): Promise<any>;
        ......
    }
    
    不管是 Plugin 还是 Component ,都没有 loadData 的实现,只有定义
    

    loadData 应该是在 Obsidian 里面实现的,那么 MyPlugin 是怎么调用到 Obsidian 里面的 loadaData 函数呢?

    希望大佬不吝赐教,万分感谢。

    16 replies  •  2024-10-22 22:14:45 +08:00
    datadump
    datadump
    OP
    PRO
    Oct 20, 2024
    1
    图片版本来了:

    图 1:
    ![]( )
    图 2:
    ![]( )
    suyi2015
    suyi2015
    Oct 20, 2024
    2
    `obsidian.d.ts`只是 ts 版本的类型定义而已,不是具体的实现。
    Belmode
    Belmode
    Oct 21, 2024 via Android
    3
    打个断点,跟进去
    lee88688
    lee88688
    Oct 21, 2024
    4
    也可以看看 vs code 插件思路
    crocoBaby
    crocoBaby
    Oct 21, 2024
    5
    hello Kitty 现在技术这么强?之前还像萌新来着
    datadump
    datadump
    OP
    PRO
    Oct 21, 2024
    6
    @crocoBaby 一直都很菜。。。
    datadump
    datadump
    OP
    PRO
    Oct 21, 2024
    7
    @Belmode obsidian 禁了--inspect ,没法断点。哎
    datadump
    datadump
    OP
    PRO
    Oct 21, 2024
    8
    @lee88688 这无疑是最佳方案,奈何能力不足,没信心看 vscode
    datadump
    datadump
    OP
    PRO
    Oct 21, 2024
    9
    @suyi2015 是的,插件继承的是`obsidian.d.ts`的类型定义,但是它怎么调用到 obsidian 的实现呢
    mtjgu
    mtjgu
    Oct 21, 2024
    10
    看看那使用这个类 感觉是一个抽象基类
    LuckyLauncher
    LuckyLauncher
    Oct 21, 2024
    11
    我记得 ob 的插件是运行在渲染进程的,所以你可以在界面上打开开发者工具,然后进行调试
    EchoWhale
    EchoWhale
    Oct 21, 2024 via iPhone
    12
    无责任猜测:
    它把源码的实现藏起来了,只给你定义。然后运行的时候通过扩展原型链来让插件可以访问到 loadData 方法,比如:
    Object.assign(MyPlugin, {
    loadData() {…}
    })
    EchoWhale
    EchoWhale
    Oct 21, 2024 via iPhone
    13
    Object.assign(MyPlugin.prototype, {
    loadData() {…}
    })
    datadump
    datadump
    OP
    PRO
    Oct 21, 2024
    14
    datadump
    datadump
    OP
    PRO
    Oct 21, 2024❤️1
    15
    @EchoWhale 这个可能性非常大,我自己的先按这样做了。谢谢啦
    lee88688
    lee88688
    Oct 22, 2024
    16
    @wjx0912 不需要看代码啊,看他的 extension 的开发文档也是可以的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2362 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 15:43 · PVG 23:43 · LAX 07:43 · JFK 10:43
    ♥ Do have faith in what you're doing.