open-index/open-npm huggingface dataset:
npm package: @mkmod-ts/process-method-file
Description: Module that processes method (public, private and static) files:
Author: SZ-Coder
Latest version: 1.1.0

# @mkmod-ts/process-method-file

Module that processes method (public, private and static) files:


```javascript
[
	"method",
	"<ts-declaration>",
	{
		name: "name of method"
	}
]
```
npm package: @mkmod-ts/process-option-file
Description: Module that processes option files:
Author: SZ-Coder
Latest version: 1.1.0

# @mkmod-ts/process-option-file

Module that processes option files:


```javascript
[
	"option",
	"<ts-declaration>",
	{
		name: "name of option",
		type: "<type-of-option>",
		optional: true|false,
		hasDefaultValue: true|false,
		hasValidator: true|false
	}
]
```
npm package: @mkmod-ts/process-public-property-file
Description: Module that processes public property files:
Author: SZ-Coder
Latest version: 1.1.0

# @mkmod-ts/process-public-property-file

Module that processes public property files:


```javascript
[
	"publicProperty",
	"<ts-declaration>",
	{
		name: "name of property",
		type: "<type-of-property>",
		readonly: true|false,
		hasGetter: true|false,
		hasSetter: true|false
	}
]
```
npm package: @mkmod-ts/ts-get-exported-function
Description: Uses `typescript` to get any `export`ed function from a `.ts` file:
Author: SZ-Coder
Latest version: 1.0.0

# @mkmod-ts/ts-get-exported-function

Uses `typescript` to get any `export`ed function from a `.ts` file:

```javascript
const getExportedFunction = require("@mkmod-ts/ts-get-exported-function")

const code = `
export default function(s: string, n: number) {

}
`

console.log(
	getExportedFunction(code, "default")
)
```

Result is in the following format:

```javascript
{
	parameters: [{
		name: "name of parameter",
		text: "textual representation of parameter",
		type: "type of parameter"
	}, ...],
	returnType: "the return type of the function",
	declarationWithFunctionName(name) {
		// returns declaration with a user set name like:
		return "<name>(<params>):<returnType>"
	}
}
```

or `null` if function was not found.
npm package: @mkmod-ts/ts-get-exported-type
Description: Uses `typescript` to get `export`ed types from a `.ts` file:
Author: SZ-Coder
Latest version: 1.0.0

# @mkmod-ts/ts-get-exported-type

Uses `typescript` to get `export`ed types from a `.ts` file:

```javascript
const getExportedType = require("@mkmod-ts/ts-get-exported-type")

const code = `
export declare type Person = {
	name: string;
	age?: number;
}
`

console.log(
	getExportedType(code, "Person")
)
```

Result is in the following format:

```javascript
[{
	name: "name of member",
	type: "type of member",
	optional: true|false,
	text: "<name>:<type>;"
}, ...]
```

or `null` if type was not found.
npm package: @mkmod-ts/ts-get-exported-variable
Description: Uses `typescript` to get `const export`ed variable from a `.ts` file:
Author: SZ-Coder
Latest version: 1.0.0

# @mkmod-ts/ts-get-exported-variable

Uses `typescript` to get `const export`ed variable from a `.ts` file:

```javascript
const getExportedVariable = require("@mkmod-ts/ts-get-exported-variable")

const code = `
export const name = "Test"
`

console.log(
	getExportedVariable(code, "name")
)
```

Returns `null` if variable was not found.
npm package: @mkmod-ts/ts-inject-this-type
Description: Uses `typescript` to set the type of `this` in a function:
Author: SZ-Coder
Latest version: 1.0.0

# @mkmod-ts/ts-inject-this-type

Uses `typescript` to set the type of `this` in a function:

```javascript
const injectThisType = require("@mkmod-ts/ts-inject-this-type")

const code = `
export function foo() {

}
`

console.log(
	injectThisType(code, "foo", "FooThisType")
)
```

Returns `null` if `this` was not injected otherwise code with injected this:

```typescript
export function foo(this: FooThisType) {

}
```
npm package: @mkmod-ts/ts-utils
Description: ### walkNodes(code, cb) ### walkNodesOfSpecificKind(code, cb, kind) ### nodeHasExportModifier(node) ### nodeHasDefaultModifier(node) ### nodeToSourceCode(node)
Author: SZ-Coder
Latest version: 1.0.1

# @mkmod-ts/ts-utils

### walkNodes(code, cb)
### walkNodesOfSpecificKind(code, cb, kind)
### nodeHasExportModifier(node)
### nodeHasDefaultModifier(node)
### nodeToSourceCode(node)
npm package: @mkmoss/jazzicon-react
Description: Dan Finlay's Jazzicon in pure React
Author: Sergey Ukustov
Latest version: 1.0.0-a.4

# Jazzicon in pure React

> Reimplementation of [Dan Finlay's jazzicon](https://github.com/danfinlay/jazzicon) in pure react.

Generates inline SVG for an icon based on Ethereum address. It avoids calling `document`, thus suitable for server-side-generated pages, like in [Next.js](https://nextjs.org).

[Online Demo](https://ukstv.github.io/jazzicon-react/)

## Installation

```
yarn add @mkmoss/jazzicon-react
```

## Usage

```typescript jsx
import { Jazzicon } from '@mkmoss/jazzicon-react';

export default function() {
  return (
    <div style={{ width: '100px', height: '100px' }}>
      <Jazzicon address={'0xBAc675C310721717Cd4A37F6cbeA1F081b1C2a07'} />
    </div>
  );
}
```

Remember to wrap `Jazzicon` component into something with desired width and height, as the component fills 100% of the enclosing component.

Alternatively, you could modify appearance via [styled-components](https://styled-components.com) or [emotion](https://emotion.sh):

```typescript jsx
import { Jazzicon } from '@mkmoss/jazzicon-react';
import styled from '@emotion/styled';
const ModifiedJazzicon = styled(Jazzicon)({
  width: 100,
  height: 100,
});
export default function Icon() {
  return (
    <ModifiedJazzicon address={'0xBAc675C310721717Cd4A37F6cbeA1F081b1C2a07'} />
  );
}
```
npm package: @mknapik/aor-rich-text-input
Description: <RichTextInput> component for admin-on-rest, useful for editing HTML code in admin GUIs.
Author: François Zaninotto
Latest version: 1.0.4

# `<RichTextInput>` for admin-on-rest

For editing HTML with [admin-on-rest](https://github.com/marmelab/admin-on-rest), use the `<RichTextInput>` component. It embarks [quill](http://quilljs.com/), a popular cross-platform Rich Text Editor.

![`<RichTextInput>` example](http://marmelab.com/admin-on-rest/img/rich-text-input.png)

## Installation

```sh
npm install aor-rich-text-input --save-dev
```

## Usage

```js
import React from 'react';
import {
    DateInput,
    Edit,
    EditButton,
    LongTextInput,
    TextInput,
} from 'admin-on-rest/mui';
import RichTextInput from 'aor-rich-text-input';

const PostTitle = ({ record }) => {
    return <span>Post {record ? `"${record.title}"` : ''}</span>;
};

export const PostEdit = (props) => (
    <Edit title={<PostTitle />} {...props}>
        <DisabledInput label="Id" source="id" />
        <TextInput source="title" validation={{ required: true }} />
        <LongTextInput source="teaser" validation={{ required: true }} />
        <RichTextInput source="body" validation={{ required: true }} />
        <DateInput label="Publication date" source="published_at" />
    </Edit>
);
```

You can customize the rich text editor toolbar using the `toolbar` attribute, as described on the [Quill official toolbar documentation](https://quilljs.com/docs/modules/toolbar/).

```js
<RichTextInput source="body" toolbar={[ ['bold', 'italic', 'underline', 'link'] ]} />
```

## License

This library is licensed under the [MIT Licence](LICENSE), and sponsored by [marmelab](http://marmelab.com).
npm package: @mknrt/cypress-memory-tracker
Description: Cypress plugin to track your web app JavaScript memory usage during tests
Author: iamknrt
Latest version: 1.0.1

# @mknrt/cypress-memory-tracker

Cypress plugin to track JavaScript memory usage during tests.

## Installation

```bash
npm install @mknrt/cypress-memory-tracker
```

## Setup

### 1. Plugin (cypress.config.js)

```js
const { defineConfig } = require('cypress');

module.exports = defineConfig({
  expose: {
    memoryTracking: {
      enabled: true,
      trackSpecOnly: false, // true — only spec summaries, false — per-test details
      debug: false,
    },
  },
  e2e: {
    setupNodeEvents(on, config) {
      require('@mknrt/cypress-memory-tracker/dist/cypress-memory-tracker')(on, config);
      return config;
    },
  },
});
```

### 2. Support (cypress/support/e2e.js)

```js
import '@mknrt/cypress-memory-tracker/dist/memory-commands';
```

## Commands

- `cy.startMemoryTracking(options?)` — start tracking memory for the current test
- `cy.stopMemoryTracking()` — stop tracking and save results
- `cy.getMemoryUsage()` — get current JS heap size
- `cy.logMemoryUsage()` — log current memory to Cypress log

## Configuration

| Option | Type | Default | Description |
|---|---|---|---|
| `enabled` | boolean | `false` | Enable/disable memory tracking |
| `trackSpecOnly` | boolean | `false` | Only output per-spec summaries |
| `debug` | boolean | `false` | Enable debug logging |

## License

MIT
npm package: @mknrt/cypress-plugin-snapshots
Description: Cypress snapshot functionality for data
Author: Meinaart van Straalen
Latest version: 1.5.3

# `@mknrt/cypress-plugin-snapshots`

> Plugin for snapshot testing in [Cypress.io](https://www.cypress.io/).

## About This Project

This plugin is a fork of the original repository [meinaart/cypress-plugin-snapshots](https://github.com/meinaart/cypress-plugin-snapshots) with important improvements from [suchipi/cypress-plugin-snapshots](https://github.com/suchipi/cypress-plugin-snapshots).

### Key Improvements:

- **Cypress 15.1.0 Support**: The plugin has been fixed and is fully compatible with Cypress version 15.1.0
- **Latest Updates**: The most recent commits are published to npm
- **Cypress Compatibility**: Modified peerDependencies for better compatibility across Cypress versions
- **TypeScript Types**: Updated types for cross-version compatibility

## Installation

```bash
npm install --save-dev @mknrt/cypress-plugin-snapshots
```

## Configuration

Add the plugin to ```cypress/plugins/index.js```:

```javascript
const { initPlugin } = require('@mknrt/cypress-plugin-snapshots/plugin');

module.exports = (on, config) => {
  initPlugin(on, config);
return config;
};
```

Add the command to ```cypress/support/index.js```:

```javascript
import '@mknrt/cypress-plugin-snapshots/commands';
```

## Usage

```javascript
// Compare with snapshot
cy.get('.my-element').toMatchSnapshot();

// Compare with specific snapshot name
cy.get('.my-element').toMatchSnapshot('specific-snapshot-name');
```

## Development

For development you need to:
- Run ```npm install``` in both the root directory and the ```cypress``` directory
- Run ```npm start``` in one terminal and ```npm test``` in another

## Credits

- Based on the work of [meinaart/cypress-plugin-snapshots](https://github.com/meinaart/cypress-plugin-snapshots)
- Improvements from [suchipi/cypress-plugin-snapshots](https://github.com/suchipi/cypress-plugin-snapshots)
- Adapted for Cypress 15.1.0
npm package: @mknz/vue-mfe-feature-a
Description: Feature A: A Vue 3 component for micro-frontend architecture
Author: mukunzi
Latest version: 0.1.7

# Vue MFE Feature A - Counter Component

[![Tests](https://img.shields.io/badge/tests-8%20passing-brightgreen.svg)](https://github.com/mukunzidd/vue-mfe-feature-a)

A customizable Counter component for Vue.js micro-frontends. Built with Vue 3 and TypeScript.

> 🔗 Part of the Vue MFE ecosystem. Check out [@mknz/vue-mfe-wrapper](https://github.com/mukunzidd/vue-mfe-wrapper) for the core framework.

## Features

- 🎯 Customizable min/max values
- 🔢 Adjustable step sizes
- 🌓 Light/Dark theme support
- 💾 Value validation
- ⚡️ Performance optimized

## Installation

```bash
# Using npm
npm install @mknz/vue-mfe-feature-a

# Using bun
bun add @mknz/vue-mfe-feature-a
```

## Quick Start

```vue
<script setup>
import { Counter } from '@mknz/vue-mfe-feature-a'
</script>

<template>
  <Counter 
    title="My Counter"
    :initial-count="0"
    :min-value="0"
    :max-value="100"
    :step-sizes="[1, 5, 10]"
    theme="light"
  />
</template>
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `title` | `string` | `'Counter'` | The title displayed above the counter |
| `initialCount` | `number` | `0` | Starting value for the counter |
| `theme` | `'light' \| 'dark'` | `'light'` | Color theme |
| `minValue` | `number` | `0` | Minimum allowed value |
| `maxValue` | `number` | `100` | Maximum allowed value |
| `stepSizes` | `number[]` | `[1, 5, 10]` | Available step sizes for increment/decrement |

## Methods

The component exposes the following methods:

- `increment()`: Increase count by current step size
- `decrement()`: Decrease count by current step size
- `reset()`: Reset to initial value
- `toggleLimits()`: Show/hide min/max limits

## Events

- `@update:count`: Emitted when count changes
- `@limit-reached`: Emitted when min/max limit is reached

## Example with Event Handling

```vue
<script setup>
import { Counter } from '@mknz/vue-mfe-feature-a'

const handleCountUpdate = (newCount) => {
  console.log('New count:', newCount)
}

const handleLimitReached = () => {
  console.log('Limit reached!')
}
</script>

<template>
  <Counter 
    @update:count="handleCountUpdate"
    @limit-reached="handleLimitReached"
  />
</template>
```

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT
npm package: @mknz/vue-mfe-feature-b
Description: Feature B: A Vue 3 component for micro-frontend architecture
Author: mukunzi
Latest version: 0.1.6

# Vue MFE Feature B - TodoList Component

[![Tests](https://img.shields.io/badge/tests-4%20passing-brightgreen.svg)](https://github.com/mukunzidd/vue-mfe-feature-b)

A modern TodoList component for Vue.js micro-frontends. Built with Vue 3 and TypeScript, featuring local storage persistence and a clean UI.

> 🔗 Part of the Vue MFE ecosystem. Check out [@mknz/vue-mfe-wrapper](https://github.com/mukunzidd/vue-mfe-wrapper) for the core framework.

## Features

- ✨ Modern, clean UI design
- 💾 Local storage persistence
- 🌓 Light/Dark theme support
- ✅ Checkbox completion
- 🗑️ Easy item removal
- ⚡️ Performance optimized

## Installation

```bash
# Using npm
npm install @mknz/vue-mfe-feature-b

# Using bun
bun add @mknz/vue-mfe-feature-b
```

## Quick Start

```vue
<script setup>
import { TodoList } from '@mknz/vue-mfe-feature-b'
</script>

<template>
  <TodoList />
</template>
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `storageKey` | `string` | `'todos'` | Local storage key for persistence |
| `maxItems` | `number` | `100` | Maximum number of todo items |
| `theme` | `'light' \| 'dark'` | `'light'` | Color theme |

## Events

- `@item-added`: Emitted when a new todo is added
- `@item-removed`: Emitted when a todo is removed
- `@item-toggled`: Emitted when a todo's completion status changes

## Example with Event Handling

```vue
<script setup>
import { TodoList } from '@mknz/vue-mfe-feature-b'

const handleItemAdded = (item) => {
  console.log('New todo added:', item)
}

const handleItemToggled = (item) => {
  console.log('Todo toggled:', item)
}
</script>

<template>
  <TodoList
    storage-key="my-todos"
    :max-items="50"
    theme="light"
    @item-added="handleItemAdded"
    @item-toggled="handleItemToggled"
  />
</template>
```

## Local Storage

The TodoList component automatically saves todos to local storage using the specified `storageKey`. The data structure is:

```typescript
interface Todo {
  text: string
  completed: boolean
}
```

## Styling

The component comes with a modern, clean design out of the box. It supports both light and dark themes and is fully responsive.

### CSS Variables

You can customize the appearance by overriding these CSS variables:

```css
:root {
  --todo-primary-color: #1a237e;
  --todo-bg-color: #ffffff;
  --todo-text-color: #333333;
  --todo-border-radius: 10px;
}
```

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT
npm package: @mknz/vue-mfe-wrapper
Description: A Vue.js wrapper framework for micro-frontend architecture
Author: mukunzi
Latest version: 0.1.5

# Vue MFE Wrapper

[![npm version](https://img.shields.io/npm/v/@mknz/vue-mfe-wrapper)](https://www.npmjs.com/package/@mknz/vue-mfe-wrapper)
[![Tests](https://img.shields.io/badge/tests-26%20passing-brightgreen)](https://github.com/mukunzidd/vue-mfe-wrapper/actions)

A lightweight framework for creating and managing Vue.js micro-frontends.

## Quick Start

### Create a New MFE App

```bash
# Using bunx (recommended)
bunx @mknz/vue-mfe-wrapper create mfe-app

# Using npx
npx @mknz/vue-mfe-wrapper create mfe-app

cd mfe-app
npm run dev
```

### Import Supported Features

```bash
# Using bunx (recommended)
bunx @mknz/vue-mfe-wrapper import @mknz/vue-mfe-feature-b

# Using npx
npx @mknz/vue-mfe-wrapper import @mknz/vue-mfe-feature-b
```

### Use the Imported Feature

```vue
<template>
  <FrameworkWrapper :config="config">
    <!-- Your other components -->
  </FrameworkWrapper>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { FrameworkWrapper } from '@mknz/vue-mfe-wrapper'
import { VueMfeFeatureB, TodoList } from './features'
import type { WrapperConfig } from '@mknz/vue-mfe-wrapper'

const config = ref<WrapperConfig>({
  features: [
    {
      name: 'feature-b',
      props: {
        theme: 'dark',
        storageKey: 'my-todos',
        maxItems: 100
      }
    }
  ]
})
</script>
```

## Supported Features

Currently supported MFE features:
- [@mknz/vue-mfe-feature-a](https://www.npmjs.com/package/@mknz/vue-mfe-feature-a) - Counter component
- [@mknz/vue-mfe-feature-b](https://www.npmjs.com/package/@mknz/vue-mfe-feature-b) - TodoList component with localStorage support

## Global Installation (Not Recommended)

While possible, we don't recommend installing the CLI globally as it may lead to version conflicts:

```bash
# Using npm (not recommended)
npm install -g @mknz/vue-mfe-wrapper

# Then you can run commands without npx/bunx
vue-mfe-wrapper create mfe-app
vue-mfe-wrapper import @mknz/vue-mfe-feature-b
```

## Development

```bash
# Install dependencies
npm install

# Build the package
npm run build

# Run tests
npm run test
```

## License

MIT
npm package: @mkobayashime/bookmarklets-cli
Description: ## Publishing
Author: Masaki Kobayashi
Latest version: 0.3.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@mkobayashime/bookmarklets-cli`

## Publishing

```bash
git checkout -B <newversion>
npm version [ major | minor | patch ]
# merge PR

# in main
npm publish
```
npm package: @mkobayashime/eslint-config
Description: ```bash yarn add -D @mkobayashime/eslint-config eslint eslint-config-prettier eslint-plugin-import ```
Latest version: 0.3.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

```bash
yarn add -D @mkobayashime/eslint-config eslint eslint-config-prettier eslint-plugin-import
```
npm package: @mkobayashime/eslint-config-typescript
Description: ```bash yarn add -D @mkobayashime/eslint-config-typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-import-resolver-typescript ```
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

```bash
yarn add -D @mkobayashime/eslint-config-typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-import-resolver-typescript
```