open-index/open-npm huggingface dataset:
npm package: @markopolo_ai_inc/mobile-sdk
Description: The mobile SDK for MarkTag
Author: Markopolo AI
Latest version: 0.1.10

# MarkTag Mobile SDK

Visit [https://markopolo-inc.github.io/marktag-docs](https://markopolo-inc.github.io/marktag-docs) for documentation and examples.

## Publishing to npm

The package is scoped: `@markopolo_ai_inc/mobile-sdk`.

### One-time setup

1. **Create an npm account** at [npmjs.com](https://www.npmjs.com/signup) if needed.
2. **Log in** from the repo root:
   ```bash
   npm login
   ```
   Enter your npm username, password, and email/OTP.
3. **Ensure you have publish access** to the `@markopoli_ai_inc` scope (you must be a member of the org on npm, or the scope must match your username).

### Publish a new version

**Option A – Manual version and publish**

```bash
# From repo root
cd "/Users/macbookprom1/Desktop/Office works/marktag-sdk-react-native"

# 1. Build the library (src → lib)
npm run build

# 2. Bump version in package.json (e.g. 0.1.7 → 0.1.8), then:
npm publish --access public
```

Use `--access public` so the scoped package is visible to everyone (required for scoped packages if the scope is not your user).

**Option B – Automated release (version bump + changelog + git tag + npm publish)**

```bash
npm run release
```

This runs [release-it](https://github.com/release-it/release-it): it will prompt for the new version, update `package.json`, create a git commit and tag, push, create a GitHub release, and run `npm publish`.

### Notes

- **What gets published:** Only the root package. The `files` field in `package.json` controls what is included (e.g. `src`, `lib`, `android`, `ios`, `*.podspec`). The `example` app is not published.
- **Before publishing:** `prepublishOnly` runs `npm run build`, so the library is built automatically before the tarball is created.
- **First time:** For a new scoped package, use `npm publish --access public` so it appears as a public package on npm.
npm package: @markoradak/styled-responsive-props
Description: Intuitive responsive props system for styled components.
Author: markoradak
Latest version: 1.0.0

# styled-responsive-props

> Intuitive responsive props system for styled components.

[![NPM](https://img.shields.io/npm/v/styled-responsive-props.svg)](https://www.npmjs.com/package/styled-responsive-props) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save styled-responsive-props
```

## Usage

Register within styled component:
```jsx
${responsiveProp([cssProp, reactProp, ?defaultValue])}
```

Use within render:
```jsx
<Box direction={[?default, [minWidth, value, maxWidth]}>
```

Example:
```jsx
import React from 'react'
import styled from 'styled-components';
import { responsiveProp } from "styled-responsive-props";

const Box = styled.div`
  display: flex;
  align-items: center;
  justify-content: center;
  ${responsiveProp(["flex-direction", "direction"])}
`;

const Example = ({ children }) => (
  <Box direction={["column", [1024, "row"]}>
    {children}
  </Box>
)
```

## License

MIT © [markoradak](https://github.com/markoradak)
npm package: @markorusic/create-reducer
Description: Helper for creating clean, readable, boilerplate free reducers
Author: Marko Rusic
Latest version: 1.3.0

# @markorusic/create-reducer

[![npm (scoped)](https://img.shields.io/npm/v/@markorusic/create-reducer.svg)](https://www.npmjs.com/package/@markorusic/create-reducer)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@markorusic/create-reducer.svg)](https://www.npmjs.com/package/@markorusic/create-reducer)

[Create cleaner, more readable, boilerplate-free reducers applicable to any JavaScript environment.](https://medium.com/@markorusic/write-cleaner-reducers-1c433a94a166)

## Install

```
$ npm i @markorusic/create-reducer
```

## Usage

```js
import createReducer from '@markorusic/create-reducer'

const initialState = { count: 0 }

const actionTypes = {
  increment: 'increment',
  decrement: 'decrement'
}

const counterReducer = createReducer({
  [actionTypes.increment]: state => ({
    count: state.count + 1
  }),
  [actionTypes.decrement]: state => ({
    count: state.count - 1
  })
}, initialState)
```
npm package: @markosamuli/postcss-at2x
Description: Adds at-2x keyword to background and background-image declarations to add retina support for images.
Author: Simon Smith
Latest version: 4.0.3

# postcss-at2x [![Build Status](https://travis-ci.org/markosamuli/postcss-at2x.svg)](https://travis-ci.org/markosamuli/postcss-at2x)

Forked from [simonsmith/postcss-at2x](https://github.com/simonsmith/postcss-at2x)

Ported from [rework-plugin-at2x](https://github.com/reworkcss/rework-plugin-at2x)

## Installation

```console
npm install @markosamuli/postcss-at2x --save-dev
```

## Usage

```js
const fs = require('fs');
const postcss = require('postcss');
const at2x = require('@markosamuli/postcss-at2x');

const input = fs.readFileSync('input.css', 'utf8');

const output = postcss()
  .use(at2x())
  .process(input)
  .then(result => console.log(result.css));
```

### .at2x()

Adds `at-2x` keyword to `background` and `background-image` declarations to add retina support for images.

**Input**

```css
.multi {
  background: url(http://example.com/image.png),
              linear-gradient(to right, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 1)),
              green,
              url(/public/images/cool.png) at-2x;
}
```

**Output**

```css
.multi {
  background: url(http://example.com/image.png),
              linear-gradient(to right, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 1)),
              green,
              url(/public/images/cool.png);
}

@media (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .multi {
    background-image: url(http://example.com/image.png), 
                      linear-gradient(to right, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 1)), 
                      none,
                      url(/public/images/cool@2x.png);
  }
}
```

### Options

##### `identifier` (default: `"@2x"`) _string_

Change the identifier added to retina images, for example `file@2x.png` can be `file-retina.png`.

##### `detectImageSize` (default: `false`) _boolean_

Obtains the image dimensions of the non-retina image automatically and applies them to the
`background-size` property of the retina image.

##### `skipMissingRetina` (default: `false`) _boolean_

If the retina image cannot be found on the file system it will be skipped and
not output into the result CSS.

##### `resolveImagePath` _function_

Get resolved image path for detecting image size. By default, original `url` value is resolved from current working directory (`process.cwd()`).

Function receives two arguments: original `url` value and [PostCSS declaration source](http://api.postcss.org/Declaration.html#source).

**Output**

```css
.element {
  background: url(img.jpg) no-repeat;
}

@media (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .element {
    background: url(img@2x.jpg) no-repeat;
    background-size: 540px 675px; /* Dimensions of img.jpg */
  }
}
```

See [PostCSS](https://github.com/postcss/postcss/) docs for examples for your environment.
npm package: @markoskon/ftnode
Description: A script that runs a list of font files through varLib.instancer and/or pyftsubset.
Author: Markos Konstantopoulos
Latest version: 0.2.0

# Font tools node

A script that runs a list of font files through `varLib.instancer` and/or `pyftsubset`. See the [help menu](help.txt).

## Install

`npm i -g @markoskon/ftnode`

### Dependencies

`varLib.instancer` and `pyftsubset` are part of the python package `fonttools`, and for this script to work, you need to install them with `pip install fonttools Brotli` (Brotli is required by the fontttools).

## How to use

Run `ftnode --help` or see the [the help menu generated by yargs](help.txt).
npm package: @markoskon/scrape-url-node
Description: A node script that scrapes linked URLs from an initial URL (under the same origin) recursively and reports in the console the unique characters it found.
Author: Markos Konstantopoulos
Latest version: 0.3.1

# Scrape URLs

A node script that scrapes from an initial URL linked URLs, under the same origin, recursively. It then reports in the console:

- The unique characters from the HTML pages it visited.
- The URLs it discovered and visited. In other words, you get a list with all the linked pages under the same origin.
- A list of URLs it discovered and not visited because they are not from the same origin. In other words, you get a list with all the URLs you link to (this list also includes URLs with hashes and non http/https, though).

## Install

```bash
npm i -g @markoskon/scrape-url-node
```

## Usage

```bash
scrape [option..] <url>
# get the help menu
scrape --help
```

## Future updates

There's a (small) chance to extend it to search for other information, not only URL lists and characters. This is because the ability to recursively discover URLs from a root URL seems useful (I'm sure there are many programs that already do this, but, oh well). I could implement this by parsing additional options in the CLI, or even with a callback, if I export a function that you then can import in your code.

For the time being, I'm _not_ considering to execute JavaScript with a tool like Puppeteer, because the information I want doesn't require it.