@nohemia/widgets 0.1.0

package/README.pt.md

@@ -0,0 +1,149 @@
+# Nohemia Widgets
+
+**[English](README.md) · [Français](README.fr.md) · [Português](README.pt.md) · [Español](README.es.md) · [Italiano](README.it.md) · [Deutsch](README.de.md) · [Polski](README.pl.md) · [한국어](README.ko.md) · [日本語](README.ja.md) · [Türkçe](README.tr.md)**
+
+**Widgets gratuitos e incorporáveis de astrologia e lua para qualquer site.** Dados de efeméride reais, atualizados toda
+noite, sem conta, sem rastreamento, sem necessidade de JavaScript. É só colar uma linha de HTML e pronto.
+
+Criado e mantido por [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) em **[nohemia.com](https://nohemia.com/fr/)**.
+Galeria e prévias ao vivo: **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
+
+> Des widgets d'astrologie gratuits pour ton site. La lune du jour, le ciel du moment : un petit cadre
+> soigné à coller en deux copier-coller, recalculé chaque nuit à partir d'une éphéméride réelle.
+
+---
+
+## Quick start (HTML puro)
+
+Cole isto em qualquer lugar da sua página. Funciona em qualquer site que aceite HTML (WordPress, Wix, Squarespace,
+Webflow, Ghost, Shopify, uma página estática...).
+
+```html
+<iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
+        width="300" height="210" loading="lazy"
+        title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
+<p style="font:12px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0 0">
+  <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
+</p>
+```
+
+A pequena linha de crédito é o único agradecimento que pedimos. Ela é opcional: você pode editá-la ou removê-la, que o
+widget continua funcionando exatamente igual.
+
+---
+
+## Widgets
+
+| Widget | `type` | Descrição | Tamanhos |
+|--------|--------|-------------|-------|
+| Lua hoje | `lune` | Fase, signo e próxima lua cheia | `s` (220x140), `m` (300x210) |
+| Céu hoje | `ciel` | Sol e Lua por signo, fase atual | `s` (230x150), `m` (300x200) |
+
+Cada `type` vem em dois temas (`clair` / `sombre`) e dois tamanhos (`s` / `m`). O padrão da URL é:
+
+```
+https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
+```
+
+Mais widgets estão a caminho: contagem regressiva para a lua cheia, horóscopo diário por signo, retrógrados em curso.
+
+---
+
+## Exemplos por framework
+
+### WordPress
+Adicione um bloco **HTML personalizado** (ou use a aba *Texto* do editor Clássico) e cole o trecho do Quick start.
+Nenhum plugin é necessário.
+
+### React / Next.js
+```jsx
+export function MoonWidget() {
+  return (
+    <>
+      <iframe
+        src="https://nohemia.com/fr/widgets/lune/clair-m/"
+        width={300} height={210} loading="lazy"
+        title="Calendrier lunaire"
+        style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
+      />
+      <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
+        <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
+      </p>
+    </>
+  )
+}
+```
+
+### Vue
+```vue
+<template>
+  <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
+          width="300" height="200" loading="lazy" title="Le ciel du jour"
+          style="border:0;border-radius:12px;max-width:100%" />
+</template>
+```
+
+### Webflow / Squarespace
+Solte um elemento **Embed** (Webflow) ou um bloco **Code** (Squarespace) e cole o trecho do Quick start.
+
+---
+
+## Web component (npm)
+
+Se você prefere uma tag em vez de um iframe, instale o pequeno web component (um wrapper enxuto e sem dependências):
+
+```bash
+npm i @nohemia/widgets
+```
+
+```html
+<script type="module">import '@nohemia/widgets'</script>
+
+<nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
+<nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
+```
+
+Ou carregue direto de um CDN, sem nenhuma etapa de build:
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
+<nohemia-widget type="lune"></nohemia-widget>
+```
+
+Atributos: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). O componente
+apenas renderiza o iframe oficial, então os dados e o estilo permanecem sincronizados com o nohemia.com.
+
+---
+
+## Dados e atualização
+
+Nada é digitado à mão. Fases, signos e horários vêm de uma efeméride astronômica real
+([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT), recalculada toda noite. Os horários são
+dados em Europe/Paris, com precisão de minuto. Os mesmos dados alimentam o
+[calendário lunar completo no nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
+
+Você também pode ler o JSON bruto se quiser construir o seu próprio:
+`https://nohemia.com/widgets/lune/data.json` (fase de hoje, próxima lua cheia e nova, as dez próximas lunações).
+
+---
+
+## Por que esses widgets
+
+- **Gratuitos, para sempre.** Sem conta, sem chave de API, sem limite de requisições.
+- **Leves e seguros.** Um iframe em sandbox: ele nunca lê sua página, não define nenhum cookie e não deixa seu site mais lento.
+- **Design editorial.** Acolhedor, sóbrio, no estilo Nohemia. Temas claro e escuro.
+- **Dados honestos e reais.** Uma efeméride genuína, não uma tabela fixa no código.
+- **Respeito à privacidade.** Zero rastreamento, em conformidade com a LGPD por construção.
+
+---
+
+## Links
+
+- Site: [nohemia.com](https://nohemia.com/fr/) · Galeria de widgets: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
+- Autora: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
+- Problemas e ideias: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
+
+## Licença
+
+[MIT](./LICENSE) © Jade Nohemia / Nohemia. Use-os em qualquer lugar, inclusive comercialmente. Um link de volta para
+[nohemia.com](https://nohemia.com/fr/) é apreciado, mas nunca obrigatório.

package/README.tr.md

@@ -0,0 +1,147 @@
+# Nohemia Widgets
+
+**[English](README.md) · [Français](README.fr.md) · [Português](README.pt.md) · [Español](README.es.md) · [Italiano](README.it.md) · [Deutsch](README.de.md) · [Polski](README.pl.md) · [한국어](README.ko.md) · [日本語](README.ja.md) · [Türkçe](README.tr.md)**
+
+**Her web sitesine eklenebilen ücretsiz astroloji ve ay widget'ları.** Gerçek efemeris verisi, her gece yenilenir, hesap yok, takip yok, JavaScript gerektirmez. Tek satır HTML yapıştırın, işte bu kadar.
+
+[Jade Nohemia](https://nohemia.com/fr/auteur/jade/) tarafından **[nohemia.com](https://nohemia.com/fr/)** üzerinde geliştirilir ve bakımı yapılır.
+Galeri ve canlı önizlemeler: **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
+
+> Des widgets d'astrologie gratuits pour ton site. La lune du jour, le ciel du moment : un petit cadre
+> soigné à coller en deux copier-coller, recalculé chaque nuit à partir d'une éphéméride réelle.
+
+---
+
+## Hızlı başlangıç (düz HTML)
+
+Bunu sayfanızda herhangi bir yere yapıştırın. HTML kabul eden her sitede çalışır (WordPress, Wix, Squarespace,
+Webflow, Ghost, Shopify, statik bir sayfa...).
+
+```html
+<iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
+        width="300" height="210" loading="lazy"
+        title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
+<p style="font:12px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0 0">
+  <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
+</p>
+```
+
+İstediğimiz tek teşekkür o küçük kaynak satırı. Zorunlu değil: düzenleyebilir ya da kaldırabilirsiniz,
+widget yine tıpatıp aynı şekilde çalışır.
+
+---
+
+## Widget'lar
+
+| Widget | `type` | Açıklama | Boyutlar |
+|--------|--------|----------|----------|
+| Bugünün ayı | `lune` | Evre, burç ve bir sonraki dolunay | `s` (220x140), `m` (300x210) |
+| Bugünün gökyüzü | `ciel` | Burca göre Güneş ve Ay, güncel evre | `s` (230x150), `m` (300x200) |
+
+Her `type`, iki temayla (`clair` / `sombre`) ve iki boyutla (`s` / `m`) gelir. URL kalıbı şudur:
+
+```
+https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
+```
+
+Daha fazla widget yolda: dolunaya geri sayım, burca göre günlük burç yorumu, süregelen retrolar.
+
+---
+
+## Framework örnekleri
+
+### WordPress
+Bir **Custom HTML** bloğu ekleyin (ya da Klasik düzenleyicinin *Text* sekmesini kullanın) ve Hızlı başlangıç parçacığını yapıştırın.
+Eklenti gerekmez.
+
+### React / Next.js
+```jsx
+export function MoonWidget() {
+  return (
+    <>
+      <iframe
+        src="https://nohemia.com/fr/widgets/lune/clair-m/"
+        width={300} height={210} loading="lazy"
+        title="Calendrier lunaire"
+        style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
+      />
+      <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
+        <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
+      </p>
+    </>
+  )
+}
+```
+
+### Vue
+```vue
+<template>
+  <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
+          width="300" height="200" loading="lazy" title="Le ciel du jour"
+          style="border:0;border-radius:12px;max-width:100%" />
+</template>
+```
+
+### Webflow / Squarespace
+Bir **Embed** öğesi (Webflow) ya da bir **Code** bloğu (Squarespace) bırakın ve Hızlı başlangıç parçacığını yapıştırın.
+
+---
+
+## Web bileşeni (npm)
+
+iframe yerine bir etiket kullanmayı tercih ederseniz, küçük web bileşenini kurun (ince, bağımlılıksız bir sarmalayıcı):
+
+```bash
+npm i @nohemia/widgets
+```
+
+```html
+<script type="module">import '@nohemia/widgets'</script>
+
+<nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
+<nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
+```
+
+Ya da doğrudan bir CDN üzerinden yükleyin, derleme adımı yok:
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
+<nohemia-widget type="lune"></nohemia-widget>
+```
+
+Öznitelikler: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). Bileşen
+yalnızca resmi iframe'i işler, dolayısıyla veri ve görünüm nohemia.com ile eşzamanlı kalır.
+
+---
+
+## Veri ve güncellik
+
+Hiçbir şey elle girilmez. Evreler, burçlar ve saatler gerçek bir astronomik efemeristen gelir
+([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT) ve her gece yeniden hesaplanır. Saatler
+Europe/Paris saat dilimine göre, dakikası dakikasına verilir. Aynı veri, nohemia.com'daki tam
+[ay takvimini](https://nohemia.com/fr/lune/calendrier-pleines-lunes/) de besler.
+
+Kendi widget'ınızı oluşturmak isterseniz ham JSON'u da okuyabilirsiniz:
+`https://nohemia.com/widgets/lune/data.json` (bugünkü evre, sonraki dolunay ve yeniay, yaklaşan on lunasyon).
+
+---
+
+## Bu widget'lar neden
+
+- **Ücretsiz, sonsuza dek.** Hesap yok, API anahtarı yok, kullanım sınırı yok.
+- **Hafif ve güvenli.** Sandbox'lanmış bir iframe: sayfanızı asla okumaz, hiçbir çerez kullanmaz ve sitenizi yavaşlatmaz.
+- **Editöryel tasarım.** Sıcak, sade, Nohemia tarzında. Açık ve koyu temalar.
+- **Dürüst, gerçek veri.** Sabit kodlanmış bir tablo değil, hakiki bir efemeris.
+- **Gizliliğe saygılı.** Sıfır takip, yapısı gereği GDPR uyumlu.
+
+---
+
+## Bağlantılar
+
+- Site: [nohemia.com](https://nohemia.com/fr/) · Widget galerisi: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
+- Yazar: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
+- Sorunlar ve fikirler: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
+
+## Lisans
+
+[MIT](./LICENSE) © Jade Nohemia / Nohemia. İster ticari olsun, her yerde kullanın. [nohemia.com](https://nohemia.com/fr/) adresine geri bağlantı verirseniz seviniriz ama bu asla zorunlu değildir.

package/examples/index.html

@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Nohemia Widgets - examples</title>
+    <style>
+      body { font: 16px/1.6 system-ui, sans-serif; max-width: 720px; margin: 40px auto; padding: 0 20px; }
+      h2 { margin-top: 40px; }
+      pre { background: #f4f1ea; padding: 14px 16px; border-radius: 10px; overflow-x: auto; }
+    </style>
+  </head>
+  <body>
+    <h1>Nohemia Widgets</h1>
+    <p>Free, embeddable astrology &amp; moon widgets. See the gallery at
+      <a href="https://nohemia.com/fr/widgets/">nohemia.com/fr/widgets</a>.</p>
+
+    <h2>1. Plain iframe (works everywhere)</h2>
+    <iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
+            width="300" height="210" loading="lazy"
+            title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
+    <p style="font:12px/1.4 system-ui,sans-serif;margin:6px 0 0">
+      <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
+    </p>
+
+    <h2>2. Web component (npm or CDN)</h2>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
+    <nohemia-widget type="ciel" theme="sombre" size="m"></nohemia-widget>
+
+    <h2>How to use</h2>
+    <pre><code>&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"&gt;&lt;/script&gt;
+&lt;nohemia-widget type="lune" theme="clair" size="m"&gt;&lt;/nohemia-widget&gt;</code></pre>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@nohemia/widgets",
+  "version": "0.1.0",
+  "description": "Free, embeddable astrology & moon widgets. Real ephemeris, refreshed nightly, no account, no tracking.",
+  "type": "module",
+  "main": "./src/nohemia-widget.js",
+  "module": "./src/nohemia-widget.js",
+  "exports": {
+    ".": "./src/nohemia-widget.js"
+  },
+  "files": [
+    "src",
+    "examples",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./src/nohemia-widget.js"
+  ],
+  "keywords": [
+    "astrology",
+    "moon-phase",
+    "lunar-calendar",
+    "moon-widget",
+    "horoscope",
+    "widget",
+    "embed",
+    "iframe",
+    "web-component",
+    "astronomy",
+    "ephemeris",
+    "nohemia"
+  ],
+  "homepage": "https://nohemia.com/fr/widgets/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jadenohemia/nohemia-widgets.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jadenohemia/nohemia-widgets/issues"
+  },
+  "author": "Jade Nohemia (https://nohemia.com)",
+  "license": "MIT"
+}

package/src/nohemia-widget.js

@@ -0,0 +1,54 @@
+/**
+ * <nohemia-widget> - a tiny, dependency-free web component that embeds an official Nohemia widget.
+ *
+ * It renders the canonical iframe served from nohemia.com, so the data, the nightly refresh and the
+ * styling always stay in sync with the source. No tracking, no cookies, no external runtime.
+ *
+ *   <script type="module">import '@nohemia/widgets'</script>
+ *   <nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
+ *
+ * Attributes:
+ *   type   "lune" | "ciel"            (default "lune")
+ *   theme  "clair" | "sombre"         (default "clair")
+ *   size   "s" | "m"                  (default "m")
+ *
+ * MIT © Jade Nohemia / Nohemia - https://nohemia.com/fr/widgets/
+ */
+
+const BASE = 'https://nohemia.com/fr/widgets'
+
+// Pixel dimensions per type and size, matching the official widget pages.
+const DIMS = {
+  lune: { s: [220, 140], m: [300, 210] },
+  ciel: { s: [230, 150], m: [300, 200] },
+}
+
+class NohemiaWidget extends HTMLElement {
+  connectedCallback() {
+    const type = (this.getAttribute('type') || 'lune').toLowerCase()
+    const theme = (this.getAttribute('theme') || 'clair').toLowerCase()
+    const size = (this.getAttribute('size') || 'm').toLowerCase()
+
+    const safeType = DIMS[type] ? type : 'lune'
+    const safeSize = size === 's' ? 's' : 'm'
+    const safeTheme = theme === 'sombre' ? 'sombre' : 'clair'
+    const [w, h] = DIMS[safeType][safeSize]
+
+    const iframe = document.createElement('iframe')
+    iframe.src = `${BASE}/${safeType}/${safeTheme}-${safeSize}/`
+    iframe.width = String(w)
+    iframe.height = String(h)
+    iframe.loading = 'lazy'
+    iframe.title = 'Widget Nohemia'
+    iframe.style.cssText = 'border:0;border-radius:12px;max-width:100%'
+    iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin')
+
+    this.replaceChildren(iframe)
+  }
+}
+
+if (typeof customElements !== 'undefined' && !customElements.get('nohemia-widget')) {
+  customElements.define('nohemia-widget', NohemiaWidget)
+}
+
+export { NohemiaWidget }