open-index/open-npm huggingface dataset:
npm package: @frontize/cli-min
Description: Minified CLI, for the main purpose of starting the app only.
Author: AvKat
Latest version: 0.0.1

# Frontize Minified CLI

This is a minified version of the frontize CLI, with the only purpose of starting the app locally, instead of repeatedly downoading the full CLI for every run.

# Setup

The first run of `npx frontize init` will automatically install it globally.
To run it, type `fz <command> [options]`.

# Working

As the minified verion, this will only have in-built support for the _start_ command, but it can directly make requests to the main CLI via npx.

It will also check for updates automatically
npm package: @frontj/builder
Description: Builder for frontJ.
Author: siromath
Latest version: 0.2.1

# @frontj/builder

[frontJ](https://github.com/frontJ/frontJ)でHTMLファイルを書き出す際に有用なパッケージです。

## Install

```bash
npm install -D @frontj/builder
```

## Example

```javascript
import { div } from '@frontj/elements'
import { build, generateRoutes } from '@frontj/builder'

const posts = [
  {
    id: 1,
    content: 'post1'
  },
  {
    id: 2,
    content: 'post2'
  },
  {
    id: 3,
    content: 'post3'
  }
]

build({
  outDir: 'public',
  routes: {
    '/': div('top'),
    ...generateRoutes(posts, (post) => {
      return [`/posts/${post.id}/`, div(post.content)]
    })
  }
})
```

## Documentation

### Methods

#### `build`

ファイルを書き出します。

```typescript
build(options: FrontJBuildOptions): void
```

| 引数 | 説明 |
| --- | --- |
| options | 各種オプション設定用オブジェクト。設定項目は[`FrontJBuildOptions`](#frontjbuildoptions)型の項目に記載しています。 |

#### `generateRoutes`

配列から[`FrontJRoutes`](#frontjroutes)型のオブジェクトを生成するメソッドです。<br>[`FrontJBuildOptions`](#frontjbuildoptions)型の`routes`プロパティに値を設定する際に有用です。

```typescript
generateRoutes<T>(array: T[], callback: (item: T, index: number) => [string, string]): FrontJRoutes
```

| 引数 | 説明 |
| --- | --- |
| array | オブジェクトを生成する元となる配列。 |
| callback | `array`の各要素とそのインデックスを引数に受け取る関数。`` [`出力先のパス`, `ファイルの内容`] ``の形をした配列を返す必要があります。 |

### Types

#### `FrontJBuildOptions`

[`build`](#build)メソッドの`options`引数の型として使用されます。

```typescript
FrontJBuildOptions {
  outDir?: string;
  routes: FrontJRoutes;
}
```

| 引数 | 説明 |
| --- | --- |
| outDir | 出力先ディレクトリ名。省略すると`'dist'`になります。出力の際、`outDir`以下のHTMLファイルは削除されます(HTML以外のファイルは残されます)。 |
| routes | ルート設定用オブジェクト。詳細は[`FrontJRoutes`](#frontjroutes)型の項目に記載しています。 |

#### `FrontJRoutes`

[`FrontJBuildOptions`](#frontjbuildoptions)型の`routes`プロパティの型として使用されます。

```typescript
FrontJRoutes {
  [route: string]: string;
}
```

| 引数 | 説明 |
| --- | --- |
| route | 出力先のパス。`/foo/bar/`(または`/foo/bar`)とすると`/foo/bar/index.html`が出力されます。`/foo/bar.html`とするとHTMLファイルを作成することができます。このプロパティの値がHTMLファイルに書き込まれます。 |

## License

[MIT](https://github.com/frontJ/builder/blob/master/LICENSE)
npm package: @frontkom/cw-latest-news
Description: A widget for CW Latest News
Author: Elio
Latest version: 0.0.7

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)


## Using this component

Install from NPM

```
$ npm install --save @frontkom/cw-latest-news
```

Put a script tag similar to this in the head of your index.html

```
<script src="/node_modules/@frontkom/cw-latest-news/dist/cw-latest-news.js"></script>
```

Then you can use the element anywhere in your template, JSX, html, etc.

```
<cw-latest-news ... ></cw-latest-news>
```

#### Parameters

- **solr** (required) - the url of the SOLR instance
- **solr-proxy** - the url of a proxy to override CORS limitations
- **rows** - the number of results to show (defaults to 5)
- **start** - the number of results to skip (defaults to 0)
- **tag** - load articles from a specific tag


### Example

```
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>CW Latest News Widget</title>
  <script src="./node_modules/@frontkom/cw-latest-news/dist/cw-latest-news.js"></script>
</head>
<body>
  <h1>CW Latest News Widget</h1>
  <cw-latest-news
    solr="https://solrproxy.devz.no/solr/newsfront-computerworld"
    tag="business-intelligence"
    rows="6"
  ></cw-latest-news>
</body>
</html>
```
npm package: @frontkom/formatjs-utils
Description: Collection of formatjs helpers for React projects
Author: Elio Cro
Latest version: 0.2.0

# @frontkom/formatjs-utils

`formatjs-utils` is a versatile package providing a collection of tools designed to augment [FormatJS](https://formatjs.io/) utilities. The primary role of these tools centers on the extraction and compilation of translatable message strings, making this an essential addition to localization and internationalization workflows.

## Installation

Use the package manager [npm](https://www.npmjs.com/) to install @frontkom/formatjs-utils.

```bash
npm install @frontkom/formatjs-utils
```

## Available Scripts

The package comes with the following scripts:

1. `i18n-extract`: Extracts the translatable strings from your application.
2. `i18n-compile`: Compiles these extracted strings back into JSON files.

These scripts can either be included into your `package.json`'s scripts section or can be used with `npm exec` directly.

```bash
npm exec i18n-extract
npm exec i18n-compile
```

## Configuration

This package requires a specific configuration file `i18n.config.js` to be created in your project's root directory. This is to customize the utility to your project's specific needs. All the fields are optional.

### Example `i18n.config.js`

```js
module.exports = {
  languages: ['en', 'fr'],
  sourceFiles: 'src/**/*.{ts,tsx,js,jsx}',
  ignore: '**/*.d.ts',
  targetFolder: 'src/lang',
};
```

## Usage

Make sure to add the scripts to your `package.json` in order to extract and compile the messages:

```bash
# Extract the messages
npm run i18n-extract

# Compile the messages into JSON
npm run i18n-compile
```

## Contributing

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

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @frontkom/g-content-in-columns
Description: A custom block for Gutenberg Cloud
Author: Frontkom
Latest version: 0.4.5

# g-content-in-columns
A Gutenberg block

## Installation

Install from npm:

```
$ npm install @frontkom/g-content-in-columns
```

Then load the block module and css on the editor:

```
import '@frontkom/g-content-in-columns';
import '@frontkom/g-content-in-columns/build/style.css';
```

This will create a new block category called "**Cloud Blocks**" containing the "**Content in columns**" block.

## Dev mode

To run the block in development mode:

```
$ npm start
```


## Gutenberg Cloud

Read more at [https://gutenbergcloud.org/](https://gutenbergcloud.org/)