NgxMultiKeywordsHighlighterWorkspace

How to use

Add "node_modules/@amfrontender/ngx-multi-keywords-highlighter/themes/index.scss" or "node_modules/@amfrontender/ngx-multi-keywords-highlighter/themes/themes.scss" to your angular.json or project.json if you use NX to the build options of styles.

Import the NgxMultiKeywordsHighlighterModule to your app.module.ts

import { LABEL_POSITION, MATERIAL_COLOR, NgxMultiKeywordsHighlighterModule } from '@amfrontender/ngx-multi-keywords-highlighter';

Add NgxMultiKeywordsHighlighterModule config to the imports

@NgModule({
  declarations: [...],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    NgxMultiKeywordsHighlighterModule.forRoot({
      themeColor: MATERIAL_COLOR.PRIMARY,
      enableToggleLabel: true,
      toggleLabelPosition: LABEL_POSITION.BEFORE,
      enableHighlighterTooltip: 'Turn on/off highlighter',
      minWidth: 320,
      appRoot: 'mkh-root',
    }),
    ...
  ],
  providers: [...],
  bootstrap: [...],
})
export class AppModule {}

Add selector to the html

<mkh-multi-keywords-highlighter class="custom-lib"></mkh-multi-keywords-highlighter>

For more advanced usages, please check the storybook or the demo app

Semantic Commits

Type	Notes
build	Changes that affect the build system or external dependencies
chore	Changes to the build process, release or auxiliary tools and libraries such as documentation generation
ci	Changes to our CI configuration files and scripts
docs	Documentation only changes
feat	A new feature
fix	A bug fix
perf	A code change that improves performance
refactor	A refactoring
revert	A revert commit
style	UI/UX CHANGES
test	Adding missing tests

Branches

Feature Branches

Release locally with Vadaccio to test

docker compose up --build -d

CI Tasks

• Lint all
• Unit Test all
• E2E Test all
• Chromatic Test (TBD)
• Build

Beta Branch

Beta branch is for pre-release

CI Tasks

• Lint all
• Unit Test all
• E2E Test all
• Chromatic Test (TBD)
• Build

Next Branch

Any new feature, major version update branch

CI Tasks

• Lint all
• Unit Test all
• E2E Test all
• Chromatic Test (TBD)
• Build

Develop Branch

Before release, for testing

CI Tasks

• Lint all
• Unit Test all
• E2E Test all
• Chromatic Test (TBD)
• Build

Main Branch

Production ready branch

CI Tasks

• Lint all
• Unit Test all
• E2E Test all
• Chromatic Test (TBD)
• Build