polar-footer

Wspoldzielony footer Polr jako instalowalna paczka na publiczny npm, bez kopiowania kodu miedzy repozytoriami.

Model publikacji

Docelowy model dla tego repo:

• kod w publicznym repo GitHub
• paczka publikowana do publicznego npm
• instalacja w innych projektach przez npm install

Ten projekt eksportuje teraz:

• web component pod polar-footer
• web component pod polar-logo
• wrappery React pod @polr/footer/react

Przed pierwszym publish

Finalna nazwa pakietu w package.json to:

• @polr/footer

Dla scoped package publikacja publiczna wymaga npm publish --access public.

Aktualna konfiguracja:

{
  "name": "@polr/footer"
}

Publikacja na npm

npm login
npm run build
npm publish --access public

Jesli publikujesz pakiet unscoped, zwykle wystarczy:

npm publish

Instalacja w innym repo

Instalacja:

npm install @polr/footer

Albo z Bun:

bun add @polr/footer

Uzycie w React

import { PolrFooter, PolrLogo } from "@polr/footer/react";

export function Layout() {
  return (
    <>
      <PolrLogo variant="white" href="https://polr.pl" />
      <PolrFooter variant="white" href="https://polr.pl" />
    </>
  );
}

Dostepne warianty:

• white
• black

Uzycie jako web component

import "@polr/footer";

<polar-logo variant="white" href="https://polr.pl"></polar-logo>
<polar-footer variant="black" href="https://polr.pl"></polar-footer>

polar-logo to standalone badge z ta sama animacja i logika hover/focus, ale bez kontenera footera.

Development

npm install
npm run dev

Z Bun:

bun install
bun run dev

Build

npm run build

Z Bun:

bun run build