@jsweb/ui 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -10,6 +10,40 @@ O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.1.
10
10
 
11
11
  ---
12
12
 
13
+ ## [1.3.3] - 2026-09-25
14
+
15
+ ### Changed
16
+
17
+ - **Estrutura de Diretório da Skill para Agentes de IA**:
18
+ - Movimentação do arquivo de skill da raiz (`SKILL.md`) para o subdiretório dedicado [`skills/jsweb-ui/SKILL.md`](./skills/jsweb-ui/SKILL.md), em conformidade com o padrão oficial do ecossistema de Agent Skills ([skills.sh](https://skills.sh)).
19
+ - Garante que a instalação via `npx skills add jsweb/ui` faça o download estritamente do conteúdo da pasta da skill, evitando que arquivos de código-fonte (`src/`), artefatos de compilação (`dist/`) e configurações do repositório sejam baixados indevidamente no projeto do usuário.
20
+ - **Automação de Build e Metadados (`publish.js`)**:
21
+ - Atualização do script [`publish.js`](./publish.js) para sincronizar o arquivo a partir de `skills/jsweb-ui/SKILL.md` para `dist/SKILL.md` durante a execução do comando `npm run build`.
22
+ - **Scripts do `package.json`**:
23
+ - Remoção do hook de ciclo de vida `"version"` do `package.json`, mantendo o processo de build desacoplado do versionamento e centralizado no script de distribuição (`npm run dist` / `npm run push`).
24
+ - **Documentação Interna**:
25
+ - Atualização dos caminhos de referência da skill nos documentos do projeto e na especificação interna [`.agents/skills/update-documentation/SKILL.md`](./.agents/skills/update-documentation/SKILL.md).
26
+
27
+ ---
28
+
29
+ ## [1.3.2] - 2026-09-25
30
+
31
+ ### Fixed
32
+
33
+ - **Alvo de Publicação no NPM**: Correção do fluxo de publicação para empacotar e publicar exclusivamente o conteúdo da pasta `dist/` (`npm publish ./dist`), evitando a inclusão indevida de código-fonte (`src/`), configurações internas e arquivos desnecessários no pacote publicado.
34
+ - **Entry Points no `package.json`**: Correção dos campos `main`, `module` e `exports` na raiz do projeto para apontar para `dist/index.umd.js` e `dist/index.es.js` (substituindo antigas referências a `ui.*`), preservando a compatibilidade em desenvolvimento local.
35
+
36
+ ### Changed
37
+
38
+ - **Scripts de Publicação e Automação**:
39
+ - Adicionado script `npm run dist` (`npm run build && npm publish ./dist`) para build e publicação direta da pasta `dist/`.
40
+ - Atualizado `npm run push` para executar `git push && git push --tags && npm run dist`.
41
+ - Migrado hook de ciclo de vida de `preversion` para `version` no `package.json`, garantindo que o build e o script `publish.js` executem após o incremento da versão, sincronizando o número correto em `dist/package.json`.
42
+ - **Salvaguarda contra Publicação na Raiz**: Adicionado script `prepublishOnly` no `package.json` da raiz para abortar execuções acidentais de `npm publish` fora da pasta `dist/`.
43
+ - **Declarações de Tipos Limpas no Build**: Configurado `include: ['src']` no plugin `vite-plugin-dts` em `vite.config.ts`, impedindo que arquivos como `vite.config.d.ts` vazassem para a pasta de distribuição.
44
+
45
+ ---
46
+
13
47
  ## [1.3.1] - 2026-09-24
14
48
 
15
49
  ### Added
@@ -17,7 +51,7 @@ O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.1.
17
51
  - **Tipagem Contextual `ThisType<T & ScopeContext>`**: Inclusão de `ThisType` na assinatura de `reactive` e `createScope`, fornecendo autocomplete e tipagem estrita de `this` em métodos e _getters_ de objetos literais, com acesso direto a `$refs`, `$emit` e `$el` como propriedades não-opcionais.
18
52
  - **Classe Base `Scope` e Interface `ScopeContext`**: Exportação da classe utilitária `Scope` e da interface `ScopeContext` para suporte nativo e tipado a arquiteturas orientadas a objetos (`class MyScope extends Scope`). Na classe `Scope`, `$el` e `$refs` são propriedades somente leitura (com `$refs` mantendo sua instância original de Map viva) e `$emit` como método `protected` com disparo nativo em `$el`, permitindo sobrescrita (`override`) nas subclasses.
19
53
  - **Tipagem Genérica em `watch<T>`**: Aprimoramento da assinatura de `watch` para inferência de tipos em `newValue` e `oldValue`.
20
- - **Skill Aberta para Agentes de IA (`SKILL.md`)**: Arquivo [`SKILL.md`](./SKILL.md) na raiz do projeto para integração direta com agentes de IA via `npx skills add @jsweb/ui`.
54
+ - **Skill Aberta para Agentes de IA (`SKILL.md`)**: Arquivo [`skills/jsweb-ui/SKILL.md`](./skills/jsweb-ui/SKILL.md) para integração direta com agentes de IA via `npx skills add jsweb/ui`.
21
55
  - **Skill de Workspace (`update-documentation`)**: Skill em [`.agents/skills/update-documentation/SKILL.md`](./.agents/skills/update-documentation/SKILL.md) para auditoria e sincronização contínua de documentação.
22
56
  - **Histórico Semântico de Versões (`CHANGELOG.md`)**: Arquivo [`CHANGELOG.md`](./CHANGELOG.md) baseado no padrão Keep a Changelog.
23
57
  - **Automação de Build e Metadados**: Atualização do script [`publish.js`](./publish.js) para sincronizar `SKILL.md` e `CHANGELOG.md` na pasta `dist/` durante o build do pacote NPM.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsweb/ui",
3
- "version": "1.3.1",
3
+ "version": "1.3.3",
4
4
  "description": "JS Web Microframework",
5
5
  "keywords": [
6
6
  "js",
@@ -21,30 +21,17 @@
21
21
  "license": "MIT",
22
22
  "author": "Alex Bruno Cáceres <email@alexbruno.dev>",
23
23
  "type": "module",
24
- "main": "dist/ui.umd.js",
25
- "module": "dist/ui.es.js",
26
- "types": "dist/index.d.ts",
24
+ "main": "index.umd.js",
25
+ "module": "index.es.js",
26
+ "types": "index.d.ts",
27
27
  "exports": {
28
28
  ".": {
29
- "import": "./dist/ui.es.js",
30
- "require": "./dist/ui.umd.js",
31
- "types": "./dist/index.d.ts"
29
+ "import": "./index.es.js",
30
+ "require": "./index.umd.js",
31
+ "types": "./index.d.ts"
32
32
  }
33
33
  },
34
- "scripts": {
35
- "dev": "vite",
36
- "build": "tsc && vite build && node publish.js",
37
- "preview": "vite preview",
38
- "format": "prettier --write .",
39
- "test": "echo 'test'",
40
- "preversion": "npm run build",
41
- "push": "git push && git push --tags && npm publish"
42
- },
43
- "devDependencies": {
44
- "prettier": "^3.8.3",
45
- "terser": "^5.46.2",
46
- "typescript": "^6.0.3",
47
- "vite": "^8.0.10",
48
- "vite-plugin-dts": "^5.0.0"
34
+ "publishConfig": {
35
+ "access": "public"
49
36
  }
50
- }
37
+ }
@@ -1,135 +0,0 @@
1
- ---
2
- name: update-documentation
3
- description: >-
4
- Audits recent codebase changes in @jsweb/ui (src/, package.json, config files) and synchronizes all documentation files (README.md, PROJECT.md, SKILL.md, and CHANGELOG.md). Use this skill whenever the user asks to update, synchronize, or refresh documentation, or after adding/modifying directives, reactivity mechanisms, APIs, event modifiers, or releasing new versions.
5
- ---
6
-
7
- # Update Documentation Skill (@jsweb/ui)
8
-
9
- This skill guides the agent through auditing codebase changes and systematically synchronizing all project documentation files (`README.md`, `PROJECT.md`, `SKILL.md`, `CHANGELOG.md`) to reflect the latest APIs, directives, modifiers, release notes, and architectural behaviors.
10
-
11
- ---
12
-
13
- ## Target Documentation Files
14
-
15
- | File | Audience | Purpose | Language |
16
- | :----------------------------------------------------------------- | :--------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------- | :------------------- |
17
- | [`README.md`](file:///d:/Projetos/github/jsweb/ui/README.md) | Developers & End Users | Public GitHub/NPM documentation, quickstart, installation, directives reference table, and usage examples. | Portuguese / English |
18
- | [`PROJECT.md`](file:///d:/Projetos/github/jsweb/ui/PROJECT.md) | Maintainers & Architecture | Technical specification, core engine mechanics (Reactivity, Evaluator, Parser), architectural pillars, and requirements. | Portuguese |
19
- | [`SKILL.md`](file:///d:/Projetos/github/jsweb/ui/SKILL.md) | AI Coding Agents | Operational knowledge base installed via `npx skills add @jsweb/ui`, defining rules, directives, APIs, patterns, and agent constraints. | English |
20
- | [`CHANGELOG.md`](file:///d:/Projetos/github/jsweb/ui/CHANGELOG.md) | All (Users, Maintainers, AI) | Curated chronological log of notable changes (Added, Changed, Deprecated, Removed, Fixed, Security) adhering to Keep a Changelog. | Portuguese |
21
-
22
- ---
23
-
24
- ## Workflow: Step-by-Step Procedure
25
-
26
- ```mermaid
27
- flowchart TD
28
- A["1. Inspect Git Changes & Source Code"] --> B["2. Compare Source with Current Docs"]
29
- B --> C["3. Update README.md"]
30
- B --> D["4. Update PROJECT.md"]
31
- B --> E["5. Update SKILL.md"]
32
- B --> F["6. Update CHANGELOG.md"]
33
- C & D & E & F --> G["7. Verify Build & Copy with npm run build"]
34
- G --> H["8. Report Summary to User"]
35
- ```
36
-
37
- ### Step 1: Inspect Changes and Current Source
38
-
39
- 1. Check git status and recent diffs:
40
- ```bash
41
- git status
42
- git diff HEAD
43
- ```
44
- 2. Inspect the core implementation files in `src/`:
45
- - [`src/reactivity.ts`](file:///d:/Projetos/github/jsweb/ui/src/reactivity.ts): Check `reactive()`, `watch()`, `effect()`, `ReactiveEffect`, tracking, trigger behavior, bypassed types, or computed handling.
46
- - [`src/parser.ts`](file:///d:/Projetos/github/jsweb/ui/src/parser.ts): Check directives (`:scope`, `:text`, `:bind`, `:if`, `:for`, `:key`, `:class`, `:style`, `:ref`, `:[attr]`, `@[event]`), event modifiers (`.prevent`, `.stop`, `.self`, `.outside`), and context helpers (`$refs`, `$emit`, `$index`, `$key`).
47
- - [`src/evaluator.ts`](file:///d:/Projetos/github/jsweb/ui/src/evaluator.ts): Check expression sandboxing, `evaluate()`, and `evaluateEvent()`.
48
- - [`src/index.ts`](file:///d:/Projetos/github/jsweb/ui/src/index.ts): Check public exports and global window attachments (`window.jsweb.ui`).
49
- - [`package.json`](file:///d:/Projetos/github/jsweb/ui/package.json): Check version bumps, dependencies, entry points, or scripts.
50
-
51
- ### Step 2: Identify Discrepancies Across Documentation
52
-
53
- Check whether any of the following changed:
54
-
55
- - **New or changed directives**: Did the syntax, prefix, or behavior change?
56
- - **New or changed event modifiers**: Are there new modifiers (e.g. `.debounce`, `.throttle`, `.once`) or modifications to existing ones?
57
- - **Reactivity enhancements**: Changes to deep reactivity, collections, watch options, or computed getters?
58
- - **API signatures**: Changes to parameters, options, or return types for `createScope`, `reactive`, or `watch`?
59
- - **Context helpers**: Any newly exposed helper (like `$parent`, `$root`, `$dispatch`, etc.)?
60
- - **Distribution / Build**: Changes to UMD/ESM paths, global variable name (`jsweb.ui`), or CDN URLs?
61
-
62
- ### Step 3: Synchronize Each Documentation File
63
-
64
- #### A. Updating `README.md`
65
-
66
- - Keep the directive summary table up to date with exact syntax, shorthand, and clear examples.
67
- - Update code snippets demonstrating CDN standalone usage and ESM bundler usage.
68
- - Ensure the event modifiers and `$refs` / `$emit` section matches actual runtime behavior.
69
- - Document any breaking changes or version upgrades clearly.
70
-
71
- #### B. Updating `PROJECT.md`
72
-
73
- - Update the Technical Specifications (Section 3: Reatividade, Avaliador, Parser).
74
- - Keep Section 4 (Sintaxe e Diretivas) aligned with the exact implementation in `parser.ts`.
75
- - Document any architectural decisions (e.g., memory management, cleanup hooks, node recycling).
76
-
77
- #### C. Updating `SKILL.md` (Root)
78
-
79
- - Ensure YAML frontmatter `description` contains comprehensive trigger keywords.
80
- - Update the API Reference section with precise TypeScript signatures and return types.
81
- - Ensure the Template Directives reference accurately describes:
82
- - Form controls supported by `:bind` (input types, select, checkbox, radio).
83
- - Array and reconciliation behavior of `:for` and `:key`.
84
- - Class and style object/array evaluation rules.
85
- - `$refs` behavior (single element vs. nested `Map` in keyed loops).
86
- - Event modifiers and their exact execution flow.
87
- - Maintain the "Critical Rules for AI Coding Agents" section (DOs and DON'Ts).
88
-
89
- #### D. Updating `CHANGELOG.md`
90
-
91
- - Adhere strictly to [Keep a Changelog](https://keepachangelog.com/pt-BR/1.1.0/) format.
92
- - Group changes under `[Unreleased]` (or the specific version header if tagging/bumping version):
93
- - `### Added` for new features or capabilities.
94
- - `### Changed` for changes in existing functionality.
95
- - `### Deprecated` for soon-to-be removed features.
96
- - `### Removed` for now removed features.
97
- - `### Fixed` for any bug fixes.
98
- - `### Security` in case of vulnerabilities.
99
- - Provide concise, user-focused descriptions with code references.
100
-
101
- ### Step 4: Validate Formatting and Build
102
-
103
- 1. Format all modified files with Prettier:
104
- ```bash
105
- npm run format
106
- ```
107
- 2. Run the build to ensure type safety and that `publish.js` syncs `README.md`, `LICENSE`, `SKILL.md`, and `CHANGELOG.md` to `dist/`:
108
- ```bash
109
- npm run build
110
- ```
111
- 3. Verify that `dist/README.md`, `dist/SKILL.md`, and `dist/CHANGELOG.md` contain the updated contents.
112
-
113
- ### Step 5: Report to User
114
-
115
- Present a concise summary of:
116
-
117
- - Which files were updated ([README.md](file:///d:/Projetos/github/jsweb/ui/README.md), [PROJECT.md](file:///d:/Projetos/github/jsweb/ui/PROJECT.md), [SKILL.md](file:///d:/Projetos/github/jsweb/ui/SKILL.md), [CHANGELOG.md](file:///d:/Projetos/github/jsweb/ui/CHANGELOG.md)).
118
- - Specific sections added, modified, or removed in each file.
119
- - Confirmation that `npm run build` and `npm run format` passed cleanly.
120
-
121
- ---
122
-
123
- ## Documentation Checklist
124
-
125
- When updating documentation, verify each of these items:
126
-
127
- - [ ] All directives in `parser.ts` are listed in both long form (`ui:*`) and shorthand (`:*`).
128
- - [ ] All event modifiers supported in `processEventBinding` are documented.
129
- - [ ] `$refs` behavior is accurately described (Map instance; nested Map in `:for` loops with `:key`).
130
- - [ ] `$emit` parameters and CustomEvent details (`bubbles: true`, `composed: true`) are correct.
131
- - [ ] Code snippets use valid modern JavaScript/TypeScript syntax.
132
- - [ ] `CHANGELOG.md` has all notable modifications recorded under `[Unreleased]` or version tag.
133
- - [ ] Version numbers in examples or text match `package.json`.
134
- - [ ] Prettier formatting is applied (`npm run format`).
135
- - [ ] `npm run build` succeeds and copies updated files to `dist/`.
package/.prettierignore DELETED
@@ -1,3 +0,0 @@
1
- node_modules
2
- dist
3
- .gemini
package/.prettierrc DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "semi": false,
3
- "singleQuote": true,
4
- "tabWidth": 2,
5
- "printWidth": 80,
6
- "overrides": [{ "files": "*.md", "options": { "parser": "markdown" } }]
7
- }
package/PROJECT.md DELETED
@@ -1,107 +0,0 @@
1
- # Especificação Técnica: Micro-Framework JS/TS (Codinome: @jsweb/ui)
2
-
3
- ## 1. Visão Geral
4
-
5
- **@jsweb/ui** é um micro-framework frontend focado em _Progressive Enhancement_ e DX (Developer Experience). Ele deve oferecer a reatividade moderna de frameworks como Vue 3 (Composition API) e a simplicidade de uso direto no HTML do Alpine.js, sem a necessidade obrigatória de um build step, mas totalmente otimizado para árvores de dependência (tree-shaking) quando usado em ambientes build-tooling.
6
-
7
- ## 2. Pilares Arquiteturais
8
-
9
- - **No Virtual DOM:** Utilização de reatividade de grão fino (Fine-grained reactivity) via `Proxy` ou `Signals`. Atualizações diretas no DOM real.
10
- - **Dual Distribution:**
11
- - **Standalone:** Arquivo único (IIFE/UMD) para inclusão via `<script src="...">`.
12
- - **Module:** Pacote ESM com exports nomeados para suporte a Tree-Shaking.
13
- - **Hybrid Context:** Suporte a definição de estado via Objetos Literais (POJOs) tipados contextualmente via `ThisType<T & ScopeContext>` ou Classes TypeScript estendendo a classe base `Scope`.
14
- - **Template Engine:** Baseado em atributos customizados no HTML (`ui:*` para diretivas e `ui@*` para eventos, com shorthands `@`, `:`).
15
-
16
- ## 3. Especificações do Motor (Core)
17
-
18
- ### A. Sistema de Reatividade
19
-
20
- - **Mecanismo:** Proxy-based em conjunto com a classe `ReactiveEffect`. O estado é interceptado para disparar "efeitos" com gerenciamento preciso de dependências, controle de ciclo de vida (`stop`, `cleanup`) e otimizado contra vazamento de memória.
21
- - **Global State:** Deve ser possível exportar um objeto reativo de um arquivo e importá-lo em múltiplos componentes/contextos, tornando-o um estado compartilhado.
22
- - **Global Effect:** Deve ser possível criar efeitos globais que reajam a mudanças em qualquer estado compartilhado.
23
- - **Local State:** Deve ser possível criar estados locais que reajam a mudanças apenas dentro do escopo do componente.
24
- - **Local Effect:** Deve ser possível criar efeitos locais que reajam a mudanças apenas dentro do escopo do componente.
25
- - **Lifecycle:** Deve ser possível criar efeitos que reajam a mudanças no ciclo de vida do componente.
26
- - **Cleanup:** Deve ser possível limpar os efeitos quando os componentes forem removidos do DOM.
27
- - **Watchers:** Implementado via API `watch`, permitindo reagir a mudanças em propriedades com acesso ao valor anterior/novo e disparo imediato (`immediate`).
28
- - **Computed:** Deve ser possível criar propriedades computadas que reajam a mudanças em propriedades específicas do estado (via _getters_ nativos).
29
- - **TypeScript First DX:** Tipagem estrita de `this` via `ThisType<T & ScopeContext>` para objetos literais e classe utilitária `Scope` para POJOs orientados a objetos.
30
- - **Composition API:** Deve ser possível usar a Composition API para criar efeitos e reatividade e aninhar efeitos e reatividade em outros efeitos e reatividade.
31
-
32
- ### B. Avaliador de Expressões (The Evaluator)
33
-
34
- - **Implementação:** Uso de `new Function()` com `with(this)`.
35
- - **Estratégia de Execução:** Para avaliar expressões declaradas no HTML de forma encapsulada (sandboxed):
36
- 1. O motor encapsula o objeto/escopo em um Proxy de Contexto para resolução de dependências.
37
- 2. Constrói a função dinâmica: `new Function('with(this) { ... }')`.
38
- 3. Executa a função passando o escopo reativo atrelado ao `this`.
39
- 4. Para eventos, também expõe a variável nativa `$event`.
40
-
41
- ### C. Parser de Template
42
-
43
- - **Traversal:** Utilizar `TreeWalker` ou recursão otimizada para identificar diretivas.
44
- - **Limpeza:** Atributos `ui:*`, `ui:@*`, `@*` e `:*` devem ser removidos do DOM após a inicialização para manter o HTML limpo.
45
-
46
- ## 4. Sintaxe e Diretivas
47
-
48
- | Diretiva | Atalho | Descrição | Exemplo |
49
- | :----------- | :--------- | :----------------------------------------------------------------------------------- | :----------------------------------------- |
50
- | `ui:scope` | `:scope` | Define o objeto de estado/contexto para o elemento e seus filhos. | `<div :scope="{ count: 0 }">` |
51
- | `ui:text` | `:text` | Sincroniza o `textContent` com uma variável ou expressão. | `<span :text="count"></span>` |
52
- | `ui:bind` | `:bind` | Two-way data binding para inputs, checkboxes, radios, selects e textareas. | `<input :bind="name">` |
53
- | `ui:if` | `:if` | Adiciona/Remove o elemento do DOM (via Comment Node placeholder). | `<div :if="count > 0">` |
54
- | `ui:for` | `:for` | Renderiza uma lista de elementos a partir de um array (`in` ou `of`). | `<li :for="item of items">` |
55
- | `ui:key` | `:key` | Chave de reconciliação para reaproveitamento e reciclagem de nós DOM em listas. | `<li :for="item of items" :key="item.id">` |
56
- | `ui:class` | `:class` | Bind dinâmico para classes CSS (objeto booleano, array ou string). | `<div :class="{ active: isActive }">` |
57
- | `ui:style` | `:style` | Bind dinâmico para estilos inline (objeto chave/valor de estilos CSS). | `<div :style="{ color: textColor }">` |
58
- | `ui:ref` | `:ref` | Indexa elementos HTML em um Map acessível via `$refs` (suporta chaves de lista). | `<input :ref="myInput">` |
59
- | `ui:[attr]` | `:[attr]` | Bind de atributos HTML nativos com suporte a valores booleanos (ex: disabled, href). | `<button :disabled="count > 10">` |
60
- | `ui@[event]` | `@[event]` | Event listeners com suporte a `$event` e modificadores encadeados. | `<button @click.prevent="save">` |
61
-
62
- ### Modificadores de Eventos
63
-
64
- - `.prevent`: Executa `$event.preventDefault()`.
65
- - `.stop`: Executa `$event.stopPropagation()`.
66
- - `.self`: Executa o manipulador apenas se `$event.target === el`.
67
- - `.outside`: Executa o manipulador quando o evento ocorre fora do elemento (com cleanup de listener no document ao desconectar o nó).
68
-
69
- ### Helpers e Variáveis Contextuais
70
-
71
- - `$refs`: Instância de `Map` nativa indexando elementos referenciados (elementos únicos ou Maps aninhados para itens de loops com `:key`).
72
- - `$emit(eventName, detail?)`: Despacha CustomEvents (`bubbles: true`, `composed: true`) a partir do escopo atual.
73
- - `$event`: Objeto nativo do evento disparado, disponível nas expressões de eventos ou repassado como 1º argumento na sintaxe de referência direta.
74
- - `$index`: Índice numérico atual da iteração em loops `ui:for` / `:for`.
75
-
76
- ## 5. Requisitos de Engenharia (Instruções para a IA)
77
-
78
- - **Linguagem:** TypeScript Estrito.
79
- - **Bundle Tool:** Vite (configurado para `build.lib` com formatos `es` e `umd`).
80
- - **Memory Management:** Garantir o `cleanup` de event listeners e observadores quando elementos `ui:if` ou `ui:for` forem removidos.
81
- - **Zero Dependencies:** O core não deve ter dependências externas de runtime.
82
- - **Estilo de Código:** Funcional, modular, com comentários JSDoc claros para explicar o funcionamento interno do Proxy, do Parser e das diretivas.
83
-
84
- ---
85
-
86
- ### Stack de Build (Vite)
87
-
88
- Para o `vite.config.ts`, utilize esta abordagem para satisfazer os requisitos de "Standalone" e "Module":
89
-
90
- ```typescript
91
- import { defineConfig } from 'vite'
92
- import dts from 'vite-plugin-dts'
93
-
94
- export default defineConfig({
95
- build: {
96
- lib: {
97
- entry: './src/index.ts',
98
- name: 'jswebui',
99
- fileName: (format) => `ui.${format}.js`,
100
- formats: ['es', 'umd'],
101
- },
102
- sourcemap: true,
103
- minify: 'terser',
104
- },
105
- plugins: [dts()], // Gera os tipos .d.ts automaticamente
106
- })
107
- ```
package/dist/CHANGELOG.md DELETED
@@ -1,137 +0,0 @@
1
- # Changelog
2
-
3
- Todas as alterações notáveis neste projeto serão documentadas neste arquivo.
4
-
5
- O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.1.0/) e este projeto adere ao [Semantic Versioning](https://semver.org/).
6
-
7
- ---
8
-
9
- ## [Unreleased]
10
-
11
- ---
12
-
13
- ## [1.3.1] - 2026-09-24
14
-
15
- ### Added
16
-
17
- - **Tipagem Contextual `ThisType<T & ScopeContext>`**: Inclusão de `ThisType` na assinatura de `reactive` e `createScope`, fornecendo autocomplete e tipagem estrita de `this` em métodos e _getters_ de objetos literais, com acesso direto a `$refs`, `$emit` e `$el` como propriedades não-opcionais.
18
- - **Classe Base `Scope` e Interface `ScopeContext`**: Exportação da classe utilitária `Scope` e da interface `ScopeContext` para suporte nativo e tipado a arquiteturas orientadas a objetos (`class MyScope extends Scope`). Na classe `Scope`, `$el` e `$refs` são propriedades somente leitura (com `$refs` mantendo sua instância original de Map viva) e `$emit` como método `protected` com disparo nativo em `$el`, permitindo sobrescrita (`override`) nas subclasses.
19
- - **Tipagem Genérica em `watch<T>`**: Aprimoramento da assinatura de `watch` para inferência de tipos em `newValue` e `oldValue`.
20
- - **Skill Aberta para Agentes de IA (`SKILL.md`)**: Arquivo [`SKILL.md`](./SKILL.md) na raiz do projeto para integração direta com agentes de IA via `npx skills add @jsweb/ui`.
21
- - **Skill de Workspace (`update-documentation`)**: Skill em [`.agents/skills/update-documentation/SKILL.md`](./.agents/skills/update-documentation/SKILL.md) para auditoria e sincronização contínua de documentação.
22
- - **Histórico Semântico de Versões (`CHANGELOG.md`)**: Arquivo [`CHANGELOG.md`](./CHANGELOG.md) baseado no padrão Keep a Changelog.
23
- - **Automação de Build e Metadados**: Atualização do script [`publish.js`](./publish.js) para sincronizar `SKILL.md` e `CHANGELOG.md` na pasta `dist/` durante o build do pacote NPM.
24
- - **Script de Publicação**: Adicionado script `npm run push` no `package.json` para automatizar o envio de tags git e publicação no NPM.
25
-
26
- ---
27
-
28
- ## [1.3.0] - 2026-09-18
29
-
30
- ### Added
31
-
32
- - **Diretiva `:ref` / `ui:ref`**: Indexação reativa de elementos DOM no helper contextual `$refs` (`Map`).
33
- - **Refs Aninhadas em Listas**: Em loops `:for` com `:key`, `$refs.get(name)` retorna um `Map` aninhado indexado pela chave do item (`$key`).
34
- - **Cleanup Automático de Refs**: Remoção de referências do `$refs` quando nós são destruídos por `:if` ou `:for`.
35
- - **Modificador de Evento `.outside`**: Captura cliques e eventos fora do elemento (ideal para modais e dropdowns) com remoção automática do listener no `document` ao desconectar o nó.
36
- - **Reconciliação e Reciclagem de Nós DOM em Listas**: Rastreamento de nós pelo `:key` em `:for`, reaproveitando instâncias existentes e evitando reflows desnecessários.
37
-
38
- ---
39
-
40
- ## [1.2.8] - 2026-05-20
41
-
42
- ### Refactored
43
-
44
- - Limpeza de imports e remoção de código não utilizado no parser e no core.
45
-
46
- ---
47
-
48
- ## [1.2.7] - 2026-05-20
49
-
50
- ### Added
51
-
52
- - Suporte aprimorado à função `watch` com observação profunda (_deep traverse_) e suporte a `{ immediate: true }`.
53
-
54
- ---
55
-
56
- ## [1.2.6] - 2026-05-20
57
-
58
- ### Added
59
-
60
- - **Diretiva `:class` / `ui:class`**: Bind reativo de classes CSS via objeto booleano, array ou string, preservando classes estáticas.
61
- - **Diretiva `:style` / `ui:style`**: Bind reativo para estilos inline com limpeza automática de propriedades removidas.
62
-
63
- ---
64
-
65
- ## [1.2.5] - 2026-05-18
66
-
67
- ### Fixed
68
-
69
- - Tratamento de erros nas funções de avaliação (`evaluate` e `evaluateEvent`).
70
- - Ajuste no contexto `this` para getters em propriedades computadas.
71
-
72
- ---
73
-
74
- ## [1.2.4] - 2026-05-18
75
-
76
- ### Added
77
-
78
- - Suporte automático a propriedades computadas via _getters_ nativos (`get prop() { ... }`) em objetos envolvidos por `reactive()`.
79
-
80
- ---
81
-
82
- ## [1.2.3] - 2026-05-18
83
-
84
- ### Added
85
-
86
- - Script de automação `preversion` no `package.json` para executar o build antes de gerar versões.
87
-
88
- ### Refactored
89
-
90
- - Remoção da função legada `hasDirective`.
91
-
92
- ---
93
-
94
- ## [1.2.2] - 2026-05-18
95
-
96
- ### Refactored
97
-
98
- - Simplificação do logging de avisos no motor de avaliação.
99
-
100
- ---
101
-
102
- ## [1.2.1] - 2026-05-17
103
-
104
- ### Added
105
-
106
- - Script `publish.js` para geração de pacote mínimo em `dist/` e automação de publicação NPM.
107
-
108
- ---
109
-
110
- ## [1.2.0] - 2026-05-09
111
-
112
- ### Added
113
-
114
- - Exportação da API `watch(source, callback, options?)` para observação de estados reativos.
115
- - Reorganização dos exports principais (`createScope`, `reactive`, `watch`).
116
-
117
- ---
118
-
119
- ## [1.1.0] - 2026-05-09
120
-
121
- ### Added
122
-
123
- - Injeção do helper contextual `$emit(eventName, detail?)` para disparo de `CustomEvent` nativos (`bubbles: true`, `composed: true`).
124
- - Padronização do nome do método de montagem para `createScope`.
125
-
126
- ---
127
-
128
- ## [1.0.0] - 2026-05-07
129
-
130
- ### Added
131
-
132
- - Primeiro lançamento estável do `@jsweb/ui`.
133
- - Motor de reatividade de grão fino baseado em `Proxy` e `ReactiveEffect` (sem Virtual DOM).
134
- - Avaliador de expressões dinâmicas em sandbox.
135
- - Diretivas fundamentais: `ui:scope`, `ui:text`, `ui:bind`, `ui:if`, `ui:for`, `ui:[attr]` e `ui@[event]`.
136
- - Modificadores de evento `.prevent`, `.stop` e `.self`.
137
- - Distribuição dual: ESM para bundlers e UMD/Standalone para uso direto via CDN.
package/dist/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2026 jsweb
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.