Skip to content

Commit bb52169

Browse files
committed
refactor(components): rename to @bitcode-framework/ui-web-components
Match repo name (ui-web-components). Update all imports, docs, demo.
1 parent fb637bf commit bb52169

42 files changed

Lines changed: 122 additions & 122 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

CHANGELOG.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Changelog
22

3-
All notable changes to `@bitcode-framework/ui-components` will be documented in this file.
3+
All notable changes to `@bitcode-framework/ui-web-components` will be documented in this file.
44

55
## [0.2.0] - 2026-07-28
66

@@ -15,7 +15,7 @@ Complete enterprise upgrade of all 103 components. Every component is now standa
1515
- **data-fetcher** — 4-level data fetching: local data, URL endpoint, event intercept, custom fetcher function
1616
- **validation-engine** — 3-level validation pipeline: built-in rules, custom JS validators, server-side validation
1717
- **field-utils** — Shared utilities: dirty/touched tracking, ARIA attributes, CSS classes, FormProxy, debounce
18-
- **Barrel exports**`import { BcSetup, validateAllFields } from '@bitcode-framework/ui-components/utils'`
18+
- **Barrel exports**`import { BcSetup, validateAllFields } from '@bitcode-framework/ui-web-components/utils'`
1919

2020
#### Theming
2121
- Light theme (default)

README.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
# @bitcode-framework/ui-components
1+
# @bitcode-framework/ui-web-components
22

33
Enterprise-grade Stencil Web Components for business applications. 127 components covering forms, charts, data tables, layout, dialogs, media viewers, kanban board, and widgets. Works in any HTML page, no framework required.
44

55
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
6-
[![npm version](https://img.shields.io/npm/v/@bitcode-framework/ui-components.svg)](https://www.npmjs.com/package/@bitcode-framework/ui-components)
6+
[![npm version](https://img.shields.io/npm/v/@bitcode-framework/ui-web-components.svg)](https://www.npmjs.com/package/@bitcode-framework/ui-web-components)
77
[![Live Demo](https://img.shields.io/badge/demo-live-brightgreen.svg)](https://bitcode-framework.github.io/ui-stencil-web-components/demo/)
88

99
**[Live Demo →](https://bitcode-framework.github.io/ui-stencil-web-components/demo/)** — interactive component gallery with all 127 components.
1010

11-
## What is @bitcode-framework/ui-components?
11+
## What is @bitcode-framework/ui-web-components?
1212

1313
127 Web Components built with [Stencil.js](https://stenciljs.com/). They compile to standard Custom Elements, so they run anywhere HTML runs: plain pages, React, Vue, Angular, Svelte, or any framework that renders to the DOM.
1414

@@ -42,7 +42,7 @@ All 26 charts are powered by [Apache ECharts](https://echarts.apache.org/). Pass
4242
<!DOCTYPE html>
4343
<html>
4444
<head>
45-
<script type="module" src="https://unpkg.com/@bitcode-framework/ui-components/dist/bc-components/bc-components.esm.js"></script>
45+
<script type="module" src="https://unpkg.com/@bitcode-framework/ui-web-components/dist/bc-components/bc-components.esm.js"></script>
4646
</head>
4747
<body>
4848
<bc-field-string name="email" label="Email" required placeholder="you@example.com"></bc-field-string>
@@ -56,11 +56,11 @@ All 26 charts are powered by [Apache ECharts](https://echarts.apache.org/). Pass
5656
### NPM
5757

5858
```bash
59-
npm install @bitcode-framework/ui-components
59+
npm install @bitcode-framework/ui-web-components
6060
```
6161

6262
```javascript
63-
import { defineCustomElements } from '@bitcode-framework/ui-components/loader';
63+
import { defineCustomElements } from '@bitcode-framework/ui-web-components/loader';
6464
defineCustomElements();
6565
```
6666

@@ -69,7 +69,7 @@ defineCustomElements();
6969
Components work with zero config. When you need API integration, auth, or theming, configure once:
7070

7171
```javascript
72-
import { BcSetup } from '@bitcode-framework/ui-components';
72+
import { BcSetup } from '@bitcode-framework/ui-web-components';
7373

7474
BcSetup.configure({
7575
baseUrl: '/api',
@@ -253,7 +253,7 @@ Stencil compiles to standard Custom Elements, so integration is straightforward
253253
### React
254254

255255
```jsx
256-
import { defineCustomElements } from '@bitcode-framework/ui-components/loader';
256+
import { defineCustomElements } from '@bitcode-framework/ui-web-components/loader';
257257
defineCustomElements();
258258

259259
function ContactForm() {
@@ -275,7 +275,7 @@ function ContactForm() {
275275
### Vue
276276

277277
```javascript
278-
import { defineCustomElements } from '@bitcode-framework/ui-components/loader';
278+
import { defineCustomElements } from '@bitcode-framework/ui-web-components/loader';
279279
defineCustomElements();
280280

281281
// vite.config.js or vue.config.js
@@ -299,7 +299,7 @@ export default {
299299
// app.module.ts
300300
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
301301

302-
import { defineCustomElements } from '@bitcode-framework/ui-components/loader';
302+
import { defineCustomElements } from '@bitcode-framework/ui-web-components/loader';
303303
defineCustomElements();
304304

305305
@NgModule({

docs/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# @bitcode-framework/ui-components — Documentation
1+
# @bitcode-framework/ui-web-components — Documentation
22

33
Standalone enterprise Web Component library. Works anywhere — plain HTML, React, Vue, Angular, or any framework. No build step required for consumers.
44

package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "@bitcode-framework/ui-components",
2+
"name": "@bitcode-framework/ui-web-components",
33
"version": "0.1.1",
44
"description": "BitCode ERP Web Components built with Stencil",
55
"main": "dist/index.cjs.js",

src/demo/gen-framework.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -248,7 +248,7 @@ function genVanilla(tags) {
248248
}
249249

250250
function genReact(tags) {
251-
return `import '${esc(tags.map(t => '@bitcode-framework/ui-components/' + t).join(', '))}';
251+
return `import '${esc(tags.map(t => '@bitcode-framework/ui-web-components/' + t).join(', '))}';
252252
// All bc-* tags work as JSX — they're standard Web Components
253253
// Set props via attributes or ref
254254
@@ -275,7 +275,7 @@ ${tags.map(tag => {
275275
276276
<script setup>
277277
// No import needed — bc-* components are registered globally
278-
// via '@bitcode-framework/ui-components' loader in main.ts
278+
// via '@bitcode-framework/ui-web-components' loader in main.ts
279279
</script>`;
280280
}
281281

src/demo/sections/charts-framework.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
&lt;bc-chart-parallel chart-title=&quot;Multi&quot; data='...'&gt;&lt;/bc-chart-parallel&gt;</code></pre>
6060
</div>
6161
<div class="fw-panel" data-fw="react">
62-
<pre><code>import '@bitcode-framework/ui-components/bc-chart-bar, @bitcode-framework/ui-components/bc-chart-line, @bitcode-framework/ui-components/bc-chart-area, @bitcode-framework/ui-components/bc-chart-pie, @bitcode-framework/ui-components/bc-chart-scatter, @bitcode-framework/ui-components/bc-chart-radar, @bitcode-framework/ui-components/bc-chart-gauge, @bitcode-framework/ui-components/bc-chart-funnel, @bitcode-framework/ui-components/bc-chart-heatmap, @bitcode-framework/ui-components/bc-chart-candlestick, @bitcode-framework/ui-components/bc-chart-boxplot, @bitcode-framework/ui-components/bc-chart-sankey, @bitcode-framework/ui-components/bc-chart-treemap, @bitcode-framework/ui-components/bc-chart-graph, @bitcode-framework/ui-components/bc-chart-themeriver, @bitcode-framework/ui-components/bc-chart-parallel';
62+
<pre><code>import '@bitcode-framework/ui-web-components/bc-chart-bar, @bitcode-framework/ui-web-components/bc-chart-line, @bitcode-framework/ui-web-components/bc-chart-area, @bitcode-framework/ui-web-components/bc-chart-pie, @bitcode-framework/ui-web-components/bc-chart-scatter, @bitcode-framework/ui-web-components/bc-chart-radar, @bitcode-framework/ui-web-components/bc-chart-gauge, @bitcode-framework/ui-web-components/bc-chart-funnel, @bitcode-framework/ui-web-components/bc-chart-heatmap, @bitcode-framework/ui-web-components/bc-chart-candlestick, @bitcode-framework/ui-web-components/bc-chart-boxplot, @bitcode-framework/ui-web-components/bc-chart-sankey, @bitcode-framework/ui-web-components/bc-chart-treemap, @bitcode-framework/ui-web-components/bc-chart-graph, @bitcode-framework/ui-web-components/bc-chart-themeriver, @bitcode-framework/ui-web-components/bc-chart-parallel';
6363
// All bc-* tags work as JSX — they're standard Web Components
6464
// Set props via attributes or ref
6565

@@ -170,7 +170,7 @@
170170

171171
&lt;script setup&gt;
172172
// No import needed — bc-* components are registered globally
173-
// via '@bitcode-framework/ui-components' loader in main.ts
173+
// via '@bitcode-framework/ui-web-components' loader in main.ts
174174
&lt;/script&gt;</code></pre>
175175
</div>
176176
<div class="fw-panel" data-fw="angular">

src/demo/sections/datatable-framework.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
&lt;bc-filter-builder fields='[{&quot;key&quot;:&quot;name&quot;,&quot;label&quot;:&quot;Name&quot;,&quot;type&quot;:&quot;string&quot;}]'&gt;&lt;/bc-filter-builder&gt;</code></pre>
2727
</div>
2828
<div class="fw-panel" data-fw="react">
29-
<pre><code>import '@bitcode-framework/ui-components/bc-datatable, @bitcode-framework/ui-components/bc-child-table, @bitcode-framework/ui-components/bc-filter-panel, @bitcode-framework/ui-components/bc-filter-bar, @bitcode-framework/ui-components/bc-filter-builder';
29+
<pre><code>import '@bitcode-framework/ui-web-components/bc-datatable, @bitcode-framework/ui-web-components/bc-child-table, @bitcode-framework/ui-web-components/bc-filter-panel, @bitcode-framework/ui-web-components/bc-filter-bar, @bitcode-framework/ui-web-components/bc-filter-builder';
3030
// All bc-* tags work as JSX — they're standard Web Components
3131
// Set props via attributes or ref
3232

@@ -71,7 +71,7 @@
7171

7272
&lt;script setup&gt;
7373
// No import needed — bc-* components are registered globally
74-
// via '@bitcode-framework/ui-components' loader in main.ts
74+
// via '@bitcode-framework/ui-web-components' loader in main.ts
7575
&lt;/script&gt;</code></pre>
7676
</div>
7777
<div class="fw-panel" data-fw="angular">

src/demo/sections/dialogs-framework.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
&lt;bc-toast variant=&quot;success&quot; message=&quot;Saved!&quot;&gt;&lt;/bc-toast&gt;</code></pre>
3333
</div>
3434
<div class="fw-panel" data-fw="react">
35-
<pre><code>import '@bitcode-framework/ui-components/bc-dialog-modal, @bitcode-framework/ui-components/bc-dialog-confirm, @bitcode-framework/ui-components/bc-dialog-alert, @bitcode-framework/ui-components/bc-dialog-prompt, @bitcode-framework/ui-components/bc-dialog-wizard, @bitcode-framework/ui-components/bc-dialog-quickentry, @bitcode-framework/ui-components/bc-toast';
35+
<pre><code>import '@bitcode-framework/ui-web-components/bc-dialog-modal, @bitcode-framework/ui-web-components/bc-dialog-confirm, @bitcode-framework/ui-web-components/bc-dialog-alert, @bitcode-framework/ui-web-components/bc-dialog-prompt, @bitcode-framework/ui-web-components/bc-dialog-wizard, @bitcode-framework/ui-web-components/bc-dialog-quickentry, @bitcode-framework/ui-web-components/bc-toast';
3636
// All bc-* tags work as JSX — they're standard Web Components
3737
// Set props via attributes or ref
3838

@@ -89,7 +89,7 @@
8989

9090
&lt;script setup&gt;
9191
// No import needed — bc-* components are registered globally
92-
// via '@bitcode-framework/ui-components' loader in main.ts
92+
// via '@bitcode-framework/ui-web-components' loader in main.ts
9393
&lt;/script&gt;</code></pre>
9494
</div>
9595
<div class="fw-panel" data-fw="angular">

src/demo/sections/fields-choice-framework.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
&lt;bc-field-color name=&quot;theme&quot; label=&quot;Theme Color&quot; value=&quot;#4f46e5&quot;&gt;&lt;/bc-field-color&gt;</code></pre>
3030
</div>
3131
<div class="fw-panel" data-fw="react">
32-
<pre><code>import '@bitcode-framework/ui-components/bc-field-select, @bitcode-framework/ui-components/bc-field-checkbox, @bitcode-framework/ui-components/bc-field-toggle, @bitcode-framework/ui-components/bc-field-radio, @bitcode-framework/ui-components/bc-field-rating, @bitcode-framework/ui-components/bc-field-color';
32+
<pre><code>import '@bitcode-framework/ui-web-components/bc-field-select, @bitcode-framework/ui-web-components/bc-field-checkbox, @bitcode-framework/ui-web-components/bc-field-toggle, @bitcode-framework/ui-web-components/bc-field-radio, @bitcode-framework/ui-web-components/bc-field-rating, @bitcode-framework/ui-web-components/bc-field-color';
3333
// All bc-* tags work as JSX — they're standard Web Components
3434
// Set props via attributes or ref
3535

@@ -80,7 +80,7 @@
8080

8181
&lt;script setup&gt;
8282
// No import needed — bc-* components are registered globally
83-
// via '@bitcode-framework/ui-components' loader in main.ts
83+
// via '@bitcode-framework/ui-web-components' loader in main.ts
8484
&lt;/script&gt;</code></pre>
8585
</div>
8686
<div class="fw-panel" data-fw="angular">

0 commit comments

Comments
 (0)