open-index/open-npm huggingface dataset:
npm package: @stratiods/click-outside
Description: SDS Components :: Angular Click Outside Directive
Author: Nul Pàs
Latest version: 1.0.2

# SDS Components :: Angular Click Outside Directive

Directive emits event when clicking outside of the element where directive applies.

The `$event` emitted is `undefined`.

## Compatibility

Angular >= v.8.2.10

## Installation

Run `npm install @stratiods/click-outside` or

run `yarn add @stratiods/click-outside`.

## Use

You need to import `ClickOutsideModule` into your module `imports` section.

Then use this way:

```html
<div
  sdsClickOutside
  (clickOutside)="clickOutsideActionMethod()">
  Some content...
</div>
```

## Inputs

>```typescript
> @Input() apply: boolean = true;
>```
You can dcide through this boolean input if directive works or not.

DEFAULT: true 


&nbsp;
>```typescript
> @Input() exceptions: Array<string> = [];
>```
Array composed by external DOM id's that by clicking on them, the clickOutside event is not emitted.

DEFAULT: []

## Outputs

>```typescript
> @Output() clickOutside: EventEmitter<undefined> = new EventEmitter();
>```
Emits event when clicking outside of the element where directive applies.

## Repo

<https://github.com/stratio-design/sds-components/tree/master/projects/click-outside>
npm package: @stratiods/notifications
Description: SDS Components :: Angular Notifications Component
Author: Nul Pàs
Latest version: 1.0.2

# SDS Components :: Angular Notifications

Notifications alert to give feedback to users.

## Compatibility

Angular >= v.9.1.6

## Installation

Run `npm install @stratiods/notifications` or

run `yarn add @stratiods/notifications`

## Use

ToDo ...
npm package: @stratiods/on-dom-activity
Description: SDS Components :: Angular On Dom Activity Directive
Author: Nul Pàs
Latest version: 1.0.1

# SDS Components :: Angular On Dom Activity Directive

Directive emits event when component appears on DOM and emits other event when component goes from DOM.

The `$event` emitted is the DOM element (HTMLElement type) where the directive works.

## Compatibility

Angular >= v.7.2.15

## Installation

Run `npm install @stratiods/on-dom-activity` or
 
run `yarn add @stratiods/on-dom-activity`

## Use

You need to import `OnDomActivityModule` into your module `imports` section.

Then use this way:

```html
<div
  sdsOnDomActivity
  (comeToDom)="comeToDomActionMethod($event)"
  (goesFromDom)="goesFromDomActionMethod($event)">
  Some content...
</div>
```

## Inputs

No inputs defined.

## Outputs

>```typescript
> @Output() comeToDom: EventEmitter<HTMLElement> = new EventEmitter();
>```
Emits DOM element object when it appears on DOM.


&nbsp;
>```typescript
> @Output() goesFromDom: EventEmitter<HTMLElement> = new EventEmitter();
>```
Emits DOM element object when it is destroyed from DOM.

## Repo

<https://github.com/stratio-design-system/sds-components/tree/master/projects/on-dom-activity>
npm package: @stratix/core
Description: Stratix core - DDD primitives, pure abstractions, and interfaces
Author: P. Andrés Carvajal
Latest version: 0.8.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">
  <img src="https://raw.githubusercontent.com/stratix-dev/stratix/main/public/logo-no-bg.png" alt="Stratix Logo" width="200"/>

# @stratix/core

**Core primitives and abstractions for the Stratix framework**

[![npm version](https://img.shields.io/npm/v/@stratix/core.svg)](https://www.npmjs.com/package/@stratix/core)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

[Documentation](https://stratix-dev.github.io/docs/)

</div>

> Part of **[Stratix Framework](https://stratix-dev.github.io/docs/)** - A TypeScript framework for building scalable applications with Domain-Driven Design, Hexagonal Architecture, and CQRS patterns.
>

## ⚠️ Pre-Release Warning

**This is a pre-release version of @stratix/core.**

This package is under active development and should be considered unstable. The API may change significantly between versions without prior notice. Features may be added, modified, or removed entirely. This package may also be deprecated or discontinued in future releases.

**Stable versions will be available starting from version 1.0.0.** Not recommended for production use. Use at your own risk.

## About This Package

`@stratix/core` is the foundational package of the Stratix framework, providing zero-dependency primitives and abstractions for Domain-Driven Design, CQRS, and AI agents.

## About Stratix

Stratix is an AI-first TypeScript framework combining Domain-Driven Design, Hexagonal Architecture, and CQRS. It provides production-ready patterns for building scalable, maintainable applications with AI agents as first-class citizens.

**Key Resources:**
- [Documentation](https://stratix-dev.github.io/docs/)
- [Report Issues](https://github.com/stratix-dev/stratix/issues)

## Installation

**Prerequisites:**
- Node.js 18.0.0 or higher

**Installation:**
```bash
npm install @stratix/core
```

## License

MIT - See [LICENSE](https://github.com/stratix-dev/stratix/blob/main/LICENSE) for details.

<div align="center">

**[Stratix Framework](https://stratix-dev.github.io/stratix/)** - Build better software with proven patterns

</div>
npm package: @stratix/di
Description: Stratix DI utilities - Patterns, auto-registration, and helpers for DDD/CQRS
Author: P. Andrés Carvajal
Latest version: 0.8.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">
  <img src="https://raw.githubusercontent.com/stratix-dev/stratix/main/public/logo-no-bg.png" alt="Stratix Logo" width="200"/>

# @stratix/di

**Awilix dependency injection container for Stratix**

[![npm version](https://img.shields.io/npm/v/@stratix/di.svg)](https://www.npmjs.com/package/@stratix/di)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

[Documentation](https://stratix-dev.github.io/docs/)

</div>

> Part of **[Stratix Framework](https://stratix-dev.github.io/docs/)** - A TypeScript framework for building scalable applications with Domain-Driven Design, Hexagonal Architecture, and CQRS patterns.
>

## ⚠️ Pre-Release Warning

**This is a pre-release version of @stratix/di.**

This package is under active development and should be considered unstable. The API may change significantly between versions without prior notice. Features may be added, modified, or removed entirely. This package may also be deprecated or discontinued in future releases.

**Stable versions will be available starting from version 1.0.0.** Not recommended for production use. Use at your own risk.

## About This Package

`@stratix/di` is a dependency injection plugin for the Stratix framework.

Awilix dependency injection container for Stratix

## About Stratix

Stratix is an AI-first TypeScript framework combining Domain-Driven Design, Hexagonal Architecture, and CQRS. It provides production-ready patterns for building scalable, maintainable applications with AI agents as first-class citizens.

**Key Resources:**
- [Documentation](https://stratix-dev.github.io/docs/)
- [Report Issues](https://github.com/stratix-dev/stratix/issues)

## Installation

**Prerequisites:**
- Node.js 18.0.0 or higher

**Installation:**
```bash
npm install @stratix/di
```

## License

MIT - See [LICENSE](https://github.com/stratix-dev/stratix/blob/main/LICENSE) for details.

<div align="center">

**[Stratix Framework](https://stratix-dev.github.io/stratix/)** - Build better software with proven patterns

</div>
npm package: @stratix/runtime
Description: Stratix runtime - Plugin system, application lifecycle, and DI container
Author: P. Andrés Carvajal
Latest version: 0.8.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">
  <img src="https://raw.githubusercontent.com/stratix-dev/stratix/main/public/logo-no-bg.png" alt="Stratix Logo" width="200"/>

# @stratix/runtime

**Application runtime and plugin lifecycle management for Stratix**

[![npm version](https://img.shields.io/npm/v/@stratix/runtime.svg)](https://www.npmjs.com/package/@stratix/runtime)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

[Documentation](https://stratix-dev.github.io/docs/)

</div>

> Part of **[Stratix Framework](https://stratix-dev.github.io/docs/)** - A TypeScript framework for building scalable applications with Domain-Driven Design, Hexagonal Architecture, and CQRS patterns.
>

## ⚠️ Pre-Release Warning

**This is a pre-release version of @stratix/runtime.**

This package is under active development and should be considered unstable. The API may change significantly between versions without prior notice. Features may be added, modified, or removed entirely. This package may also be deprecated or discontinued in future releases.

**Stable versions will be available starting from version 1.0.0.** Not recommended for production use. Use at your own risk.

## About This Package

`@stratix/runtime` provides the application runtime and plugin lifecycle management system for Stratix applications. It includes the ApplicationBuilder, plugin registry, and lifecycle management utilities.

## About Stratix

Stratix is an AI-first TypeScript framework combining Domain-Driven Design, Hexagonal Architecture, and CQRS. It provides production-ready patterns for building scalable, maintainable applications with AI agents as first-class citizens.

**Key Resources:**
- [Documentation](https://stratix-dev.github.io/docs/)
- [Report Issues](https://github.com/stratix-dev/stratix/issues)

## Installation

**Prerequisites:**
- Node.js 18.0.0 or higher

**Installation:**
```bash
npm install @stratix/runtime
```

## License

MIT - See [LICENSE](https://github.com/stratix-dev/stratix/blob/main/LICENSE) for details.

<div align="center">

**[Stratix Framework](https://stratix-dev.github.io/stratix/)** - Build better software with proven patterns

</div>
npm package: @strato-admin/core
Description: Strato Admin Core Framework
Author: Vadim Gubergrits
Latest version: 0.4.1

Shadow `@strato-admin/ra-core` for future extencility or replacement of replacement of
`@strato-admin/ra-core` with a custom implementation. This allows us to have more control over
the core logic and potentially add features that are not available in `@strato-admin/ra-core`.
npm package: @strato-admin/create
Description: Create a new Strato Admin project
Author: Vadim Gubergrits
Latest version: 0.4.1

# @strato-admin/create

The official scaffolding tool for Strato Admin projects.

## Usage

```bash
pnpm create @strato-admin
```

This will guide you through creating a new Strato Admin project with a standard configuration (Vite + React + Cloudscape).

## Development

To test the CLI locally:

```bash
pnpm build
node dist/index.js my-test-project
```
npm package: @strato-admin/faker-ecommerce
Description: Strato Admin Faker Ecommerce - Mock data for E-commerce domain using faker
Author: Vadim Gubergrits
Latest version: 0.4.1

# @strato-admin/faker-ecommerce

This package provides mock data for an E-commerce domain using `@faker-js/faker`.

## Resources

- `categories`
- `customers`
- `products`
- `reviews`
- `orders` (including `basket` as `OrderItem[]`)

## Usage

### As a Data Provider

```typescript
import { Admin, Resource } from 'react-admin';
import { dataProvider } from '@strato-admin/faker-ecommerce';

const App = () => (
    <Admin dataProvider={dataProvider}>
        <Resource name="products" list={ProductList} />
        <Resource name="customers" list={CustomerList} />
    </Admin>
);
```

### Raw Data Generation

```typescript
import { generateEcommerceData } from '@strato-admin/faker-ecommerce';

const data = generateEcommerceData();
console.log(data.products.length); // 50
```

## Types

The package exports interfaces for all resources:

- `Category`
- `Customer`
- `Product`
- `Review`
- `Order`
- `OrderItem`
npm package: @strato-admin/i18n-cli
Description: Strato Admin I18n CLI - Tools for internationalization and extraction
Author: Vadim Gubergrits
Latest version: 0.4.1

# @strato-admin/i18n-cli

CLI tools for Strato Admin internationalization.

## Extraction

The `strato-extract` command extracts translatable strings from your source code into translation files (JSON or PO).

```bash
# Basic usage
strato-extract "src/**/*.{ts,tsx}" locales en fr

# Extract to PO files
strato-extract "src/**/*.{ts,tsx}" "locales/*/messages.po"

# Use a custom configuration file
strato-extract --config=my-config.json "src/**/*.{ts,tsx}" "locales/*/messages.po"
```

## Configuration

You can configure the extraction process by creating a `@strato-admin/i18n.config.json` file in your project root, or by specifying a path using the `--config` flag.

The configuration allows you to extend the list of components and attributes that the extractor looks for.

### Example `@strato-admin/i18n.config.json`

```json
{
  "components": ["MyCustomButton", "SpecialHeader", "Namespace.Component"],
  "translatableProps": ["customLabel", "headerTitle", "tooltip"]
}
```

- **components**: An array of component names (e.g., `Button`, `Table.Col`). The extractor will search for JSX elements matching these names.
- **translatableProps**: An array of prop names (e.g., `label`, `title`). The extractor will extract the string values of these props when found on any of the specified components.

By default, the extractor includes all standard Strato Admin components and common translatable props like `label`, `title`, `placeholder`, etc. Providing a configuration file adds your custom components and props to these defaults.
npm package: @strato-admin/ra-core
Description: Core components of react-admin, a frontend Framework for building admin applications on top of REST services, using ES6, React
Latest version: 0.4.1

# @strato-admin/ra-core

Core components of [react-admin](https://marmelab.com/react-admin/), a frontend Framework for building admin applications on top of REST/GraphQL services, using ES6, React.

This package does not include any UI components. We also provide a default UI in the [ra-ui-materialui](https://www.npmjs.com/package/ra-ui-materialui) package.

## License

React-admin is licensed under the [MIT License](https://github.com/marmelab/react-admin/blob/master/LICENSE.md), sponsored and supported by [marmelab](https://marmelab.com).

## Donate

This library is free to use, even for commercial purpose. If you want to give back, please talk about it, [help newcomers](https://stackoverflow.com/questions/tagged/react-admin), or contribute code. But the best way to give back is to **Donate to a Charity**. We recommend [Doctors Without Borders](https://www.doctorswithoutborders.org/).