open-index/open-npm huggingface dataset:
npm package: @pushrocks/websetup
Description: setup basic page properties
Author: Lossless GmbH
Latest version: 3.0.19
Deprecated: This package has been deprecated in favour of the new package at @push.rocks/websetup

# @pushrocks/websetup
setup basic page properties

## Availabililty and Links
* [npmjs.org (npm package)](https://www.npmjs.com/package/@pushrocks/websetup)
* [gitlab.com (source)](https://gitlab.com/pushrocks/websetup)
* [github.com (source mirror)](https://github.com/pushrocks/websetup)
* [docs (typedoc)](https://pushrocks.gitlab.io/websetup/)

## Status for master

Status Category | Status Badge
-- | --
GitLab Pipelines | [![pipeline status](https://gitlab.com/pushrocks/websetup/badges/master/pipeline.svg)](https://lossless.cloud)
GitLab Pipline Test Coverage | [![coverage report](https://gitlab.com/pushrocks/websetup/badges/master/coverage.svg)](https://lossless.cloud)
npm | [![npm downloads per month](https://badgen.net/npm/dy/@pushrocks/websetup)](https://lossless.cloud)
Snyk | [![Known Vulnerabilities](https://badgen.net/snyk/pushrocks/websetup)](https://lossless.cloud)
TypeScript Support | [![TypeScript](https://badgen.net/badge/TypeScript/>=%203.x/blue?icon=typescript)](https://lossless.cloud)
node Support | [![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](https://lossless.cloud)
PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@pushrocks/websetup)](https://lossless.cloud)
PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@pushrocks/websetup)](https://lossless.cloud)
BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@pushrocks/websetup)](https://lossless.cloud)

## Usage

Use TypeScript for best in class intellisense.

## Contribution

We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :)

For further information read the linked docs at the top of this readme.

## Legal
> MIT licensed | **&copy;** [Task Venture Capital GmbH](https://task.vc)
| By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)
npm package: @pushrocks/webstore
Description: high performance storage in the browser using indexed db
Author: Lossless GmbH
Latest version: 2.0.8
Deprecated: This package has been deprecated in favour of the new package at @push.rocks/webstore

# @pushrocks/webstore
high performance storage in the browser using indexed db

## Availabililty and Links
* [npmjs.org (npm package)](https://www.npmjs.com/package/@pushrocks/webstore)
* [gitlab.com (source)](https://gitlab.com/pushrocks/webstore)
* [github.com (source mirror)](https://github.com/pushrocks/webstore)
* [docs (typedoc)](https://pushrocks.gitlab.io/webstore/)

## Status for master

Status Category | Status Badge
-- | --
GitLab Pipelines | [![pipeline status](https://gitlab.com/pushrocks/webstore/badges/master/pipeline.svg)](https://lossless.cloud)
GitLab Pipline Test Coverage | [![coverage report](https://gitlab.com/pushrocks/webstore/badges/master/coverage.svg)](https://lossless.cloud)
npm | [![npm downloads per month](https://badgen.net/npm/dy/@pushrocks/webstore)](https://lossless.cloud)
Snyk | [![Known Vulnerabilities](https://badgen.net/snyk/pushrocks/webstore)](https://lossless.cloud)
TypeScript Support | [![TypeScript](https://badgen.net/badge/TypeScript/>=%203.x/blue?icon=typescript)](https://lossless.cloud)
node Support | [![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](https://lossless.cloud)
PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@pushrocks/webstore)](https://lossless.cloud)
PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@pushrocks/webstore)](https://lossless.cloud)
BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@pushrocks/webstore)](https://lossless.cloud)
Platform support | [![Supports Windows 10](https://badgen.net/badge/supports%20Windows%2010/yes/green?icon=windows)](https://lossless.cloud) [![Supports Mac OS X](https://badgen.net/badge/supports%20Mac%20OS%20X/yes/green?icon=apple)](https://lossless.cloud)

## Usage

Use TypeScript for best in class intellisense

## Contribution

We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :)

For further information read the linked docs at the top of this readme.

> MIT licensed | **&copy;** [Lossless GmbH](https://lossless.gmbh)
| By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)

[![repo-footer](https://lossless.gitlab.io/publicrelations/repofooter.svg)](https://maintainedby.lossless.com)
npm package: @pushword/js-helper
Description: Pushword front end helpers. 
Author: Robin@PiedWeb
Latest version: 0.0.136

# Pushword Javascript Helpers

Some js helpers for Pushword front end.

[![Latest Version](https://img.shields.io/github/tag/pushword/pushword.svg?style=flat&label=release)](https://github.com/Pushword/Pushword/tags)
[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)](LICENSE)
[![GitHub Tests Action Status](https://img.shields.io/github/actions/workflow/status/Pushword/Pushword/run-tests.yml?branch=main)](https://github.com/Pushword/Pushword/actions)

[![Code Coverage](https://codecov.io/gh/Pushword/Pushword/branch/main/graph/badge.svg)](https://codecov.io/gh/Pushword/Pushword/tree/main)
[![Type Coverage](https://shepherd.dev/github/pushword/pushword/coverage.svg)](https://shepherd.dev/github/pushword/pushword)
[![Total Downloads](https://img.shields.io/packagist/dt/pushword/core.svg?style=flat)](https://packagist.org/packages/pushword/core)

## Documentation

Visit [pushword.piedweb.com](https://pushword.piedweb.com/themes)

## Contributing

If you're interested in contributing to Pushword, please read our [contributing docs](https://pushword.piedweb.com/contribute) before submitting a pull request.

## Credits

- [PiedWeb](https://piedweb.com)
- [All Contributors](https://github.com/Pushword/Core/graphs/contributors)

## License

The MIT License (MIT). Please see [License File](https://pushword.piedweb.com/license#license) for more information.

<p align="center"><a href="https://dev.piedweb.com">
<img src="https://raw.githubusercontent.com/Pushword/Pushword/f5021f4c5d5d3ab3f2858ec2e4bdd70818806c6a/packages/admin/src/Resources/assets/logo.svg" width="200" height="200" alt="PHP Packages Open Source" />
</a></p>
npm package: @pusing/tiny
Description: Removes all spaces from a string
Latest version: 0.0.3

# @pusing/tiny


<!-- [![npm (scoped)] -->
[![experimental]
(https://img.shields.io/npm/v/@pusing/tiny.svg)]
(https://github.com/pusing/tiny)

[![npm bundle size (minified)]
(https://img.shields.io/bundlephobia/min/@pusing/tiny.svg)]
(https://github.com/pusing/tiny)

[![experimental]
(https://img.shields.io/npm/l/:packageName.svg)]


It's the tiniest!
Removes all spaces from a string.

# scoped-bulk [![experimental](https://badges.github.io/stability-badges/dist/experimental.svg)](https://img.shields.io/badges/stability-badges)


const tiny = require("@pusing/tiny");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1


![](https://img.shields.io/apm/l/:packageName.svg)


[![](https://img.shields.io/npm/l/tiny.svg?style=flat-square)](https://github.com/pusing/tiny/blob/master/LICENSE)

[![](https://img.shields.io/npm/l/tiny.svg)](https://github.com/pusing/tiny/blob/master/LICENSE)

[![](https://img.shields.io/npm/l/tiny.svg?style=for-the-badge)](https://github.com/pusing/tiny/blob/master/LICENSE)

[![](https://img.shields.io/npm/l/tiny.svg?style=popout)](https://github.com/pusing/tiny/blob/master/LICENSE)

[![](https://img.shields.io/npm/l/tiny.svg?style=popout-square)](https://github.com/pusing/tiny/blob/master/LICENSE)

[![](https://img.shields.io/npm/l/tiny.svg?style=social)](https://github.com/pusing/tiny/blob/master/LICENSE)

[tiny](https://github.com/pusing/tiny) | [![NPM Version](https://img.shields.io/npm/v/tiny.svg?style=flat-square)](https://www.npmjs.com/package/@pusing/tiny)
npm package: @puskevi/smth-ui
Description: cool frontend components for starters or vibe coders that suck at ui
Latest version: 0.1.4

# @puskevi/smth-ui

Cool frontend components for starters or vibe coders that suck at ui.

31 dark-themed React components with inline styles and CSS custom properties. No Tailwind, no runtime deps — just React.

## Install

```bash
npm install @puskevi/smth-ui
```

## Usage

```tsx
import { Button, Card, toast, Toaster } from "@puskevi/smth-ui";

// Put once in your layout
<Toaster />

// Use anywhere
<Button color="#876cff">Click me</Button>
toast.success("Done!");
```

## Theming

All components read CSS custom properties. Override them on any wrapper:

```css
.my-section {
  --surface:    #111111;
  --surface-hi: #1c1c1c;
  --surface-lo: #0a0a0a;
  --text:       #e8e8e8;
  --text-sub:   #888;
  --text-muted: #444;
  --radius:     12px;
  --radius-sm:  7px;
  --radius-lg:  17px;
  --bg:         #000;
}
```

Pass `color` to override the accent on any component:

```tsx
<Button color="#f43f5e">Danger-ish</Button>
<Tabs color="#0ea5e9" tabs={...}>{...}</Tabs>
<Notifications color="#4ade80" items={notifs} />
```

## Components

Accordion, Alert, Avatar, AvatarGroup, Badge, Breadcrumb, Button, Card, CodeDisplay, DigitCounter, Divider, Drawer, DropdownMenu, EmptyState, Input, Textarea, Kbd, Modal, Notifications, NumberInput, Pagination, Popover, Progress, Select, Skeleton, Spinner, StatCard, Table, Tabs, TagInput, Toast, Toggle, Checkbox, Radio, Tooltip

## AI / Agent Integration

An `AGENTS.md` file ships with the package with full component API references and AI-friendly usage patterns.

```bash
cat node_modules/@puskevi/smth-ui/AGENTS.md
```

## Requirements

React 18+
npm package: @pusky/react-leaflet-sidetabs
Description: react-leaflet sidebar inspired by leaflet-sidebar-v2. Forked from eferhatg
Author: pusky
Latest version: 2.1.1

# react-leaflet-sidetabs [(DEMO)](https://eferhatg.com/react-leaflet-sidetabs/)

> A [react-leaflet](https://github.com/PaulLeCam/react-leaflet) plugin of [sidebar-v2](https://github.com/Turbo87/sidebar-v2)

[![NPM](https://img.shields.io/npm/v/react-leaflet-sidetabs.svg)](https://www.npmjs.com/package/react-leaflet-v2sidebar-v2) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

inspired by [@condense/react-leaflet-sidebarv2](https://github.com/condense/react-leaflet-sidebarv2)



## Install

```bash
npm install --save react-leaflet-sidetabs
```

## Usage

Sidebar should be sibling of react-leaflet Map component. 

[react-icons](https://github.com/react-icons/react-icons) is used at the example below. Any other icon library can also be used by giving icon names as string to *icon* and *closeIcon* props. 

*onClose* and *onOpen* callbacks should be given as props to change state *collapsed* and *selected* especially.

Sidebar is alignable to left and right with *position* prop. Also Tabs are alignable to bottom and top with *anchor* prop.


```jsx
import React, { Component } from 'react'
import { Map, TileLayer } from 'react-leaflet';
import 'leaflet/dist/leaflet.css';
import { Sidebar, Tab } from 'react-leaflet-sidetabs'
import { FiHome, FiChevronRight, FiSearch, FiSettings } from "react-icons/fi";

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      collapsed: true,
      selected: 'home',
    };
  }

  onClose() {
    this.setState({collapsed: true});
  }
  onOpen(id) {
    this.setState({
      collapsed: false,
      selected: id,
    })
  }

  render () {
    return (
      <div>
        <Sidebar
          id="sidebar"
          position="right"
          collapsed={this.state.collapsed}
          closeIcon={<FiChevronRight />}
          selected={this.state.selected}
          onOpen={this.onOpen.bind(this)}
          onClose={this.onClose.bind(this)}
        >
           <Tab id="home" header="Home" icon={<FiHome />}>
            <p>No place like home!</p>
           </Tab>
           <Tab id="search" header="Search" icon={<FiSearch />}>
            <p>The noblest search is the search for excellence!</p>
           </Tab>
           <Tab id="settings" header="Settings" anchor="bottom" icon={<FiSettings />}>
            <p>We don't want privacy so much as privacy settings!</p>
           </Tab>           
        </Sidebar>

        <Map className="mapStyle" center={[0, 0]} zoom={7}>
          <TileLayer
            attribution=""
            url={'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'}
          />
        </Map>
      </div>
    )
  }
}
```

## License

MIT © [eferhatg](https://github.com/eferhatg)
npm package: @pustelto/css-split
Description: Node script for code-splitting CSS files
Author: Tomas Pustelnik
Latest version: 0.1.1

# [WIP] css-split

*Automatic CSS code-splitting for static generated sites.*

Script for automatic code splitting of CSS files to minimize the payload of the page. It removes unused code for each of your pages so you downlaod only CSS that is needed. It works with HTML documents in order to decide how to split the CSS (what CSS remove from which page). For this reason it can play nicely with sites generated by some static site generator (eg. Eleventy, Jekyll). So far I'm using it on my personal blog. But feel free to test it on your site as well. 

## Installation

`npm i @pustelto/css-split` or `yarn @pustelto/css-split`

## How to use

1. In the root of your project create new javascript file (give it whatever name you want, eg. `split-css.js`) and put the content below inside (see *Configuration* section for more info about the config object.

```javascript
const cssSplit = require("@pustelto/css-split");

const CONFIG = {
  targetFolder: "_site",
  html: [
    "index.html",
    "projects/index.html",
    "blog/index.html",
    { path: "blog/*/index.html", outputName: "article" },
  ],
  cssPath: "styles/main.css",
};

cssSplit(CONFIG);

```

1. Add `node css-split.js` to your build script, eg. for sites generetated via Eleventy: `npx @11ty/eleventy && node split-css.js`.
1. Now when you build your site your main CSS file will be split to bunch of others smaller CSS files based on the config you provided.

### Configuration

**There is no default configuration so far, so you have to provide all parameters.**

- `targetFolder` - path to the folder wcontaining final CSS and HTML files, usually a `dist` or `build` folder.
- `html` - array of strings or objects with paths to HTML files. Paths are relative to `targetOutput`. Each item in the array produce one CSS file for the HTML files cover by that path glob. Can be direct path to one HTML file or a glob to contain multiple HTML files in a folder. Accepts any valid [minimatch](https://github.com/isaacs/minimatch) pattern (uses [Glob package](https://www.npmjs.com/package/glob) to find a files). When using object, it has to have shape `{path: <glob_pattern>, outputName: <string>}`. path prop contain glob for HTML and outputName will be used to name a CSS chunk. This is mainly useful for glob pattern selecting multiple HTML files in a folder (eg. you want to output one CSS file for all articles, instead of unique CSS for each article).
- `cssPath` - path to a CSS file which should be code splitted. It's relative to `targetOutput`

## Real life example
- [My personal blog](https://pustelto.com), source code is here: [blog's repo](https://github.com/Pustelto/personal_web)

## Contribution

Any feedback, suggestions for improvements and PRs are welcome. It's quick prototype to test some concepts, but it should work most of the time. I plan to wokr on it further in the future.

## License

MIT
npm package: @pusula/calendar
Description: Basic one day calendar.
Author: Pusula
Latest version: 1.0.13

# @sabasayer/calendar

Basic one day calendar.

## Usage

Use calendar-day component for one day.

```html
<calendar-day
  @item-click="itemClicked"
  @item-drop="itemDrop"
  @item-resize="itemResize"
  @area-select="areaSelect"
  header="My Day"
  :start-time="startTime"
  :end-time="endTime"
  :events="events"
  :hour-height="hourHeight"
  :minute-interval="minuteInterval"
  :hour-padding-right="20"
  :is-area-selectable="true"
  :minutes-render-start-time="minutesRenderStartTime"
/>
```

events:

```typescript
interface CalendarEvent<T = undefined> {
  id: string | number;
  /**
   * timeSpan
   */
  from: string;
  /**
   * timeSpan
   */
  to: string;
  title: string;
  /**
   * valid css color
   */
  color: string;
  borderColor?: string;
  textColor?: string;
  isBordered?: boolean;
  borderRadius?: string;
  /**
   * Effects render with collided items
   */
  position: EnumCalendarDayItemPosition;
  /**
   * Must be bigger then zero
   */
  zIndex: number;

  isClickable?: boolean;
  isDraggable?: boolean;
  isResizable?: boolean;

  /**
   * Data for customization
   */
  detail?: T;
}
```

## Props

```typescript

    hasHeader: boolean;
    startTime?: string;
    endTime?: string;
    hourHeight: number;
    isHoursVisible: boolean;
    isMinutesVisible: boolean;
    Header?: string;
    events: CalendarEvent[];
    horizontalMarginBetweenItems: number;
    minuteInterval: number;
    hourPaddingRight: number;
    isActionsDisabled: boolean;
    isMinutesClickable: boolean;
    isAreaSelectable: boolean;
    newItemPosition: EnumCalendarDayItemPosition;
    minutesRenderStartTime?: string;
```

## Slots

## Project setup

```
yarn install
```

### Compiles and hot-reloads for development

```
yarn serve
```

### Compiles and minifies for production

```
yarn build
```

### Run your unit tests

```
yarn test:unit
```
npm package: @pusula/layout-row-based
Description: Row based dynamic layout creater.
Author: Pusula
Latest version: 1.0.3

# layout-row-based

Row based dynamic layout creater. 

Rows can be divided to columns and can contain any number of items.

Items can be moved from column to column and sorted inside columns by drag and drop.

For drag and drop used [shopify/draggable](https://github.com/Shopify/draggable).


## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Example Usage

```
<template>
 <layout-container
        :rows="rows"
        @update:rows="updateRows"
        :layout-items.sync="items"
        @update:layoutItems="updateLayout"
        edit-mode
        sortable
        >
            <template #default="{id}">
                <div style="padding:40px;background:pink;">id : {{id}} , order :{{getItem(id).order}}</div>
            </template>
</layout-container>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { LayoutContainerComponent } from "@sabasayer/layout-row-based";
import { LayoutItem, LayoutRow } from "@sabasayer/layout-row-based/types/lib/layout-row";

@Component({
    components: {
        "layout-container": LayoutContainerComponent
    }
})
export default class App extends Vue {
    rows: LayoutRow[] = [
        { row: 1, columns: 2 },
        { row: 2, columns: 3 },
        { row: 3, columns: 1 }
    ];

    items: LayoutItem[] = [
        { row: 1, column: 1, order: 0, id: 1 },
        { row: 1, column: 1, order: 1, id: 2 },
    ];

    get getItem(){
        return (id:number) => this.items.find(e=>e.id == id);
    }

    updateRows(rows: LayoutRow[]) {
    }

    updateLayout(layout: LayoutItem[]) {
        console.log('layout',layout)
    }
}
</script>
```

### Compiles and minifies for production
```
yarn build
```

### Run your unit tests
```
yarn test:unit
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).