Skip to main content
本文に 2 文字追加
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64
  1. Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
  2. アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
  3. 同pluginで複数ページに分割されたアーカイブページの自動生成ができることを確認
  • Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
  • アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
  • 同pluginで複数ページに分割されたアーカイブページの自動生成ができることを確認

問題問題点:

  1. Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
  2. アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
  3. 同pluginで複数ページに分割されたアーカイブページの自動生成ができることを確認

問題:

  • Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
  • アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
  • 同pluginで複数ページに分割されたアーカイブページの自動生成ができることを確認

問題点:

nekketsuuuによって再オープンされた投稿
本文から 278 文字削除; タイトルを編集
ソース リンク

Scully setPluginConfig not working for my plugin! Angular-Scullyのプラグインでコンフィグオブジェクトを反映させる方法について

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.
  1. Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
  2. アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
  3. 同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とダブルポストをしておりますがご容赦ください。

Scully setPluginConfig not working for my plugin!

I made a plugin on scully,static site generator on angular.
But I cannot inject my config object for my plugin.

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.

Problem:

  • Now , The config object is defined in the same .ts script file with plugin code.
  • I want to inject my config object on another script file , such as scully.**.config.ts. I want to make my plugin easier to re-use.
  • But I cannot overwrite config by setConfig function.

The plugin code :

import { HandledRoute, registerPlugin, RouteTypes } from "@scullyio/scully"

export const ARCHIVES_PLUGIN = 'archive'

export interface ArchivePluginConfig {
    root:string;
    articleRoute: string;
    archivePrefixRoute: string;
    archiveSize:number;
}

export const EXAMPLE_CONFIGS: ArchivePluginConfig[] =[{
    root:"/blog",
    articleRoute: "/blog/articles",
    archivePrefixRoute: "/archives",
    archiveSize:8,
}];

export function archivePlugin(routes: HandledRoute[], config?:ArchivePluginConfig[]): Promise<HandledRoute[]> {
    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 ngcli

  • I installed scully via npm on gitbash.

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,

Angular-Scullyのプラグインでコンフィグオブジェクトを反映させる方法について

AngularとScullyモジュールを使って静的サイトとしてブログを立ち上げようとしています。
アーカイブページの自動生成をプラグインとして実装しましたが、setConfig関数の使い方が悪いのか、うまくいきません。

プラグインにプラグイン自体のスクリプト以外からコンフィグを設定する方法について
何か見当違いな部分があるのだと思いますが全く解決に至っていません。
確認すべきこと、見落としやすい場所がありましたらご教示ください。

できたこと:

  1. Angular、Scully、そしてmarkdown用のモジュールを使ってmarkdownからhtmlを生成すること
  2. アーカイブページの生成を"routeProcess"の際に実行されるpluginとして実装
  3. 同pluginで複数ページに分割されたアーカイブページの自動生成ができることを確認

問題:

  • 今のところ、コンフィグオブジェクトをpluginそのもののファイルと同じ.tsファイルで定数として定義。外からコンフィグを設定・反映できていない
  • できればscully.{project名}.ts などでコンフィグを設定できるようにしたい
  • しかしsetConfigを使っても設定を上書きできないでいる

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, [])

環境など:

  • OS:windows 10

  • editor:vscode

  • console:git-bash

  • nodejs:v14.16.1

  • npm:7.12.0

  • 1週間ほど2021/5/4くらい前に作成したプロジェクト

  • I angularCliからプロジェクトを作成

  • npmを通じてscullyioをインストール

他の方が作成したプラグインに対する設定は上手く機能しています。
例えば次の設定を行うとmarkdownへのシンタックスハイライトが行われます

友人と作成しているサイトではありますが、二人自力での解決が難しいため、今回初めてとなりますが質問を投稿いたします。scully自体の日本語の情報が多くないので本家英語版stackoverflowとダブルポストをしておりますがご容赦ください。

タイトルを編集
リンク
htb
  • 2,027
  • 3
  • 15
  • 35

Angular - Scully setPluginConfig not working for my plugin!

このサイトに適していないとしてクローズ (投票者:cubick
本文に 1001 文字追加; タグを編集; タイトルを編集
ソース リンク
読み込んでいます
ソース リンク
読み込んでいます