参加している他のprojectに同じページがあったら教えてほしい

ページを作るときだけじゃなくていいか

自分が参加しているprojectだけじゃなく、各自でprojectを指定できるようにしたほうがいい？

参加していないprojectも入れるなら、同じタイトルのページを取得するより、似たタイトルのページを検索した方がいい？

実装

PageMenuのボタンを押したら、検索して同名ページへのリンク一覧をItemとして出すとか？

指定したプロジェクトの同名ページをfetchし、status codeが200ならmenuにappendする?

code:run.js_(js)

for (const project of projects) {

.then((response) => {

console.log(response.ok)

if(response.ok==true){

}

}

)

}

参加しているプロジェクトだと、ページが存在せずともtrueになって開いてしまう

404じゃないからか

status codeを利用しないで処理しよう

window.open()

きれいに１つずつ開けない気がする

2つ以上開いてしまうことがある

code:run.js__(js)

for (const project of projects) {

.then((body) => body.json())

.then((data) => {

console.log(data.lines.length);

if (data.lines.length != 1) {

}

});

}

linesが0なら開かない

お、ロジックはできたぞ

エラーがいろいろ出ているが

page menuにappendするか?

code:run.js

scrapbox.PageMenu.addMenu({

title: "OtherProjects",

});

for (const project of projects) {

.then((body) => body.json())

.then((data) => {

console.log(data.lines.length);

if (data.lines.length != 1) {

scrapbox.PageMenu("OtherProjects").addItem({

onClick: () =>

window.open(

https://scrapbox.io/${project}/${scrapbox.Page.title}

),

});

}

});

}

今度は押したときに実行するようにするか

押すたびにページを取得し直す

参加しているprojectすべてから検索する

試し方

code:js

(async () => {

const {execute} = await import('/api/code/programming-notes/参加している他のprojectに同じページがあったら教えてほしい/run2.js');

})();

code:run2.js

const id = "OtherProjects";

export async function execute(extraProjects = []) {

const response = await fetch('/api/projects');

const json = await response.json();

code:run2.js

const projects = [...new Set([

...extraProjects,

...json.projects.map(({name}) => name),

])

].filter(project => project !== scrapbox.Project.name); // 現在のprojectは除く

scrapbox.PageMenu.addMenu({

title: id,

onClick: async () => {

const menu = scrapbox.PageMenu(id);

menu.removeAllItems();

menu.emitChange();

const isFound = await Promise.all(projects.map(project => addItem(project, menu)));

if (isFound.some(i => i)) return;

menu.addItem({ title: 'No page found.', onClick: () => {} });

},

});

}

code:.js

for (const project of projects) {

addItem(project);

}

仕様なのか…？

emitChange()を追加したら直った

変だなあと思いつつ放置してた

確かに直感とは違う挙動ではある

すぐ思いつくのは、DOMの数を数える方法

もしかしたらitemsを数えるためのmethodがあるかもしれない

extraProjectにページが存在しない時に出る

code:run2.js

async function addItem(project, menu) {

if (!response.ok) return false;

const {lines} = await response.json();

//console.log(lines);

menu.addItem({

onClick: () =>

window.open(

https://scrapbox.io/${project}/${scrapbox.Page.title}

),

});

return true;

}

JavaScript.icon

MDN.icon

Qiita.icon