メニュー
NgRx boilerplate reduction with createStoreAssets, handleEffect, dispatchDataToStore, and NgxStoreService from @ibenvandeveire/ngx-store.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.
Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.
NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.
NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.
Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
| name | ngx-store-rxjs |
| description | NgRx boilerplate reduction with createStoreAssets, handleEffect, dispatchDataToStore, and NgxStoreService from @ibenvandeveire/ngx-store. |
Install: npm install @ibenvandeveire/ngx-store (+ NgRx). Works with existing NgRx; utils are opt-in.
Define slice type, then generate actions/reducers/selectors per sub-slice:
type ExampleStoreAssets = {
channel: BaseStoreAssets<DataType>;
videos: EntityStoreAssets<DataType>;
};
export const { actions, reducers, selectors } = createStoreAssets<ExampleStoreAssets>('slice', [
{ subSlice: 'channel', generator: createBaseStoreAssets<DataType> },
{ subSlice: 'videos', generator: createEntityAdapterStoreAssets<DataType> },
]);
Base: set, loading, error, clear, effects.set + selectors select, selectLoading, selectError, selectErrorMessage.
Entity: adds add, update, delete, effect triggers + selectAll.
Second generic on assets types effect payload shapes.
createEffect(() =>
this.actions$.pipe(
handleEffect<User[]>(actions.users, 'set', this.userService.fetchUsers),
),
);
Auto loading/error around HTTP:
return dispatchDataToStore(actions.channel, this.http.get<DataType>('…'), this.store);
Extend with super(store, selectors) → state object with $ observables per sub-slice (isCompleted$, isCompletedLoading$, …).
Methods: selectFromStore, selectLoadingFromStore, selectErrorFromStore, selectErrorMessageFromStore.