open-index/open-npm huggingface dataset:
npm package: @markotny/ionic-appauth
Description: Intergration for OpenId/AppAuth-JS into Ionic V3/4/5
Author: wi3land
Latest version: 0.8.8-beta.0

# Ionic App Auth

Ionic App Auth is a implementation of the [AppAuth-JS](https://github.com/openid/AppAuth-JS) for Ionic Users.
It includes code extensions for core cordova plugins to run the Ionic app such as [Advanced HTTP](https://github.com/silkimen/cordova-plugin-advanced-http) and [SafariViewController](https://github.com/EddyVerbruggen/cordova-plugin-safariviewcontroller).

The cordova plugins are optional and can be replaced with Angular/React/Vue http handlers and/or Capacitor Plugins.
This library is intended to be as flexible with compatiblity as Ionic V5 is attempting to be.

## Installation

Run following command to install Ionic App Auth in your project.

```bash
npm install ionic-appauth --save
```

## Examples

Demos have been moved into the main repository to centralise issues.
- Angular/Cordova: https://github.com/wi3land/ionic-appauth/tree/master/demos/angular-cordova<br />
- Angular/Capacitor: https://github.com/wi3land/ionic-appauth/tree/master/demos/angular-capacitor<br />
- React: https://github.com/wi3land/ionic-appauth/tree/master/demos/react<br />
- Vue: https://github.com/wi3land/ionic-appauth/tree/master/demos/vue<br />
- Vanilla: (To Be Completed)
- Ionic V3: (To Be Completed)

**NOTE**: You can use [OktaDev Schematics](https://github.com/oktadev/schematics#ionic) to install the code from the Angular examples above. Cordova and Capacitor are both supported. The installation isn't Okta-specific, it just prompts you for an `issuer` and `clientId`.

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

## Acknowledgments

* [AppAuth-JS](https://github.com/openid/AppAuth-JS)
* [AppAuth-Ionic](https://github.com/Belicosus/AppAuth-Ionic)
npm package: @markov_zheng/front-vue-cockpit-components
Description: 大屏业务组件库
Latest version: 1.0.1

### vite+vue3+tsx 大屏标准业务组件库

目录结构：

```
| /config -配置文件
| /package -组件
| /script -脚本
| /src -组件测试和文档
|- /doc -文档项目的框架
|- /test -存放对应的测试组件,目录name必须与组件对应,
| README.MD 说明文档
```

---

组件库 packages/\* 命名规范

1. 组件文件夹 - 名称必须以 ac-\* 格式命名;
2. 组件文件 - 命名必须以 AcTest 格式名称;
3. 组件文件夹内的文件有：【AcTest.tsx】【definition.ts】【index.ts】【index.scss】4 个文件;

组件编写规范

1. 组件 props/emits 必须单独声明变量, props/emits 命名必须是 acTestProps/acTestEmits 格式,API 只有规范命名才会生成对应的 API 文档。
2. 组件的每一个 prop/emit 都必须添加符合 JSDoc 标准的块级注释, 以便生成 API 文档时可以生成对应的 API 说明;

### 组件开发步骤：

1. 执行 `npm run createCom`，在 packages 目录下会自动生成组件所需的 4 个文件，同时会在 `src/test` 下生成组件的说明文档 `README.md`
2. 在 `packages/index` 引入这个组件并暴露，在 `main.js` 引入这个组件
3. 在上面生成的 4 个文件中去开发自己的组件吧！

### AcTest.tsx

```tsx
import { h, defineComponent, PropType } from 'vue';

const acTestProps = {
  /* 测试名称*/
  name: String as PropType<string>,
  /* 测试年龄*/
  age: Number as PropType<number>,
};

const acTestEmits = {
  'update:show': (payload: any) => {
    return true;
  },
  onClick: (payload: Event) => {
    return true;
  },
};

export default defineComponent({
  props: acTestProps,
  emits: acTestEmits,
  setup(props, { emit, slots }) {
    return () => <div>test</div>;
  },
});
```

### definition.ts

```ts
import { definition } from '../commonTypes';
let _definition: definition = {
  name: 'ac-test',
  zhName: '组件中文名',
  state: '组件状态', // 'offline'下线 | 'doing'开发中 | 'finish'已完成；只有已完成的才会在文档中出现
};
export default _definition;
```

---

## 开发调试

- 启动调试

```shell
npm run dev
```

- 新增组件

```
npm run createCom
```

- 更新说明文档

```shell
npm run build:code
```

- 构建文档

```shell
npm run build:doc
```

## 代码发布

- `npm run build:lib`
- `npm publish`

## 组件库使用

- 安装依赖

```
npm install @markov_zheng/standard-vue-cockpit-components
```

- 引用组件（main.js）

```
import {AcButton} from "@markov_zheng/standard-vue-cockpit-components"
const app = createApp(App);
app.use(AcButton)

```
npm package: @markox36/logger
Description: Lightweight, customizable and colorized logger for Node.js
Author: Markox
Latest version: 1.0.6

# @markox/logger

A lightweight, customizable and colorized logger for Node.js.

## Features

- No environment variables required
- Fully customizable colors
- File logging support
- TypeScript first
- Callsite detection

## Installation

```bash
npm install @markox/logger
pnpm add @markox/logger
yarn add @markox/logger
```

```ts
import { createLogger } from "@markox/logger";

const logger = createLogger({
  types: {
    API: "#42a5f5",
    DB: "#4caf50",
    AUTH: "#ab47bc",
  },
  debug: true, // Set to true to get .debug() logs
  logDir: "./logs", // Route to logs folder
  logToFile: false, // Set to true to get file logs
});

logger.info("API", "Servidor iniciado");
logger.info("DB", "Conectado");
logger.info("AUTH", "hola");
logger.debug("API", "Request recibida", { endpoint: "/users" });
logger.warn("DB", "Consulta lenta detectada");
logger.error("AUTH", "Fallo de autenticación", { userId: 12345 });
```

---

> Made by Markox
npm package: @markpieszak/module-map-ngfactory-loader
Description: NgFactoryLoader which uses a Map to load ngfactories without lazy loading
Latest version: 1.0.0-beta.0

# Module Map NgFactory Loader

This is a NgFactory Loader which uses a map of modules instead of resolving modules lazily.

This is useful when executing in node because lazy loading serves no purpose

## Usage with `@angular/cli`

`npm install @nguniversal/module-map-ngfactory-loader --save`

`@angular/cli` will generate `LAZY_MODULE_MAP` in its main output bundle if you put app.platform = 'server'.

```ts
const { provideModuleMap } = require('@nguniversal/module-map-ngfactory-loader');
const { AppModuleNgFactory, LAZY_MODULE_MAP } = require('main.bundle.js');

renderModuleFactory(AppModuleNgFactory, {
  document: '<app-root></app-root>',
  url: '/',
  extraProviders: [
    provideModuleMap(LAZY_MODULE_MAP)
  ]
})
```

Add `ModuleMapLoaderModule` to your server module

```ts
import {ModuleMapLoaderModule} from '@nguniversal/module-map-ngfactory-loader';

@NgModule({
  imports: [
    AppModule,
    ServerModule,
    ModuleMapLoaderModule
  ],
  bootstrap: [AppComponent],
})
export class AppServerModule {}
```
npm package: @markpieszak/ngx-application-insights
Description: > Connect your Angular 2+ client-side to Microsofts Application Insights with this easy-to-use Module.
Author: Mark Pieszak
Latest version: 0.2.0
Deprecated: This package has moved to @markpieszak/ng-application-insights

# [WIP] ngx-application-insights - Under development

> Connect your Angular 2+ client-side to Microsofts Application Insights with this easy-to-use Module. 

1/28 - npm library & usage information coming soon!

## Installation: [Experimental currently]

Install & save the library to your package.json:

```bash
$ npm i -S @MarkPieszak/ngx-application-insights
```

and then add the library to your Angular Root `AppModule`:

```typescript
// Import the Application Insights library
import { ApplicationInsightsModule } from '@MarkPieszak/ngx-application-insights';

@NgModule({
  imports: [
    // ... your imports

    // Add the Module to your imports 
    ApplicationInsightsModule.forRoot('Your-Application-Insights-ID', '[OPTIONAL] App name for Events')
  ],
  // ... providers / etc
})
export class YourRootModule { }
```

## Usage: Coming soon !

```typescript


```

---

# Want to Contribute?

## ngx-Application-Insights Development

To generate all `*.js`, `*.js.map` and `*.d.ts` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Mark Pieszak](mailto:mpieszak84@gmail.com)
npm package: @markprompt/css
Description: Common CSS for Markprompt components
Latest version: 0.34.0

# Markprompt CSS

Common CSS for [Markprompt](https://markprompt.com) components.

<br />
<p align="center">
  <a aria-label="NPM version" href="https://www.npmjs.com/package/@markprompt/css">
    <img alt="" src="https://badgen.net/npm/v/@markprompt/css">
  </a>
  <a aria-label="License" href="https://github.com/markprompt/markprompt-js/blob/main/packages/css/LICENSE">
    <img alt="" src="https://badgen.net/npm/license/@markprompt/css">
  </a>
</p>

## Installation

```sh
npm install @markprompt/css
```

## Usage

With a bundler:

```js
import '@markprompt/css';
```

With a CDN:

```html
<link
  rel="stylesheet"
  href="https://unpkg.com/@markprompt/css@0.22.0/markprompt.css"
/>
```

This package adds styling for various CSS classes. All styling is applied using
the [`:where()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:where) pseudo
class, so you can override all styling manually.

## Documentation

The full documentation for the package can be found on the
[Markprompt docs](https://markprompt.com/docs/sdk).

## Community

- [X](https://x.com/markprompt)

## Authors

This library is created by the team behind [Markprompt](https://markprompt.com)
([@markprompt](https://x.com/markprompt)).

## License

[MIT](./LICENSE) © [Markprompt](https://markprompt.com)
npm package: @markprompt/react
Description: A headless React component for adding GPT-4 powered search using the Markprompt API.
Latest version: 0.63.5

# Markprompt React

[Markprompt](https://markprompt.com)'s `@markprompt/react` library offers you
both a simple, accessible, prebuilt React component that you can include in your
codebase, as well as a set of React primitives that you can use to build your
own custom Markprompt UI.

The `<Markprompt />` component is built with [Radix'](https://www.radix-ui.com/)
[`Dialog component`](https://www.radix-ui.com/docs/primitives/components/dialog)
and allows for limited control over the Markprompt UI, mostly offering you the
ability to change texts as well as how prompt references and search results are
linked to your website.

The `Markprompt.*` primitives offer you a fully customizable way to build your
own UI and have full control.

In combination with
[`@markprompt/css`](https://github.com/markprompt/markprompt-js/tree/main/packages/css),
the `<Markprompt />` component is a drop-in solution for most websites. You can
also opt to provide your own styles, or override ours to your liking.

<br />
<p align="center">
  <a aria-label="NPM version" href="https://www.npmjs.com/package/@markprompt/react">
    <img alt="" src="https://badgen.net/npm/v/@markprompt/react">
  </a>
  <a aria-label="License" href="https://github.com/markprompt/markprompt-js/blob/main/packages/react/LICENSE">
    <img alt="" src="https://badgen.net/npm/license/@markprompt/react">
  </a>
</p>

## Installation

Install `@markprompt/react` via NPM or your favorite package manager:

```sh
npm install @markprompt/react
```

## Usage

Example:

```jsx
import `@markprompt/css`;
import { Markprompt } from '@markprompt/react';

export function Component() {
  return <Markprompt projectKey="YOUR-PROJECT-KEY" />;
}
```

replacing `YOUR-PROJECT-KEY` with the key associated to your project. It can be
obtained in the project settings on [Markprompt.com](https://markprompt.com/)
under "Project key".

## Documentation

The full documentation for the package can be found on the
[Markprompt docs](https://markprompt.com/docs/sdk).

## Templates

Get a head start by cloning a fully-fledged AI application from our
[templates repository](https://github.com/markprompt/templates).

## Community

- [X](https://x.com/markprompt)

## Authors

This library is created by the team behind [Markprompt](https://markprompt.com)
([@markprompt](https://x.com/markprompt)).

## License

[MIT](./LICENSE) © [Markprompt](https://markprompt.com)
npm package: @markput/react
Description: React component for combine editable text with any component using annotated text
Author: Ruslan Ilyin
Latest version: 0.10.0

# [Marked Input](https://marked-input.vercel.app)

[![npm version](https://img.shields.io/npm/v/@markput/react.svg?style=flat&label=react)](https://www.npmjs.com/package/@markput/react) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/react?label=react+gzip)](https://bundlephobia.com/package/@markput/react) [![React Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://markput-react.vercel.app)

[![npm version](https://img.shields.io/npm/v/@markput/vue.svg?style=flat&label=vue)](https://www.npmjs.com/package/@markput/vue) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/vue?label=vue+gzip)](https://bundlephobia.com/package/@markput/vue) [![Vue Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://markput-vue.vercel.app)

<img width="521" alt="image" src="https://user-images.githubusercontent.com/37639183/182974441-49e4b247-449a-47ba-a090-2cb3aab7ce44.png">

A set of framework adapters that let you combine editable text with custom components using annotated text.

Currently supported packages:

- `@markput/react`
- `@markput/vue`

**[Documentation](https://markput.vercel.app)**
**[React Storybook](https://markput-react.vercel.app)** | **[Vue Storybook](https://markput-vue.vercel.app)**

## Feature

- Powerful annotations tool: add, edit, remove, visualize
- Nested marks support
- Support for custom syntax patterns (e.g., HTML, markdown)
- TypeScript
- Support for any components
- Flexible and customizable
- Two ways to configure
- Helpers for processing text
- Hooks for advanced components
- Button handling (Left, Right, Delete, Backspace, Esc)
- Overlay with the suggestions component by default
- Zero dependencies
- Cross selection

## Installation

Install the package for your framework:

```
pnpm add @markput/react
# or
pnpm add @markput/vue
```

## Contributing

If you want to contribute, you are welcome! Create an issue or start a discussion.
npm package: @markput/vue
Description: Vue component for combine editable text with any component using annotated text
Author: Ruslan Ilyin
Latest version: 0.10.0

# [Marked Input](https://marked-input.vercel.app)

[![npm version](https://img.shields.io/npm/v/@markput/react.svg?style=flat&label=react)](https://www.npmjs.com/package/@markput/react) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/react?label=react+gzip)](https://bundlephobia.com/package/@markput/react) [![React Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://markput-react.vercel.app)

[![npm version](https://img.shields.io/npm/v/@markput/vue.svg?style=flat&label=vue)](https://www.npmjs.com/package/@markput/vue) [![min zipped size](https://img.shields.io/bundlephobia/minzip/@markput/vue?label=vue+gzip)](https://bundlephobia.com/package/@markput/vue) [![Vue Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://markput-vue.vercel.app)

<img width="521" alt="image" src="https://user-images.githubusercontent.com/37639183/182974441-49e4b247-449a-47ba-a090-2cb3aab7ce44.png">

A set of framework adapters that let you combine editable text with custom components using annotated text.

Currently supported packages:

- `@markput/react`
- `@markput/vue`

**[Documentation](https://markput.vercel.app)**
**[React Storybook](https://markput-react.vercel.app)** | **[Vue Storybook](https://markput-vue.vercel.app)**

## Feature

- Powerful annotations tool: add, edit, remove, visualize
- Nested marks support
- Support for custom syntax patterns (e.g., HTML, markdown)
- TypeScript
- Support for any components
- Flexible and customizable
- Two ways to configure
- Helpers for processing text
- Hooks for advanced components
- Button handling (Left, Right, Delete, Backspace, Esc)
- Overlay with the suggestions component by default
- Zero dependencies
- Cross selection

## Installation

Install the package for your framework:

```
pnpm add @markput/react
# or
pnpm add @markput/vue
```

## Contributing

If you want to contribute, you are welcome! Create an issue or start a discussion.
npm package: @markrabey/react-native-flags
Description: A React Native component to display country flags with the ISO 3166-1 Standard.
Author: Mark Rabey
Latest version: 0.0.1

# React Native Flags [![npm (scoped)](https://img.shields.io/npm/v/@markrabey/react-native-flags)](https://www.npmjs.com/@markrabey/react-native-flags)

A React Native component to display country flags with the ISO 3166-1 alpha 2 Standard.

## Table of Contents:

- [Installation](#installation)
- [Usage](#usage)
- [Props](#props)
  - [Variants](#variants)
- [Future Versions](#future-versions)
- [License](#license)

## Installation

```
yarn add @markrabey/react-native-flags
```

## Usage

```jsx
import {View} from 'react-native';
import Flag from '@markrabey/react-native-flags';

function App() {
  return (
    <View>
      <Flag countryCode="CA" />
      <Flag countryCode="CA" variant="flat" />
      <Flag countryCode="CA" size="14" />
    </View>
  );
}
```

## Props

| Prop          | Required | Options                                                  | Default |
| ------------- | -------- | -------------------------------------------------------- | ------- |
| `countryCode` | Yes      | ISO-3166-1 alpha-2 Country Code                          |
| `variant`     | No       | `emoji` , `flat` - see [Variants](#variants) for details | `emoji` |
| `size`        | No       | `number`                                                 | `14`    |

### Variants

Variants offer different styles of flags.

`emoji` - displays the standard flag emoji. The appearance the flags depends on the operating system's use of emojis.

`flat` - displays a `.png` of the flag with a flat style

## Future Versions

React Native Flags is in active development with new features planned or being considered:

- Additional variants, including a `3d` style
- Color variants - currently planning to offer color or black and white
- Replace `.png` files with `.svg` for better scaling and smaller package size
- New flags to be added:
  - LGBT
  - Canadian Provinces
  - US States
  - Unofficial or dissolved countries
  - Fantasy worlds (Star Wars, LOTR, etc.)

## License

MIT license @ [Mark Rabey](markrabey.com)
npm package: @markrabey/react-native-web-flags
Description: A React Native Web component to display country flags with the ISO 3166-1 Standard.
Author: Mark Rabey
Latest version: 0.0.1

# React Native Web Flags [![npm (scoped)](https://img.shields.io/npm/v/@markrabey/react-native-web-flags)](https://www.npmjs.com/@markrabey/react-native-flags)

A React Native Web component to display country flags with the ISO 3166-1 alpha 2 Standard.

## Table of Contents:

- [Installation](#installation)
- [Usage](#usage)
- [Props](#props)
  - [Variants](#variants)
- [Future Versions](#future-versions)
- [License](#license)

## Installation

```
yarn add @markrabey/react-native-web-flags
```

## Setup

Add an alias for the package to your webpack config:

```js
...
resolve: {
  alias: {
    'react-native': 'react-native-web',
    ...
    'react-native-flags': 'react-native-web-flags',
  }
}

```

## Usage

```jsx
import {View} from 'react-native';
import Flag from '@markrabey/react-native-flags';

function App() {
  return (
    <View>
      <Flag countryCode="CA" />
      <Flag countryCode="CA" variant="flat" />
      <Flag countryCode="CA" size="14" />
    </View>
  );
}
```

## Props

| Prop          | Required | Options                                                  | Default |
| ------------- | -------- | -------------------------------------------------------- | ------- |
| `countryCode` | Yes      | ISO-3166-1 alpha-2 Country Code                          |
| `variant`     | No       | `emoji` , `flat` - see [Variants](#variants) for details | `emoji` |
| `size`        | No       | `number`                                                 | `14`    |

### Variants

Variants offer different styles of flags.

`emoji` - displays the standard flag emoji. The appearance the flags depends on the operating system's use of emojis.

`flat` - displays a `.png` of the flag with a flat style

## Future Versions

React Native Flags is in active development with new features planned or being considered:

- Additional variants, including a `3d` style
- Color variants - currently planning to offer color or black and white
- Replace `.png` files with `.svg` for better scaling and smaller package size
- New flags to be added:
  - LGBT
  - Canadian Provinces
  - US States
  - Unofficial or dissolved countries
  - Fantasy worlds (Star Wars, LOTR, etc.)

## License

MIT license @ [Mark Rabey](markrabey.com)
npm package: @markrachapoom/ui
Description: Add components to your apps.
Author: markrachapoom
Latest version: 2.10.1

# shadcn

A CLI for adding components to your project.

## Usage

Use the `init` command to initialize dependencies for a new project.

The `init` command installs dependencies, adds the `cn` util, configures `tailwind.config.js`, and CSS variables for the project.

```bash
npx shadcn init
```

## add

Use the `add` command to add components to your project.

The `add` command adds a component to your project and installs all required dependencies.

```bash
npx shadcn add [component]
```

### Example

```bash
npx shadcn add alert-dialog
```

You can also run the command without any arguments to view a list of all available components:

```bash
npx shadcn add
```

## Documentation

Visit https://ui.shadcn.com/docs/cli to view the documentation.

## License

Licensed under the [MIT license](https://github.com/shadcn/ui/blob/main/LICENSE.md).
npm package: @marks-js/lte
Description: Lite template engine
Author: NoMorDeps
Latest version: 1.0.19

## Marks Lite Template Engine. 
Marks LTE is a little template engine used with Marks website generator, and compatible with Marks Engine too.

### Get Started
```bash 
npm i -S @marks-js/lte
OR
yarn add @marks-js/lte
```

### Usign it
```typescript
import { liteTE } from "@marks-js/lte";

// Here you can specify data to use inside the template
const context = {
  title: "Hello Kitty",
  items: [
    "Item 01",
    "Item 02",
    "Item 03",
    "Item 04"
  ]
};

// Use {% javascript statement %}
// {%= javascript result of any value or expression %}
// {% LF %} use LF to add a line feed or "\\n"

// The template source
const source = `
<h1>Here is the title : {%= this.title %}</h1>

<ol>{% for(let itm of this.items) { %}
  <li>{%= itm %}</li>{% } %}
</ol>
`;


const output = liteTE(source, context);

console.log(output);
```

The output will be 
```html
<h1>Here is the title : Hello Kitty</h1>

<ol>
  <li>Item 01</li>
  <li>Item 02</li>
  <li>Item 03</li>
  <li>Item 04</li>
</ol>
```
npm package: @marks-js/marks
Description: Unleash the Power of a New kind of Markdown
Latest version: 1.1.45

Unleash the Power of a New kind of Markdown

<p align="center"><a href="https://github.com/NoMoreDeps/marksjs"><img src="https://marksjs.com/assets/banner.gif" /></a></p>

## { Marks }

**Marks** is a markup language and a renderer that aims to keep the simplicity of *Markdown*,  
and brings a world of possibilities by removing its limits...

Discover it on its official website ***[Marks Website](https://marksjs.com)***.

**Marks** is almost compatible with Markdown, but brings more flexibility using styles, and allows the creation of custom components in an universal and easy way.

![CI](https://github.com/NoMoreDeps/marksjs/workflows/CI/badge.svg)

### Installation
```sh
# With npm
npm i -S @marks-js/marks

# With yarn
yarn add @marks-js/marks
```
**Marks** comes with Typescript declaration files, so you don't need to install separated definition.

### Get started

#### Minimal setup
```typescript
// Import the minimal set of Objects
import { MarksRenderer, Plugins } from "@marks-js/marks";

// Create a new instance of Marks renderer
const marks = new MarksRenderer();

// Register the default plugins in order to make it work
marks.registerRenderers(
  ...Plugins().map(_ => new _()), 
);

const htmlNode = marks.render(` Marks code here `);
document.querySelector("#MoutingPoint").appendChild(htmlNode);

// Alternaticely, you can pass the node as a second parameter
marks.render(` Marks code here `, document.querySelector("#MoutingPoint"));
```

**Marks** is compatible with almost *Markdown* syntax, so what is `cool` in *Markdown*, is still 
available in **Marks**. But Marks allows you to add styles, so it is now possible to have a page written in **Marks** with css.

For full documentation please see it on ***[Marks website](https://marksjs.com)*** or ***[Marks documentation](https://marksjs.com/guide)***

Extra `plugins` and `themes` will be available soon.

To test it in live, go to the ***[Playground](https://marksjs.com/repl)***.

Marks website is *`In Progress`*, so keep an eye on it.
npm package: @marks-js/mermaid
Description: Mermaid plugin for Marks rendering engine
Author: NoMoreDeps
Latest version: 1.0.63

# Mermaid plugin for Marks

Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code ? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript.

[Official website](https://mermaid-js.github.io/mermaid "new")

[Marks documentation](https://marksjs.com/pluging-mermaid)

## Getting Started

```bash
# With npm
npm i -S @marks-js/mermaid

# With yarn
yarn add @marks-js/mermaid
```

#### Adding it in the code

```typescript
// Importing and adding it
import { BlockMermaidRenderer } from "@marks-js/mermaid";

const renderer = new MarksRenderer();
renderer.registerRenderers(
  /* ... */
  new BlockMermaidRenderer(),
  /* ... */
  );

  // You can override version manually
const renderer = new MarksRenderer();
renderer.registerRenderers(
  /* ... */
  new BlockMermaidRenderer({ version: "8.8.0" }),
  /* ... */
  );
```

#### From CDN for direct use

```html
<!-- Latest version -->
<script src="https://unpkg.com/@marks-js/mermaid/dist/Marks.Mermaid.dist.js"></script>

<!-- Or a specific one-->
<script src="https://unpkg.com/@marks-js/mermaid@8.8.0/dist/Marks.Mermaid.dist.js"></script>
```

```typescript
// Adding it

const renderer = new Marks.MarksRenderer();

const mermaidPlugin = new Marks_Mermaid.BlockMermaidRenderer();
renderer.registerRenderers(
  ...Marks.Plugins.map(_ => new _()),
  mermaidPlugin
);
```
npm package: @marks.rodrigo/car-table
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.
Latest version: 0.0.0

# MeuModuloCompartilhado

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @marks.rodrigo/shared-module
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.3.
Latest version: 0.0.0

# SharedModule

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.3.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @markslides/markdown-it-link
Description: Link plugin for markdown-it
Author: Soaple
Latest version: 0.1.1

# markdown-it-link
Link plugin for markdown-it

## Installation

```bash
npm install --save @markslides/markdown-it-link
```

## Usage

```tsx
import markdownItMermaid from '@markslides/markdown-it-link';


```

## License
This package releases under the MIT License.
npm package: @markslides/markdown-it-mermaid
Description: Mermaid plugin for markdown-it
Author: Soaple
Latest version: 0.4.6

# markdown-it-mermaid
MermaidJS plugin for markdown-it

## Installation

```bash
npm install --save @markslides/markdown-it-mermaid
```

## Usage

```tsx
import markdownItMermaid from '@markslides/markdown-it-mermaid';


```

## License
This package releases under the MIT License.
npm package: @markslides/markdown-it-typograms
Description: Google Typograms plugin for markdown-it
Author: Soaple
Latest version: 0.1.2

# markdown-it-typograms
Google Typograms plugin for markdown-it

## Installation

```bash
npm install --save @markslides/markdown-it-typograms
```

## Usage

```tsx
import markdownItTypograms from '@markslides/markdown-it-typograms';


```

## License
This package releases under the MIT License.
npm package: @marksmall/semantic-release-config
Description: re-usable config for semantic-release
Author: Mark Small
Latest version: 1.0.2

# Semantic Release Config

An opinionated and re-usable [Semantic Release](https://github.com/semantic-release/semantic-release) config to publish packages on NPM.

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release/)

## Install

### NPM

```bash
npm i -D semantic-release @marksmall/semantic-release-config
```

### Yarn

```bash
yarn add -D semantic-release @marksmall/semantic-release-config
```

## Usage

Use/Extend `@marksmall/semantic-release-config` in your [**semantic-release** configuration file](https://github.com/semantic-release/semantic-release/blob/master/docs/usage/configuration.md#configuration):

```js
// release.config.js
module.exports = {
  ...require('@marksmall/semantic-release-config'),
  // Override or add semantic-release config here
};
```