open-index/open-npm huggingface dataset:
npm package: @hodgef/blank-ssr-theme
Description: Blank SSR Theme for PRSS
Author: Francisco Hodge
Latest version: 1.0.3

<p>
  <img src="public/thumbnail.png" width="500" />
  <h2>Blank SSR</h2>
  <blockquote>Default PRSS theme, suitable for blogs and more.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>
npm package: @hodgef/blank-theme
Description: CSR Blank Theme for PRSS (Legacy)
Author: Francisco Hodge
Latest version: 2.0.9

<p>
  <img src="build/thumbnail.png" width="500" />
  <h2>Blank (CSR - Legacy)</h2>
  <blockquote>Absolute flexibility. All you need to let your imagination flow.</blockquote>
</p>

### ⚠️ How to use:
When you first build your page with the theme, you'll notice nothing shows up. This is intentional, as it's up to you to use the data to build your layout.

The [PRSS Client Library](https://github.com/prss-io/prss-client/blob/master/src/index.js), is already loaded with the Theme. Use its methods to render your content.

#### Example
> Note: For a more detailed example, check out the [v1.15.0 release notes](https://github.com/hodgef/PRSS/releases/tag/v1.15.0).

```html
<script>
  const post = PRSS.getProp("item");

  PRSS.setContent("div.app", `
      <h1>${post.title}</h1>
      <div class="content">
          ${post.content}
      </div>
   `, true);
</script>

```
![image](https://github.com/prss-io/blank-theme/assets/25509135/01182596-7e65-47dd-93be-7c10599b6c3a)
![image](https://github.com/prss-io/blank-theme/assets/25509135/0b045d89-0b9d-40f8-8d30-f2dd221a388e)

Alternatively, you can apply this code to all pages of your site:

![image](https://github.com/prss-io/blank-theme/assets/25509135/5f307622-5466-41ac-b3dd-fc1be1312fc1)
![image](https://github.com/prss-io/blank-theme/assets/25509135/6a54e349-5acd-4d5e-910d-d4114a44a3c3)


<div align="right">
  <p><a href="https://prss.io"><img src="https://i.imgur.com/5OQD7eL.png" width="130" /></a></p>
</div>
npm package: @hodgef/landing-theme
Description: Landing Theme for PRSS
Author: Francisco Hodge
Latest version: 3.0.34

<p>
  <img src="./public/thumbnail.png" width="500" />
  <h2>Landing</h2>
  <blockquote>Theme geared for showcase sites.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>
npm package: @hodgef/point-theme
Description: Point Theme for PRSS
Author: Francisco Hodge
Latest version: 1.0.1

<p>
  <img src="public/thumbnail.png" width="500" />
  <h2>Point</h2>
  <blockquote>Shadcn inspired PRSS theme, suitable as starting point for custom sites.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>
npm package: @hodgef/press-theme
Description: Press Theme for PRSS
Author: Francisco Hodge
Latest version: 3.1.0

<p>
  <img src="./public/thumbnail.png" width="500" />
  <h2>Press</h2>
  <blockquote>Versatile theme, suitable for blogs, documentation sites and more.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>
npm package: @hodgef/slate-dark-theme
Description: Slate Dark Theme for PRSS
Author: Francisco Hodge
Latest version: 3.0.35

<p>
  <img src="public/thumbnail.png" width="500" />
  <h2>Slate Dark</h2>
  <blockquote>The default Slate theme, now in dark mode. Suitable for blogs, documentation sites and more.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>
npm package: @hodgef/slate-theme
Description: Slate Theme for PRSS
Author: Francisco Hodge
Latest version: 3.0.34

<p>
  <img src="public/thumbnail.png" width="500" />
  <h2>Slate</h2>
  <blockquote>Default PRSS theme, suitable for blogs and more.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>
npm package: @hodgef/ts-library-boilerplate-basic
Description: Typescript Minimal Starter Kit for building libraries
Author: Francisco Hodge
Latest version: 1.1.354

 <div align="center">
 <img align="center" width="230" src="https://i.imgur.com/iHgtvmg.png" />
  <h2>Typescript Library Boilerplate Basic</h2>
  <blockquote>Minimal Library Starter Kit for your Typescript projects</blockquote>
 
 <a href="https://www.npmjs.com/package/@hodgef/ts-library-boilerplate-basic"><img src="https://badgen.net/npm/v/@hodgef/ts-library-boilerplate-basic?color=blue" alt="npm version"></a> <a href="https://github.com/hodgef/ts-library-boilerplate"><img src="https://img.shields.io/github/last-commit/hodgef/ts-library-boilerplate" alt="latest commit"></a> <a href="https://github.com/hodgef/ts-library-boilerplate-basic/actions"><img alt="Build Status" src="https://github.com/hodgef/ts-library-boilerplate-basic/workflows/Build/badge.svg?color=green" /></a> <a href="https://github.com/hodgef/ts-library-boilerplate-basic/actions"> <img alt="Publish Status" src="https://github.com/hodgef/ts-library-boilerplate-basic/workflows/Publish/badge.svg?color=green" /></a>

<strong>For a plain Javascript alternative, check out [js-library-boilerplate-basic](https://github.com/hodgef/js-library-boilerplate-basic).</strong>

</div>

## ⭐️ Features

- Webpack 5
- Babel 7
- Hot reloading (`npm start`)
- Automatic Types file generation (index.d.ts)
- UMD exports, so your library works everywhere.
- Jest unit testing
- Customizable file headers for your build [(Example 1)](https://github.com/hodgef/ts-library-boilerplate-basic/blob/master/build/index.js) [(Example2)](https://github.com/hodgef/ts-library-boilerplate-basic/blob/master/build/css/index.css)
- Daily [dependabot](https://dependabot.com) dependency updates

## 📦 Getting Started

```
git clone https://github.com/hodgef/ts-library-boilerplate-basic.git myLibrary
npm install
```

## 💎 Customization

> Before shipping, make sure to:

1. Edit `LICENSE` file
2. Edit `package.json` information (These will be used to generate the headers for your built files)
3. Edit `library: "MyLibrary"` with your library's export name in `./webpack.config.js`

## 🚀 Deployment

1. `npm publish`
2. Your users can include your library as usual

### npm

```
import MyLibrary from 'my-library';
const libraryInstance = new MyLibrary();
...
```

### self-host/cdn

```
<script src="build/index.js"></script>

const MyLibrary = window.MyLibrary.default;
const libraryInstance = new MyLibrary();
...
```

## ✅ Libraries built with this boilerplate

> Made a library using this starter kit? Share it here by [submitting a pull request](https://github.com/hodgef/ts-library-boilerplate-basic/pulls)!

- [simple-keyboard](https://github.com/hodgef/simple-keyboard) - Javascript Virtual Keyboard
- [react-simple-keyboard](https://github.com/hodgef/react-simple-keyboard) - React Virtual Keyboard
- [simple-keyboard-layouts](https://github.com/hodgef/simple-keyboard-layouts) - Keyboard layouts for simple-keyboard
- [atlas-monaco](https://github.com/datdao/atlas-monaco) - AtlasHCL for monaco editor
npm package: @hodgef/vantage-theme
Description: Vantage Theme for PRSS
Author: Francisco Hodge
Latest version: 1.0.18

<p>
  <img src="public/thumbnail.png" width="500" />
  <h2>Vantage</h2>
  <blockquote>Shadcn inspired PRSS theme, suitable as starting point for custom sites.</blockquote>
</p>

<div align="right">
  <p><a href="https://prss.io"><img src="./public/prss.png" width="130" /></a></p>
</div>