I made a plugin on scully,static site generator on angular.AngularとScullyモジュールを使って静的サイトとしてブログを立ち上げようとしています。
But I cannot inject my config object for my plugin.アーカイブページの自動生成をプラグインとして実装しましたが、setConfig関数の使い方が悪いのか、うまくいきません。
I couldプラグインにプラグイン自体のスクリプト以外からコンフィグを設定する方法について
何か見当違いな部分があるのだと思いますが全く解決に至っていません。
確認すべきこと、見落としやすい場所がありましたらご教示ください。
できたこと:
- Install markdown support and generate some posts from markdown by scully..
- Making a plugin that make routes some routes.
- Register the plugin as "route process" by registerPlugin func.
- Run and successfuly generate routes depending on my config object...on the plugin script file.
- Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
- アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
- 同pluginで複数ページに分割されたアーカイブページの自動生成ができることを確認
Problem問題:
- Now , The config object is defined in the same 今のところ、コンフィグオブジェクトをpluginそのもののファイルと同じ.ts script file with plugin code.ファイルで定数として定義。外からコンフィグを設定・反映できていない
- I want to inject my config object on another script file , such as scully.**できればscully.config{project名}.ts. I want to make my plugin easier to re-use. などでコンフィグを設定できるようにしたい
- But I cannot overwrite config by setConfig function.しかしsetConfigを使っても設定を上書きできないでいる
The plugin code :Pluginのコード
import { HandledRoute, registerPlugin, RouteTypes } from "@scullyio/scully"
export const ARCHIVES_PLUGIN = 'archive'
export interface ArchivePluginConfig {
root:string;
articleRoute: string;
archivePrefixRoute: string;
archiveSize:number;
}
//とりあえずpluginファイルの中で定数としてコンフィグを定義
export const EXAMPLE_CONFIGS: ArchivePluginConfig[] =[{
root:"/blog",
articleRoute: "/blog/articles",
archivePrefixRoute: "/archives",
archiveSize:8,
}];
export function archivePlugin(routes: HandledRoute[], config?:ArchivePluginConfig[]): Promise<HandledRoute[]> {
//undefinedか、配列に要素が存在するか確認し、先の設定を適用するか決定
//次のこの行の実行前にconsole.log(config)を使うとundefinedと表示される
config = (config ==undefined || config.length<1)? EXAMPLE_CONFIGS:config;
config.forEach(config => {
//add archives for blog
let posts = routes.filter((route) => route.route.startsWith(config.articleRoute));
let archiveCount=Math.floor(posts.length/config.archiveSize)+1;
let archives:HandledRoute[]=[];
for (let page = 1; page <= archiveCount; page++) {
archives.push({route:`${config.root}${config.archivePrefixRoute}/${page}`})
}
archives.forEach(element => {
routes.push(element);
});
});
return Promise.resolve(routes);
}
registerPlugin("routeProcess", ARCHIVES_PLUGIN, archivePlugin, [])
Result:
There generated some routes not depending on config defined at scully.**.config.ts but defined at plugin;
the generated routes located on "/archives" not on "/articles"
Enviroment?環境など:
OS:windows 10
editor:vscode
console:git-bash
nodejs:v14.16.1
npm:7.12.0
I created new project by ngcli1週間ほど2021/5/4くらい前に作成したプロジェクト
I installed scully viaangularCliからプロジェクトを作成
npm on gitbash.を通じてscullyioをインストール
I attempt to make my blog by angular and scully as static site.
And I made a plugin for generate archives , consist of multiple pages.
I made a similar plugin , that generate category archive.他の方が作成したプラグインに対する設定は上手く機能しています。
But same problem occurs.
This line works,inject config for markdown plugin,例えば次の設定を行うとmarkdownへのシンタックスハイライトが行われます
友人と作成しているサイトではありますが、二人自力での解決が難しいため、今回初めてとなりますが質問を投稿いたします。scully自体の日本語の情報が多くないので本家英語版stackoverflowとダブルポストをしておりますがご容赦ください。