open-index/open-npm huggingface dataset:
npm package: @pantas/pantas.uni-core
Description: Universal package, that runs on NodeJs and Browser environment package
Author: Rommel Manalo
Latest version: 1.10.0

# pantas.uni-core

This is the repository for the common code for all Pantas javascript applications

####Change Logs
#####v. 1.10.0
- (feat) Updated the apollo-client

#####v. 1.9.0
- (feat) Added the common validation for school register utils
- (feat) Added new status, unpaid and pending-payment status for school register

#####v. 1.7.0
- (feat) Remove the HOC containers
- (feat) Added the useSchoolRegisterStatus

#####v. 1.6.0
 - (feat) added the pantas.canAccess permission
 
#####v. 1.4.1
 - (feat) added the userOwnSchoolRegisterHook
 
#####v. 1.4.0
 - (feat) started migrating to hooks
npm package: @pantelwar/js-utils
Description: A utility package for commonly used javascript functions utilized on daily basis in Pantelwar's projects.
Author: Pantelwar
Latest version: 0.3.0

# Pantelwar Utilities

## Description

This is a general purpose utility package for usage in javascript or typescript projects. All the functions here are well tested and used widely multiple times

Kindly check this package before making your own utilities in the project.

## API Reference

Visit [here](https://pantelwar.github.io/js-utils/) for a complete API Reference and details about all the functions with some examples

## Installation

For yarn users: (recommended)

```
yarn add @pantelwar/js-utils
```

For npm users:

```
npm install @pantelwar/js-utils
```

## Usage

The API is pretty straightforward to use, just directly import the utility function you want and call it straight from your javascript (or typescript) file. Please check out the full API Reference for all functions.

```ts
import { paramCase } from "@pantelwar/js-utils";

console.log(paramCase("Privacy Policy")); // "privacy-policy"
```

## Guidelines

Here are some guidelines to use some of the functions of this package.

- For using the `date`, create another `format-time.ts` file in the utils directory of the project, since every project will have different date standards.
- The `dom` package must only be used in browser contexts, so no SSR or node.js environments. It can contain DOM APIs such as `document` or `localStorage` which are not available in server side contexts.
- The `formik` package is used to get make the mui's input components react to error states, it should only be used if the project is using formik and mui both, although we can still use it with any UI library with some output mapping.
npm package: @panter/catladder
Description: panter cli tool for kubernetes
Author: Marco Wettstein
Latest version: 4.0.3

# catladder 🐱 🔧

panter cli tool for kubernetes

**WARNING**: This is the old legacy version of catladder. The new version is `@catladder/cli` (https://git.panter.ch/catladder/catladder)

## Install

`yarn global add @panter/catladder`

or npm users

`npm install -g @panter/catladder`

## Getting started
You'll need
- Google Cloud SDK ([see installation instructions](https://cloud.google.com/sdk/docs/install))
- Kubectl ([see installation instructions](https://kubernetes.io/docs/tasks/tools/))
- Cloud SQL Auth proxy ([see installation instructions](https://cloud.google.com/sql/docs/postgres/sql-proxy#install))
- Bitwarden CLI ([see installation instructions](https://bitwarden.com/help/article/cli/))

Afterwards you need to connect to your cluster, e.g. `gcloud container clusters get-credentials clustername --zone google-zone --project google-project-id`
In most cases you'll find the details on the Google Cloud [cluster overview ](https://console.cloud.google.com/kubernetes/list?project=skynet-164509)

It just works™

Use command `catladder-legacy` on any Git repo

## Preferences

catladder stores some preferences in `~/.catladder/preferences.yml` in case you want to change settings.

## Contribution

Check the docu [here](/CONTRIBUTING.md).
npm package: @panter/manul-alerts
Description: Adapter for https://github.com/kadirahq/flow-router for manul/mantra/react-apps
Author: Marco Wettstein
Latest version: 0.2.0

# Manul-Router

Adapter for https://github.com/kadirahq/flow-router for manul/mantra/react-apps

We implemented it to hide FlowRouter and make a transition to react-router more easy.

It also provides a function to create navigation-items that can be used to create navigations.

## Install

`npm install --save @panter/manul-router`

## Features

- **minimal api** exposes some functions of FlowRouter and adds functions to create navigation items that can be used in navgiations
- **No automatic link detection** unlike vanilla FlowRouter, but similar to react-reacter, simple <a>-tags will cause a page-reload! 
You have to create a navItem (with createNavItem) which will have a onClick-Function that can be passed to an <a>-tag. 
The automatic link detection causes problem if you want to interfer with the click, that's why we decided to disable it. 
This makes it easier to switch to react-router because it behaves similarly.
npm package: @panter/manul-files
Author: Marco Wettstein
Latest version: 0.2.0

# manul-files


This package provides services and HOCs for file uploads using Slingshot in mantra-apps.
It's currently only working for amazon-s3.

## Usage

### configure directives

In a common-directory (client & server) you can place directives. 
Each one has a name (here `userProfileImages`):

```

import { Meteor } from 'meteor/meteor';
import { Random } from 'meteor/random';

// see also server/slingshot
// authorize and key are run on the server
export default {
  userProfileImages: {
    fileRestrictions: {
      allowedFileTypes: ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml'],
      maxSizeClient: 10 * 1024 * 1024, // we resize
      resizeToMaxDimension: 720, // width or height in pixels
      maxSize: 200 * 1024, // on server, this is also limit where compression starts
    },
    server: {
      authorize() {
        // for logged in users
        if (
        !this.userId
        ) {
          const message = 'Not authorized';
          throw new Meteor.Error('not allowed', message);
        }

        return true;
      },
      key(file) {
        if (!this.userId) {
          throw new Meteor.Error('only allowed when user already exists');
        }
        const randomId = Random.id();
        const extension = require('/server/get_file_extension').default(file);

        return `user_profile_images/${this.userId}/${randomId}.${extension}`;
      },
    },
  },
};
```

### init server

on server, call this on startup:

```
import { initServer } from '@panter/manul-files';

import Directives from '/lib/slingshot_directives';


Meteor.startup(() => {
  initServer({ Slingshot, Directives, bucket: 'your-amazon-bucket' });
})
```

### client

In your context.js, instantiate a new upload instance and add it to the context:

```
import { Slingshot } from 'meteor/edgee:slingshot';
import Directives from '/lib/slingshot_directives';

// ...
const context = {
  // ...
  uploadService: new UploadClient({ Slingshot, Directives })
};
```

You can now use this hoc to compose a file field:

```

import { withUploader } from '@panter/manul-files';

const FileField = withUploader(({
  fileRestrictions,
  upload, // upload function: upload(file, callback)
  progress, // progress in percent
  value, 
  onChange
}) => (
  <input type="file" onChange={file => upload(file, (error, url) => {
    if(error) {
      console.log(error);
    else {
      onChange(url)
    }
  }} />
))

```

You have now a FileField which can receive a `directiveName` like this:

```
<FileField directiveName="userProfileImages" value={...} onChange={...} />
```
npm package: @panter/manul-router
Description: Adapter for https://github.com/kadirahq/flow-router for manul/mantra/react-apps
Author: Marco Wettstein
Latest version: 0.7.0

# Manul-Router

Adapter for https://github.com/kadirahq/flow-router for manul/mantra/react-apps

We implemented it to hide FlowRouter and make a transition to react-router more easy.

It also provides a function to create navigation-items that can be used to create navigations.

## Install

`npm install --save @panter/manul-router`

## Features

- **minimal api** exposes some functions of FlowRouter and adds functions to create navigation items that can be used in navgiations
- **No automatic link detection** unlike vanilla FlowRouter, but similar to react-reacter, simple <a>-tags will cause a page-reload! 
You have to create a navItem (with createNavItem) which will have a onClick-Function that can be passed to an <a>-tag. 
The automatic link detection causes problem if you want to interfer with the click, that's why we decided to disable it. 
This makes it easier to switch to react-router because it behaves similarly.
npm package: @panter/node-plop
Description: programmatic plopping for fun and profit
Author: Andrew Worcester
Latest version: 0.13.1

Node-Plop
======

[![Greenkeeper badge](https://badges.greenkeeper.io/amwmedia/node-plop.svg)](https://greenkeeper.io/)
[![CircleCI](https://circleci.com/gh/amwmedia/node-plop/tree/master.svg?style=svg)](https://circleci.com/gh/amwmedia/node-plop/tree/master)

This is an early publication of the plop core logic being removed from the CLI tool. Main purpose for this is to make it easier for others to automate code generation through processes and tools OTHER than the command line. This also makes it easier to test the code functionality of PLOP without needing to test via the CLI interface.

Once I feel comfortable that this code functions as it should. I'll be driving the plop CLI tool using node-plop.

``` javascript
const nodePlop = require('node-plop');
// load an instance of plop from a plopfile
const plop = nodePlop(`./path/to/plopfile.js`);
// get a generator by name
const basicAdd = plop.getGenerator('basic-add');

// run all the generator actions using the data specified
basicAdd.runActions({name: 'this is a test'}).then(function (results) {
  // do something after the actions have run
});
```
npm package: @panter/react-forms-ant
Description: Input components for react forms using ant design.
Latest version: 2.0.2

# React Forms Ant

Input components for react forms using ant design.

# Installation

You can install Prisma Inputs using npm or yarn:

```shell
yarn add @panter/react-forms-ant
```

# ! Important NOTE !

This package is `not transpiled` jet.
If you want to use it with next js you need to add this to your `next.config.js`:

This package is a **basic implementation** of form input elements for ant, if you project needs more complex input elements the ui looks very different, please **copy** this project sources into **your monorepo** and use it as you own. 

Please feel free to contribute back the input elements you created.

```js
const nextConfig = {
  transpilePackages: ["@panter/react-forms-ant"]
  ...
}
```
npm package: @panter/react-native-modalbox
Description: A <Modal/> component for react-native
Author: Maxime Mezrahi
Latest version: 1.5.3

# react-native-modalbox

[![npm](https://img.shields.io/npm/dm/react-native-modalbox.svg?maxAge=2592000)]()
[![npm](https://img.shields.io/npm/dt/react-native-modalbox.svg?maxAge=2592000)]()   

A react native <Modal> component, easy, fully customizable, implementing the 'swipe down to close' feature.

## Preview
![](https://i.imgur.com/QTAYh81.gif)
![](http://i.imgur.com/3XULLt8.gif)

## Install

`npm install react-native-modalbox@latest --save`

## Example
Check [index.js](https://github.com/maxs15/react-native-modalbox/blob/master/Example/index.ios.js) in the Example folder.

## Properties

| Prop  | Default  | Type | Description |
| :------------ |:---------------:| :---------------:| :-----|
| isOpen | false | `bool` | Open/close the modal, optional, you can use the open/close methods instead  |
| isDisabled | false | `bool` | Disable any action on the modal (open, close, swipe)  |
| backdropPressToClose | true | `bool` | Close the the modal by pressing on the backdrop |
| swipeToClose | true | `bool` | Set to `true` to enable the swipe down to close feature |
| swipeThreshold | 50 | `number` | The threshold to reach in pixels to close the modal |
| swipeArea | - | `number` | The height in pixels of the swipeable area, window height by default |
| position | center | `string` | Control the modal position using `top` or `center` or `bottom`
| entry | bottom | `string` | Control the modal entry position `top` or `bottom`
| backdrop | true | `bool` | Display a backdrop behind the modal
| backdropOpacity | 0.5| `number` | Opacity of the backdrop
| backdropColor | black| `string` | backgroundColor of the backdrop
| backdropContent | null| `ReactElement` | Add an element in the backdrop (a close button for example)
| animationDuration | 400| `number` | Duration of the animation
| easing | Easing.elastic(0.8) | `function` | Easing function applied to opening modal animation
| backButtonClose | false | `bool` | (Android only) Close modal when receiving back button event
| startOpen | false | `bool` | Allow modal to appear open without animation upon first mount
| coverScreen | false | `bool` | Will use RN `Modal` component to cover the entire screen wherever the modal is mounted in the component hierarchy
| keyboardTopOffset | ios:22, android:0 | `number` | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening

## Events

| Prop  | Params  | Description |
| :------------ |:---------------:| :---------------:|
| onClosed | - | When the modal is close and the animation is done |
| onOpened | - | When the modal is open and the animation is done |
| onClosingState | state `bool` | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) |

## Methods
These methods are optional, you can use the isOpen property instead   

| Prop  | Params  | Description |
| :------------ |:---------------:| :---------------:|
| open | - | Open the modal |
| close | - | Close the modal |
npm package: @panter/simpl-to-graphql-schema
Description: simpl schema to graphql schema converter
Author: Lucas AGUILLON
Latest version: 1.0.5

# Simpl To GraphQL Schema

  
This is new updated and improved fork of [# Simple Schema - GraphQL Schema Bridge](https://github.com/kuip/meteor-schema-graphql-bridge) except it doesn't build your resolvers.

> Change only your Meteor Simple Schema: GraphQL schema are updated automatically.
> 
> Define your Simple Schemas for your collection and let `simpl-to-graphql-schema`  do the tedious work of defining the schema's basic fields and resolvers, for you.

This tool works with Meteor Framework.

- Installation

`npm install --save simpl-to-graphql-schema`

- Your simple schema

```js
import SimpleSchema from 'simpl-schema';
import { Mongo } from 'meteor/mongo';

// Define your collection
const Items = new Mongo.Collection('items');

//build your schema with SimpleSchema as usual
const Schemas = new SimpleSchema({
  _id: {
    type: String,
  },
  name: {
    type: String,
    label: "Item name",
  },
  ownerId: {
    type: String,
    label: "Owner identification",
  },
  createdAt: {
    type: String,
    label: "Item creation date",
  },
  updatedAt: {
    type: String,
    label: "Item last update",
  },
});

export default Schemas;
Items.attachSchema(Schemas);
```
- Your GraphQL schema

```js
import SimpleToGraphql from 'simpl-to-graphql';
import Schemas from './items';

const schemaGql = SimpleToGraphql.schema({ 
	// Your simple schema
	schema: Schemas, 
	// your grapqhl schema name
	name: 'Items', 
	// SimpleToGraphql options
	options: {
		// create schema only for those fields in an Array
		fields: ['name', 'ownerId', 'createdAt'],
		// insert scalars in an Array	
		scalar: ['Date'],
		// create schema except for those fields in an Array
        except: ['updatedAt'],
        // change fields type
        custom: {
            createdAt: "Date",
            updatedAt: "Date"
        },
		// add fields to your generated schema
		additional: [
			'checked: Boolean'
			'usersList: [Users]'
    ],
		// console.log() your generated schema
		print: true, //default false
	}
});
export default schemaGql;
```
- Your resolvers

```js
//in case your want to use the built in Date scalar
import { DateScalar } from 'simpl-to-graphql';
// collections
import Items from '/imports/api/pages/pages'

export default {
    Query: {
      item: (root, args, { userId }) => Items.findOne({ ownerId: userId }),
      items: (root, args, { userId }) => Items.find({ ownerId: userId }).fetch(),
    },
    // you can put it here or in your merge of resolvers with DateScalar
    Date: DateScalar.Date
  };
```
npm package: @panter/translate
Description: Visual translation editing library with framework adapters for in-app i18n management
Latest version: 0.0.54

# @panter/translate

> **Hold ⌘. Click. Translate.**

Edit translations directly in your running app—no rebuilds, no context switching, no tickets.

**@panter/translate** is a visual translation editing layer for your i18n setup. Press Cmd/Ctrl, click any text, and edit in place. Changes save instantly to your translation files or API.

## Features

- 🎯 **Visual Translation Editing** - Edit translations directly in your app by holding Cmd/Ctrl and clicking text
- 🔄 **Auto-save** - Changes save directly to local JSON files or via API
- 🔌 **Integration with your favorite i18n packages** - Drop-in replacement for next-intl and i18n-js with zero breaking changes
- 🚀 **Development-friendly** - Enable in development, disable in production with zero overhead
- 🎨 **Simple UI** - Built-in editing interface with intuitive keyboard shortcuts
- 🔀 **Create PR/MR** - Automatically creates pull/merge requests in your project's repository with published translation changes

## Installation

```bash
npm install @panter/translate
# or
yarn add @panter/translate
# or
pnpm add @panter/translate
```

## Integration Guides

Choose your i18n framework for detailed setup instructions:

- **[next-intl Integration Guide](https://github.com/panter/pan-translate/blob/main/docs/next-intl-guide.md)** - Complete setup for Next.js with next-intl
- **[i18n-js Integration Guide](https://github.com/panter/pan-translate/blob/main/docs/i18n-js-guide.md)** - Complete setup for i18n-js with Vite

When disabled, the library adds **zero runtime overhead** and behaves exactly like your standard i18n library.
npm package: @panter/vue-i18next
Description: i18next wrapper for vue
Author: Claudio Romano
Latest version: 0.15.2

# vue-i18next

[![Build Status](https://travis-ci.org/panter/vue-i18next.svg?branch=master)](https://travis-ci.org/panter/vue-i18next)
[![Coverage Status](https://coveralls.io/repos/github/panter/vue-i18next/badge.svg?branch=master)](https://coveralls.io/github/panter/vue-i18next?branch=master) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

> Internationalization for vue using the i18next i18n ecosystem. <https://panter.github.io/vue-i18next/>

# Introduction

18next goes beyond just providing the standard i18n features such as (plurals, context, interpolation, format). It provides you with a complete solution to localize your product from web to mobile and desktop.

**vue-i18next** is the vue support for i18next and provides:

- Component based localization
- Component interpolation
- Lazy load namespaces
- Namespaced translation for components

### Requirements

- vue >= **2.0.0**
- i18next >= **6.0.1**

## Documentation

See [here](http://panter.github.io/vue-i18next/)

## Init

```javascript
import Vue from 'vue';
import i18next from 'i18next';
import VueI18Next from '@panter/vue-i18next';

Vue.use(VueI18Next);

i18next.init({
  lng: 'de',
  resources: {
    ...
  }
});

const i18n = new VueI18Next(i18next);
new Vue({
  ...
  i18n: i18n,
});
```

## Changelog

Detailed changes for each release are documented in the [releases](https://github.com/panter/vue-i18next/releases).

## Issues

Please make sure to read the [Issue Reporting Checklist](https://github.com/panter/vue-i18next/blob/master/CONTRIBUTING.md##using-the-issue-tracker) before opening an issue. Issues not conforming to the guidelines may be closed immediately.

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/panter/vue-i18next/blob/master/CONTRIBUTING.md) before making a pull request.

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @pantheon-org/uikit
Description: Set of UI components for pantheon projects
Latest version: 0.0.7

# 🥞 Pantheon UIkit

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pantheon-org/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pantheon-org/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pantheon-org/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.