open-index/open-npm huggingface dataset:
npm package: @foxpage/foxpage-sdk-browser
Description: foxpage browser sdk
Author: drxiao
Latest version: 1.1.1

# Foxpage SDK Browser

Foxpage all sdk collection of browser.

## Usage

```ts
import foxpageSDK from '@foxpage/foxpage-sdk-browser';

// js sdk api
foxpageSDK.xxx();

//core
foxpageSDK.moduleLoader.xxx();

//core
foxpageSDK.core.xxx();

// shared
foxpageSDK.shared.xxx();
```
npm package: @foxpage/foxpage-sdk-nodejs
Description: foxpage nodejs sdk
Author: drxiao
Latest version: 1.1.1

# Foxpage SDK Nodejs

Foxpage all sdk collection of nodejs.

## Usage

```ts
import foxpageSDK from '@foxpage/foxpage-sdk-nodejs';

// init
foxpageSDK.init();

// koa middleware
foxpageSDK.koaMiddleware();

// plugin
foxpageSDK.plugin.xxx();

// manager
foxpageSDK.manager.xxx();

//core
foxpageSDK.core.xxx();

// shared
foxpageSDK.shared.xxx();
```
npm package: @foxpro/astro-svg-components
Description: Import SVG files as Astro templates
Author: foxpro tuningiposadka@gmail.com
Latest version: 0.1.3

Import SVG files as astro components

Install:
`pnpm i -D @foxpro/astro-svg-components`

Config:

```js
import astroSvgComnponents from '@foxpro/astro-svg-components'
export default defineConfig({
  integrations: [astroSvgComnponents()],
  // optional! alias
  vite: {
    resolve: {
      alias: [
        {
          find: '@',
          replacement: path.resolve('.'),
        },
      ],
    },
  },
})
```

Astro file:

```jsx
---
import CircleIcon from '@/svgs/circle.svg?component-astro'
const icons = import.meta.glob('@/svgs/*.svg', { as: 'component-astro', eager: true })

import { globSVG } from '@foxpro/astro-svg-components'
const icons = globSVG('@/svgs/*.svg')
---
// Props are passed to <svg> element
<CircleIcon class="icon">
{icons.map((Icon) => <Icon class="icon" />)}
```

tsconfig:

```json
{
  "compilerOptions": {
    "types": ["@foxpro/astro-svg-components/types"]
  }
}
```
npm package: @foxpro/linaria-vite
Description: Blazing fast zero-runtime CSS in JS library
Latest version: 1.0.0

<p align="center">
  <img alt="Linaria" src="https://raw.githubusercontent.com/callstack/linaria/HEAD/website/assets/linaria-logo@2x.png" width="496">
</p>

<p align="center">
Zero-runtime CSS in JS library.
</p>

---

### 📖 Please refer to the [GitHub](https://github.com/callstack/linaria#readme) for full documentation.

## Features

- Write CSS in JS, but with **zero runtime**, CSS is extracted to CSS files during build
- Familiar **CSS syntax** with Sass like nesting
- Use **dynamic prop based styles** with the React bindings, uses CSS variables behind the scenes
- Easily find where the style was defined with **CSS sourcemaps**
- **Lint your CSS** in JS with [stylelint](https://github.com/stylelint/stylelint)
- Use **JavaScript for logic**, no CSS preprocessor needed
- Optionally use any **CSS preprocessor** such as Sass or PostCSS

**[Why use Linaria](../../docs/BENEFITS.md)**

## Installation

```sh
npm install @linaria/core @linaria/react @linaria/babel-preset
```

or

```sh
yarn add @linaria/core @linaria/react @linaria/babel-preset
```