Google Codelabsに任意のURLのiframeを埋め込む

はじめに

Codelabsのナビゲーションをつかって、独自のチュートリアルページを作りたい。その際、iframeでいろいろ埋め込みたいが、claatのセキュリティ制限で、プリコンパイルのバイナリでは限られたドメインしかiframe埋め込み許可されていない。
（claatとはGoogle Docsまたはmdの原稿をソースに、Codelabsのhtmlを生成するプログラムです。）

ならば、claatのソースに手を加えて、makeしよう！ホワイトリストにドメインを追記するだけだぜ！

環境

以下の内容は、WSL2のUbuntu上で確かめました。

手順

基本的には、claatのreadme.mdを基本として行います。もっとよいやり方あれば教えて下さい。

claatのインスト

$ go get github.com/googlecodelabs/tools/claat する。

cf.) README.md#install

ソースの書き換え（whitelistへの追加）

前段の操作で~/go/binにバイナリが、~/go/srcにソースが入ったものとして書き進めます。

~/go/src/github.com/googlecodelabs/tools/claat/types/node.goの以下の部分に任意のドメインを追加します。

node.go

// iframe whitelist - set of domains allow to embed iframes in a codelab.
var IframeWhitelist = []string{
	"google.com",
	"google.dev",
	"dartlang.org",
	"web.dev",
	"observablehq.com",
	"repl.it",
	"codepen.io",
	"glitch.com",
	"carto.com",
}

make

次のようにすると、./binにclaatというバイナリができてる。嬉しい。

$ pwd
 $HOME/go/src/github.com/googlecodelabs/tools/claat 
$ make

#おわりに

• むし歯と歯周病は予防できる病気です。朝、昼、晩、１日３回、歯をみがきましょう。
• 健口は健康の要（かなめ）です。歯科医院に定期的に通って、歯のチェックアップを受けましょう。