open-index/open-npm huggingface dataset:
npm package: @lcod/preprocessor
Description: <img alt="lcod animated" title="low code object descriptor" src="https://github.com/lcod-team/lcod-assets/raw/main/logo/lcod_color_border_anim.svg" style="height:200px"/>
Latest version: 0.0.2

<img alt="lcod animated" title="low code object descriptor" src="https://github.com/lcod-team/lcod-assets/raw/main/logo/lcod_color_border_anim.svg" style="height:200px"/>

[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/lcod-team/lcod-preprocessor/ci.yml?label=tests&logo=githubactions&logoColor=success&branch=main)](https://github.com/lcod-team/lcod-preprocessor/actions/workflows/ci.yml)
[![GitHub](https://img.shields.io/github/license/lcod-team/lcod-preprocessor?logo=apache&logoColor=%239AC712)](LICENSE)

# lcod-preprocessor

This project defines a [Svelte][1] [preprocessor](https://github.com/sveltejs/svelte-preprocess/) for `.lcod` folders containing a `client.yaml` descriptor.

```mermaid
flowchart LR
    A(Imported\nHelloWorld.lcod) -->|lcod-preprocessor\nfor client.yaml| B(On the fly\nHelloWorld.svelte)
    B --> |svelte| C(Generated\nVanilla JS + HTML + CSS)
```

## The client.yaml file

A `client.yaml` file can be defined in a `.lcod` component and it's used to describe sub componants (`.lcod` or `.svelte`) tree with their `slot` and `properties`.

## Usage

In your svelte project, edit the `svelte.config.js` to declare the `lcod-preprocessor`.

```js
import adapter from '@sveltejs/adapter-auto';
import { configureLcodPreprocessor } from './src/lib/lcod-preprocessor.mjs';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	preprocess: configureLcodPreprocessor({ writeSvelte: true, lcpath: true }),
	kit: {
		adapter: adapter()
	}
};

export default config;
```

## Motivation

Have [KISS](https://en.wikipedia.org/wiki/KISS_principle) piece of code to translate a structured descriptor (`yaml`) for a componants, pages or application.
Generating [Svelte][1] code allows to have benefits of all its avantages: fast and light compilation, `HMR` development and allows many `CSR`/`SSR` configurations.

[1]: https://svelte.dev/
npm package: @lcoenen/fluence
Description: Fluence Javascript Client allows you to interact with a Fluence real-time cluster for decentralized computations.
Author: Fluence Labs
Latest version: 0.2.1

## IMPORTANT: Client and README are under heavy development and can be outdated. Ask a question in gitter or file an issue. 

## Fluence Javascript Client

**Fluence Javascript Client** allows you to interact with a real-time cluster from a browser or use it like `npm` module. 

## Motivation

Browser client simplifies interaction with the real-time cluster for a user. It has zero dependencies and can be added to other code.
Developers can deploy their backend code to Fluence network and built a web3 application based on **Fluence Client** to interact with this backend code.
It is written on TypeScript to reach more clean, understandable and typesafe code with good reusability.


## Documentation

[Guide](https://fluence.network/docs/book/quickstart/web.html)

TODO