juxscript 1.1.402 → 1.1.404
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/dist/{components → containers}/c.d.ts.map +1 -1
- package/dist/{components → containers}/c.js.map +1 -1
- package/dist/containers/flex.d.ts +49 -0
- package/dist/containers/flex.d.ts.map +1 -0
- package/dist/containers/flex.js +122 -0
- package/dist/containers/flex.js.map +1 -0
- package/dist/{components → containers}/g.d.ts.map +1 -1
- package/dist/{components → containers}/g.js.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/widgets/canvas.d.ts +31 -55
- package/dist/widgets/canvas.d.ts.map +1 -1
- package/dist/widgets/canvas.js +690 -539
- package/dist/widgets/canvas.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/barChart.d.ts +0 -119
- package/dist/components/barChart.d.ts.map +0 -1
- package/dist/components/barChart.js +0 -555
- package/dist/components/barChart.js.map +0 -1
- package/dist/components/container.d.ts +0 -58
- package/dist/components/container.d.ts.map +0 -1
- package/dist/components/container.js +0 -152
- package/dist/components/container.js.map +0 -1
- package/dist/components/grid.d.ts +0 -58
- package/dist/components/grid.d.ts.map +0 -1
- package/dist/components/grid.js +0 -128
- package/dist/components/grid.js.map +0 -1
- package/dist/components/lineChart.d.ts +0 -104
- package/dist/components/lineChart.d.ts.map +0 -1
- package/dist/components/lineChart.js +0 -466
- package/dist/components/lineChart.js.map +0 -1
- package/dist/components/pieChart.d.ts +0 -93
- package/dist/components/pieChart.d.ts.map +0 -1
- package/dist/components/pieChart.js +0 -397
- package/dist/components/pieChart.js.map +0 -1
- package/dist/components/stack.d.ts +0 -42
- package/dist/components/stack.d.ts.map +0 -1
- package/dist/components/stack.js +0 -109
- package/dist/components/stack.js.map +0 -1
- package/dist/devtools/devtools.d.ts +0 -3
- package/dist/devtools/devtools.d.ts.map +0 -1
- package/dist/devtools/devtools.js +0 -182
- package/dist/devtools/devtools.js.map +0 -1
- package/dist/primitives/button.d.ts +0 -53
- package/dist/primitives/button.d.ts.map +0 -1
- package/dist/primitives/button.js +0 -170
- package/dist/primitives/button.js.map +0 -1
- package/dist/primitives/c.d.ts +0 -53
- package/dist/primitives/c.d.ts.map +0 -1
- package/dist/primitives/c.js +0 -127
- package/dist/primitives/c.js.map +0 -1
- package/dist/primitives/checkbox.d.ts +0 -92
- package/dist/primitives/checkbox.d.ts.map +0 -1
- package/dist/primitives/checkbox.js +0 -217
- package/dist/primitives/checkbox.js.map +0 -1
- package/dist/primitives/data.d.ts +0 -58
- package/dist/primitives/data.d.ts.map +0 -1
- package/dist/primitives/data.js +0 -131
- package/dist/primitives/data.js.map +0 -1
- package/dist/primitives/grid.d.ts +0 -58
- package/dist/primitives/grid.d.ts.map +0 -1
- package/dist/primitives/grid.js +0 -128
- package/dist/primitives/grid.js.map +0 -1
- package/dist/primitives/include.d.ts +0 -86
- package/dist/primitives/include.d.ts.map +0 -1
- package/dist/primitives/include.js +0 -239
- package/dist/primitives/include.js.map +0 -1
- package/dist/primitives/indexDb.d.ts +0 -80
- package/dist/primitives/indexDb.d.ts.map +0 -1
- package/dist/primitives/indexDb.js +0 -253
- package/dist/primitives/indexDb.js.map +0 -1
- package/dist/primitives/input.d.ts +0 -88
- package/dist/primitives/input.d.ts.map +0 -1
- package/dist/primitives/input.js +0 -216
- package/dist/primitives/input.js.map +0 -1
- package/dist/primitives/link.d.ts +0 -51
- package/dist/primitives/link.d.ts.map +0 -1
- package/dist/primitives/link.js +0 -178
- package/dist/primitives/link.js.map +0 -1
- package/dist/primitives/list.d.ts +0 -66
- package/dist/primitives/list.d.ts.map +0 -1
- package/dist/primitives/list.js +0 -233
- package/dist/primitives/list.js.map +0 -1
- package/dist/primitives/nav.d.ts +0 -64
- package/dist/primitives/nav.d.ts.map +0 -1
- package/dist/primitives/nav.js +0 -236
- package/dist/primitives/nav.js.map +0 -1
- package/dist/primitives/radio.d.ts +0 -58
- package/dist/primitives/radio.d.ts.map +0 -1
- package/dist/primitives/radio.js +0 -135
- package/dist/primitives/radio.js.map +0 -1
- package/dist/primitives/routes.d.ts +0 -15
- package/dist/primitives/routes.d.ts.map +0 -1
- package/dist/primitives/routes.js +0 -34
- package/dist/primitives/routes.js.map +0 -1
- package/dist/primitives/select.d.ts +0 -67
- package/dist/primitives/select.d.ts.map +0 -1
- package/dist/primitives/select.js +0 -160
- package/dist/primitives/select.js.map +0 -1
- package/dist/primitives/style.d.ts +0 -27
- package/dist/primitives/style.d.ts.map +0 -1
- package/dist/primitives/style.js +0 -53
- package/dist/primitives/style.js.map +0 -1
- package/dist/primitives/table.d.ts +0 -83
- package/dist/primitives/table.d.ts.map +0 -1
- package/dist/primitives/table.js +0 -264
- package/dist/primitives/table.js.map +0 -1
- package/dist/primitives/tabs.d.ts +0 -75
- package/dist/primitives/tabs.d.ts.map +0 -1
- package/dist/primitives/tabs.js +0 -263
- package/dist/primitives/tabs.js.map +0 -1
- package/dist/primitives/tag.d.ts +0 -92
- package/dist/primitives/tag.d.ts.map +0 -1
- package/dist/primitives/tag.js +0 -151
- package/dist/primitives/tag.js.map +0 -1
- package/dist/services/db.d.ts +0 -44
- package/dist/services/db.d.ts.map +0 -1
- package/dist/services/db.js +0 -59
- package/dist/services/db.js.map +0 -1
- package/dist/services/email.d.ts +0 -50
- package/dist/services/email.d.ts.map +0 -1
- package/dist/services/email.js +0 -60
- package/dist/services/email.js.map +0 -1
- package/dist/services/s3.d.ts +0 -61
- package/dist/services/s3.d.ts.map +0 -1
- package/dist/services/s3.js +0 -79
- package/dist/services/s3.js.map +0 -1
- /package/dist/{components → containers}/c.d.ts +0 -0
- /package/dist/{components → containers}/c.js +0 -0
- /package/dist/{components → containers}/g.d.ts +0 -0
- /package/dist/{components → containers}/g.js +0 -0
package/dist/primitives/grid.js
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import generateId from '../utils/idgen.js';
|
|
2
|
-
import { pageState } from '../state/pageState.js';
|
|
3
|
-
const DENSITY_MAP = {
|
|
4
|
-
dense: { gap: '4px', padding: '4px' },
|
|
5
|
-
normal: { gap: '12px', padding: '12px' },
|
|
6
|
-
inflated: { gap: '24px', padding: '24px' },
|
|
7
|
-
};
|
|
8
|
-
class Grid {
|
|
9
|
-
constructor(id, options = {}) {
|
|
10
|
-
this._columns = [];
|
|
11
|
-
this.id = id || generateId();
|
|
12
|
-
this.opts = {
|
|
13
|
-
cols: 2,
|
|
14
|
-
density: 'normal',
|
|
15
|
-
...options
|
|
16
|
-
};
|
|
17
|
-
this._element = document.createElement('div');
|
|
18
|
-
this._element.id = this.id;
|
|
19
|
-
if (this.opts.class)
|
|
20
|
-
this._element.className = this.opts.class;
|
|
21
|
-
// Resolve columns
|
|
22
|
-
const cols = this.opts.cols;
|
|
23
|
-
let templateCols;
|
|
24
|
-
if (cols && typeof cols === 'object' && Array.isArray(cols)) {
|
|
25
|
-
this._columns = cols.map(c => ({
|
|
26
|
-
name: c.name,
|
|
27
|
-
width: c.width || '1fr'
|
|
28
|
-
}));
|
|
29
|
-
templateCols = this._columns.map(c => c.width).join(' ');
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
const count = typeof cols === 'number' ? cols : 2;
|
|
33
|
-
templateCols = `repeat(${count}, 1fr)`;
|
|
34
|
-
}
|
|
35
|
-
const d = DENSITY_MAP[this.opts.density] || DENSITY_MAP.normal;
|
|
36
|
-
const parts = [
|
|
37
|
-
'display:grid',
|
|
38
|
-
`grid-template-columns:${templateCols}`,
|
|
39
|
-
`gap:${d.gap}`,
|
|
40
|
-
`padding:${d.padding}`,
|
|
41
|
-
];
|
|
42
|
-
if (this.opts.rows) {
|
|
43
|
-
parts.push(`grid-template-rows:repeat(${this.opts.rows}, auto)`);
|
|
44
|
-
}
|
|
45
|
-
if (this.opts.style)
|
|
46
|
-
parts.push(this.opts.style);
|
|
47
|
-
this._element.setAttribute('style', parts.join(';'));
|
|
48
|
-
// Extra attributes
|
|
49
|
-
for (const [key, value] of Object.entries(this.opts)) {
|
|
50
|
-
if (['rows', 'cols', 'density', 'class', 'style', 'target'].includes(key))
|
|
51
|
-
continue;
|
|
52
|
-
this._element.setAttribute(`data-${key}`, String(value));
|
|
53
|
-
}
|
|
54
|
-
// Mount
|
|
55
|
-
const resolvedTarget = this.opts.target;
|
|
56
|
-
const parent = resolvedTarget
|
|
57
|
-
? document.getElementById(resolvedTarget) || document.querySelector(resolvedTarget)
|
|
58
|
-
: document.getElementById('app');
|
|
59
|
-
parent?.appendChild(this._element);
|
|
60
|
-
// Create named column cells if using array cols
|
|
61
|
-
if (this._columns.length > 0) {
|
|
62
|
-
for (const col of this._columns) {
|
|
63
|
-
const cell = document.createElement('div');
|
|
64
|
-
cell.id = col.name;
|
|
65
|
-
cell.setAttribute('data-grid-col', col.name);
|
|
66
|
-
this._element.appendChild(cell);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
// ═══════════════════════════════════════════════════════════
|
|
71
|
-
// PAGESTATE INTEGRATION
|
|
72
|
-
// ═══════════════════════════════════════════════════════════
|
|
73
|
-
getValue() { return ''; }
|
|
74
|
-
getContent() { return this._element.textContent ?? ''; }
|
|
75
|
-
setContent(val) {
|
|
76
|
-
this._element.textContent = val;
|
|
77
|
-
return this;
|
|
78
|
-
}
|
|
79
|
-
setClass(val) {
|
|
80
|
-
this._element.className = val;
|
|
81
|
-
return this;
|
|
82
|
-
}
|
|
83
|
-
setStyle(val) {
|
|
84
|
-
this._element.setAttribute('style', val);
|
|
85
|
-
return this;
|
|
86
|
-
}
|
|
87
|
-
setInnerHTML(val) {
|
|
88
|
-
this._element.innerHTML = val;
|
|
89
|
-
return this;
|
|
90
|
-
}
|
|
91
|
-
getElement() { return this._element; }
|
|
92
|
-
/** Get a named column cell element */
|
|
93
|
-
getColumn(name) {
|
|
94
|
-
return this._element.querySelector(`[data-grid-col="${name}"]`);
|
|
95
|
-
}
|
|
96
|
-
getColumns() { return [...this._columns]; }
|
|
97
|
-
}
|
|
98
|
-
/**
|
|
99
|
-
* Create a CSS grid layout container.
|
|
100
|
-
*
|
|
101
|
-
* @example
|
|
102
|
-
* // Simple: 3 equal columns
|
|
103
|
-
* jux.grid('cards', { cols: 3 });
|
|
104
|
-
*
|
|
105
|
-
* // Named columns with custom widths
|
|
106
|
-
* jux.grid('layout', {
|
|
107
|
-
* cols: [
|
|
108
|
-
* { name: 'sidebar', width: '260px' },
|
|
109
|
-
* { name: 'content', width: '3fr' },
|
|
110
|
-
* { name: 'aside', width: '1fr' },
|
|
111
|
-
* ]
|
|
112
|
-
* });
|
|
113
|
-
* // Then target into them:
|
|
114
|
-
* jux.nav('main-nav', { target: 'sidebar' });
|
|
115
|
-
* jux.h1('title', { content: 'Hello', target: 'content' });
|
|
116
|
-
*
|
|
117
|
-
* // Density options
|
|
118
|
-
* jux.grid('tight', { cols: 4, density: 'dense' });
|
|
119
|
-
* jux.grid('spacious', { cols: 2, density: 'inflated' });
|
|
120
|
-
*/
|
|
121
|
-
export function grid(id, options = {}) {
|
|
122
|
-
const g = new Grid(id, options);
|
|
123
|
-
pageState.__register(g);
|
|
124
|
-
return g;
|
|
125
|
-
}
|
|
126
|
-
export { Grid };
|
|
127
|
-
export default grid;
|
|
128
|
-
//# sourceMappingURL=grid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../lib/primitives/grid.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Include - Simplified resource injection for bundled and external resources
|
|
3
|
-
* Supports page-specific scoping and cleanup
|
|
4
|
-
*/
|
|
5
|
-
type ResourceType = 'css' | 'js' | 'module';
|
|
6
|
-
interface IncludeOptions {
|
|
7
|
-
type?: ResourceType;
|
|
8
|
-
target?: string;
|
|
9
|
-
async?: boolean;
|
|
10
|
-
defer?: boolean;
|
|
11
|
-
crossOrigin?: 'anonymous' | 'use-credentials';
|
|
12
|
-
integrity?: string;
|
|
13
|
-
pageScoped?: boolean;
|
|
14
|
-
}
|
|
15
|
-
export declare class Include {
|
|
16
|
-
private url;
|
|
17
|
-
private options;
|
|
18
|
-
private element;
|
|
19
|
-
private pageId;
|
|
20
|
-
constructor(url: string, options?: IncludeOptions);
|
|
21
|
-
css(): this;
|
|
22
|
-
js(): this;
|
|
23
|
-
module(): this;
|
|
24
|
-
async(): this;
|
|
25
|
-
defer(): this;
|
|
26
|
-
/**
|
|
27
|
-
* Inject into specific container instead of <head>
|
|
28
|
-
* Useful for page-specific styles
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* jux.include('/css/page1.css').into('#page1-container');
|
|
32
|
-
*/
|
|
33
|
-
into(selector: string): this;
|
|
34
|
-
/**
|
|
35
|
-
* Mark as page-scoped for automatic cleanup
|
|
36
|
-
*
|
|
37
|
-
* @example
|
|
38
|
-
* jux.include('/css/dashboard.css').forPage('dashboard');
|
|
39
|
-
* // Later: Include.cleanupPage('dashboard');
|
|
40
|
-
*/
|
|
41
|
-
forPage(pageId: string): this;
|
|
42
|
-
render(): this;
|
|
43
|
-
private createStylesheet;
|
|
44
|
-
private createScript;
|
|
45
|
-
private getContainer;
|
|
46
|
-
private isAlreadyLoaded;
|
|
47
|
-
remove(): this;
|
|
48
|
-
/**
|
|
49
|
-
* Remove all resources for a specific page
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* Include.cleanupPage('dashboard');
|
|
53
|
-
*/
|
|
54
|
-
static cleanupPage(pageId: string): void;
|
|
55
|
-
/**
|
|
56
|
-
* Remove all page-scoped resources
|
|
57
|
-
*/
|
|
58
|
-
static cleanupAll(): void;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Factory function - simplified usage
|
|
62
|
-
*
|
|
63
|
-
* Usage:
|
|
64
|
-
* // Basic (auto-detects from extension)
|
|
65
|
-
* jux.include('/css/styles.css');
|
|
66
|
-
* jux.include('/js/app.js');
|
|
67
|
-
*
|
|
68
|
-
* // Page-specific with cleanup
|
|
69
|
-
* jux.include('/css/dashboard.css').forPage('dashboard');
|
|
70
|
-
* jux.include('/js/dashboard.js').forPage('dashboard');
|
|
71
|
-
*
|
|
72
|
-
* // Later cleanup:
|
|
73
|
-
* Include.cleanupPage('dashboard');
|
|
74
|
-
*
|
|
75
|
-
* // Inject into specific container
|
|
76
|
-
* jux.include('/css/widget.css').into('#widget-container');
|
|
77
|
-
*
|
|
78
|
-
* // External CDN
|
|
79
|
-
* jux.include('https://cdn.tailwindcss.com').js();
|
|
80
|
-
*
|
|
81
|
-
* // Module
|
|
82
|
-
* jux.include('/js/app.mjs').module();
|
|
83
|
-
*/
|
|
84
|
-
export declare function include(url: string, options?: IncludeOptions): Include;
|
|
85
|
-
export {};
|
|
86
|
-
//# sourceMappingURL=include.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"include.d.ts","sourceRoot":"","sources":["../../lib/primitives/include.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,KAAK,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,QAAQ,CAAC;AAE5C,UAAU,cAAc;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAKD,qBAAa,OAAO;IAChB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,MAAM,CAAuB;gBAEzB,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAoBrD,GAAG,IAAI,IAAI;IAKX,EAAE,IAAI,IAAI;IAKV,MAAM,IAAI,IAAI;IAKd,KAAK,IAAI,IAAI;IAKb,KAAK,IAAI,IAAI;IAKb;;;;;;OAMG;IACH,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAU7B,MAAM,IAAI,IAAI;IAoDd,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,eAAe;IAKvB,MAAM,IAAI,IAAI;IAYd;;;;;OAKG;IACH,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAYxC;;OAEG;IACH,MAAM,CAAC,UAAU,IAAI,IAAI;CAS5B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAItE"}
|
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Include - Simplified resource injection for bundled and external resources
|
|
3
|
-
* Supports page-specific scoping and cleanup
|
|
4
|
-
*/
|
|
5
|
-
// Global registry for page-scoped resources
|
|
6
|
-
const scopedResources = new Map();
|
|
7
|
-
export class Include {
|
|
8
|
-
constructor(url, options = {}) {
|
|
9
|
-
this.element = null;
|
|
10
|
-
this.pageId = null;
|
|
11
|
-
this.url = url;
|
|
12
|
-
this.options = options;
|
|
13
|
-
// Auto-detect type from extension if not provided
|
|
14
|
-
if (!options.type) {
|
|
15
|
-
if (url.endsWith('.css')) {
|
|
16
|
-
this.options.type = 'css';
|
|
17
|
-
}
|
|
18
|
-
else if (url.endsWith('.mjs') || url.endsWith('.module.js')) {
|
|
19
|
-
this.options.type = 'module';
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
this.options.type = 'js';
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
/* -------------------------
|
|
27
|
-
* Fluent API
|
|
28
|
-
* ------------------------- */
|
|
29
|
-
css() {
|
|
30
|
-
this.options.type = 'css';
|
|
31
|
-
return this;
|
|
32
|
-
}
|
|
33
|
-
js() {
|
|
34
|
-
this.options.type = 'js';
|
|
35
|
-
return this;
|
|
36
|
-
}
|
|
37
|
-
module() {
|
|
38
|
-
this.options.type = 'module';
|
|
39
|
-
return this;
|
|
40
|
-
}
|
|
41
|
-
async() {
|
|
42
|
-
this.options.async = true;
|
|
43
|
-
return this;
|
|
44
|
-
}
|
|
45
|
-
defer() {
|
|
46
|
-
this.options.defer = true;
|
|
47
|
-
return this;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* Inject into specific container instead of <head>
|
|
51
|
-
* Useful for page-specific styles
|
|
52
|
-
*
|
|
53
|
-
* @example
|
|
54
|
-
* jux.include('/css/page1.css').into('#page1-container');
|
|
55
|
-
*/
|
|
56
|
-
into(selector) {
|
|
57
|
-
this.options.target = selector;
|
|
58
|
-
return this;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Mark as page-scoped for automatic cleanup
|
|
62
|
-
*
|
|
63
|
-
* @example
|
|
64
|
-
* jux.include('/css/dashboard.css').forPage('dashboard');
|
|
65
|
-
* // Later: Include.cleanupPage('dashboard');
|
|
66
|
-
*/
|
|
67
|
-
forPage(pageId) {
|
|
68
|
-
this.pageId = pageId;
|
|
69
|
-
this.options.pageScoped = true;
|
|
70
|
-
return this;
|
|
71
|
-
}
|
|
72
|
-
/* -------------------------
|
|
73
|
-
* Render
|
|
74
|
-
* ------------------------- */
|
|
75
|
-
render() {
|
|
76
|
-
if (typeof document === 'undefined')
|
|
77
|
-
return this;
|
|
78
|
-
try {
|
|
79
|
-
// Check if already loaded
|
|
80
|
-
if (this.isAlreadyLoaded()) {
|
|
81
|
-
console.log(`⚠️ Resource already loaded: ${this.url}`);
|
|
82
|
-
return this;
|
|
83
|
-
}
|
|
84
|
-
// Create element based on type
|
|
85
|
-
let element;
|
|
86
|
-
switch (this.options.type) {
|
|
87
|
-
case 'css':
|
|
88
|
-
element = this.createStylesheet();
|
|
89
|
-
break;
|
|
90
|
-
case 'js':
|
|
91
|
-
case 'module':
|
|
92
|
-
element = this.createScript();
|
|
93
|
-
break;
|
|
94
|
-
default:
|
|
95
|
-
throw new Error(`Unknown resource type: ${this.options.type}`);
|
|
96
|
-
}
|
|
97
|
-
// Get target container
|
|
98
|
-
const container = this.getContainer();
|
|
99
|
-
container.appendChild(element);
|
|
100
|
-
this.element = element;
|
|
101
|
-
// Register for page cleanup if needed
|
|
102
|
-
if (this.options.pageScoped && this.pageId) {
|
|
103
|
-
if (!scopedResources.has(this.pageId)) {
|
|
104
|
-
scopedResources.set(this.pageId, new Set());
|
|
105
|
-
}
|
|
106
|
-
scopedResources.get(this.pageId).add(element);
|
|
107
|
-
}
|
|
108
|
-
console.log(`✓ Loaded ${this.options.type}: ${this.url}`);
|
|
109
|
-
}
|
|
110
|
-
catch (error) {
|
|
111
|
-
console.error(`✗ Failed to load ${this.options.type}: ${this.url}`, error);
|
|
112
|
-
throw error;
|
|
113
|
-
}
|
|
114
|
-
return this;
|
|
115
|
-
}
|
|
116
|
-
/* -------------------------
|
|
117
|
-
* Element Creation
|
|
118
|
-
* ------------------------- */
|
|
119
|
-
createStylesheet() {
|
|
120
|
-
const link = document.createElement('link');
|
|
121
|
-
link.rel = 'stylesheet';
|
|
122
|
-
link.href = this.url;
|
|
123
|
-
link.dataset.juxInclude = this.url;
|
|
124
|
-
if (this.options.crossOrigin)
|
|
125
|
-
link.crossOrigin = this.options.crossOrigin;
|
|
126
|
-
if (this.options.integrity)
|
|
127
|
-
link.integrity = this.options.integrity;
|
|
128
|
-
link.onload = () => console.log(`✓ Stylesheet loaded: ${this.url}`);
|
|
129
|
-
link.onerror = () => {
|
|
130
|
-
throw new Error(`Failed to load stylesheet: ${this.url}`);
|
|
131
|
-
};
|
|
132
|
-
return link;
|
|
133
|
-
}
|
|
134
|
-
createScript() {
|
|
135
|
-
const script = document.createElement('script');
|
|
136
|
-
script.src = this.url;
|
|
137
|
-
script.dataset.juxInclude = this.url;
|
|
138
|
-
if (this.options.type === 'module')
|
|
139
|
-
script.type = 'module';
|
|
140
|
-
if (this.options.async)
|
|
141
|
-
script.async = true;
|
|
142
|
-
if (this.options.defer)
|
|
143
|
-
script.defer = true;
|
|
144
|
-
if (this.options.crossOrigin)
|
|
145
|
-
script.crossOrigin = this.options.crossOrigin;
|
|
146
|
-
if (this.options.integrity)
|
|
147
|
-
script.integrity = this.options.integrity;
|
|
148
|
-
script.onload = () => console.log(`✓ Script loaded: ${this.url}`);
|
|
149
|
-
script.onerror = () => {
|
|
150
|
-
throw new Error(`Failed to load script: ${this.url}`);
|
|
151
|
-
};
|
|
152
|
-
return script;
|
|
153
|
-
}
|
|
154
|
-
/* -------------------------
|
|
155
|
-
* Helpers
|
|
156
|
-
* ------------------------- */
|
|
157
|
-
getContainer() {
|
|
158
|
-
if (this.options.target) {
|
|
159
|
-
const container = document.querySelector(this.options.target);
|
|
160
|
-
if (!container) {
|
|
161
|
-
throw new Error(`Target container not found: ${this.options.target}`);
|
|
162
|
-
}
|
|
163
|
-
return container;
|
|
164
|
-
}
|
|
165
|
-
return document.head;
|
|
166
|
-
}
|
|
167
|
-
isAlreadyLoaded() {
|
|
168
|
-
const selector = `[data-jux-include="${this.url}"]`;
|
|
169
|
-
return document.querySelector(selector) !== null;
|
|
170
|
-
}
|
|
171
|
-
remove() {
|
|
172
|
-
if (this.element?.parentNode) {
|
|
173
|
-
this.element.parentNode.removeChild(this.element);
|
|
174
|
-
this.element = null;
|
|
175
|
-
}
|
|
176
|
-
return this;
|
|
177
|
-
}
|
|
178
|
-
/* -------------------------
|
|
179
|
-
* Static Page Cleanup
|
|
180
|
-
* ------------------------- */
|
|
181
|
-
/**
|
|
182
|
-
* Remove all resources for a specific page
|
|
183
|
-
*
|
|
184
|
-
* @example
|
|
185
|
-
* Include.cleanupPage('dashboard');
|
|
186
|
-
*/
|
|
187
|
-
static cleanupPage(pageId) {
|
|
188
|
-
const resources = scopedResources.get(pageId);
|
|
189
|
-
if (!resources)
|
|
190
|
-
return;
|
|
191
|
-
resources.forEach(element => {
|
|
192
|
-
element.parentNode?.removeChild(element);
|
|
193
|
-
});
|
|
194
|
-
scopedResources.delete(pageId);
|
|
195
|
-
console.log(`✓ Cleaned up page resources: ${pageId}`);
|
|
196
|
-
}
|
|
197
|
-
/**
|
|
198
|
-
* Remove all page-scoped resources
|
|
199
|
-
*/
|
|
200
|
-
static cleanupAll() {
|
|
201
|
-
scopedResources.forEach((resources, pageId) => {
|
|
202
|
-
resources.forEach(element => {
|
|
203
|
-
element.parentNode?.removeChild(element);
|
|
204
|
-
});
|
|
205
|
-
});
|
|
206
|
-
scopedResources.clear();
|
|
207
|
-
console.log('✓ Cleaned up all page-scoped resources');
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
/**
|
|
211
|
-
* Factory function - simplified usage
|
|
212
|
-
*
|
|
213
|
-
* Usage:
|
|
214
|
-
* // Basic (auto-detects from extension)
|
|
215
|
-
* jux.include('/css/styles.css');
|
|
216
|
-
* jux.include('/js/app.js');
|
|
217
|
-
*
|
|
218
|
-
* // Page-specific with cleanup
|
|
219
|
-
* jux.include('/css/dashboard.css').forPage('dashboard');
|
|
220
|
-
* jux.include('/js/dashboard.js').forPage('dashboard');
|
|
221
|
-
*
|
|
222
|
-
* // Later cleanup:
|
|
223
|
-
* Include.cleanupPage('dashboard');
|
|
224
|
-
*
|
|
225
|
-
* // Inject into specific container
|
|
226
|
-
* jux.include('/css/widget.css').into('#widget-container');
|
|
227
|
-
*
|
|
228
|
-
* // External CDN
|
|
229
|
-
* jux.include('https://cdn.tailwindcss.com').js();
|
|
230
|
-
*
|
|
231
|
-
* // Module
|
|
232
|
-
* jux.include('/js/app.mjs').module();
|
|
233
|
-
*/
|
|
234
|
-
export function include(url, options) {
|
|
235
|
-
const inc = new Include(url, options);
|
|
236
|
-
inc.render();
|
|
237
|
-
return inc;
|
|
238
|
-
}
|
|
239
|
-
//# sourceMappingURL=include.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"include.js","sourceRoot":"","sources":["../../lib/primitives/include.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
interface IndexDbStoreOptions {
|
|
2
|
-
db: string;
|
|
3
|
-
table: string;
|
|
4
|
-
version?: number;
|
|
5
|
-
keyPath?: string;
|
|
6
|
-
autoIncrement?: boolean;
|
|
7
|
-
indexes?: Array<{
|
|
8
|
-
name: string;
|
|
9
|
-
keyPath: string | string[];
|
|
10
|
-
unique?: boolean;
|
|
11
|
-
}>;
|
|
12
|
-
auto?: boolean;
|
|
13
|
-
}
|
|
14
|
-
declare class IndexDb {
|
|
15
|
-
id: string;
|
|
16
|
-
options: IndexDbStoreOptions;
|
|
17
|
-
_element: HTMLElement;
|
|
18
|
-
private _db;
|
|
19
|
-
private _value;
|
|
20
|
-
private _loading;
|
|
21
|
-
private _error;
|
|
22
|
-
private _onChange;
|
|
23
|
-
private _ready;
|
|
24
|
-
constructor(id: string, options: IndexDbStoreOptions);
|
|
25
|
-
private _open;
|
|
26
|
-
private _tx;
|
|
27
|
-
private _notifyChange;
|
|
28
|
-
onChange(fn: (value: any[]) => void): this;
|
|
29
|
-
getElement(): HTMLElement;
|
|
30
|
-
getValue(): any[];
|
|
31
|
-
getLoading(): boolean;
|
|
32
|
-
getError(): string | null;
|
|
33
|
-
getCount(): number;
|
|
34
|
-
setValue(val: any[]): this;
|
|
35
|
-
getAll(): Promise<any[]>;
|
|
36
|
-
get(key: IDBValidKey): Promise<any>;
|
|
37
|
-
query(indexName: string, value: IDBValidKey): Promise<any[]>;
|
|
38
|
-
put(record: any): Promise<IDBValidKey>;
|
|
39
|
-
add(record: any): Promise<IDBValidKey>;
|
|
40
|
-
putMany(records: any[]): Promise<void>;
|
|
41
|
-
delete(key: IDBValidKey): Promise<void>;
|
|
42
|
-
clear(): Promise<void>;
|
|
43
|
-
refresh(): Promise<any[]>;
|
|
44
|
-
/** Returns the reactive pageState proxy for this component */
|
|
45
|
-
get state(): any;
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Create a reactive IndexedDB store that integrates with pageState.
|
|
49
|
-
*
|
|
50
|
-
* @example
|
|
51
|
-
* // Basic usage
|
|
52
|
-
* const todos = await jux.indexDb('todos', { db: 'myapp', table: 'todos' });
|
|
53
|
-
* // pageState['todos'].value → [{ id: 1, text: 'Buy milk', done: false }, ...]
|
|
54
|
-
*
|
|
55
|
-
* // With indexes
|
|
56
|
-
* const users = await jux.indexDb('users', {
|
|
57
|
-
* db: 'myapp',
|
|
58
|
-
* table: 'users',
|
|
59
|
-
* indexes: [{ name: 'by_email', keyPath: 'email', unique: true }]
|
|
60
|
-
* });
|
|
61
|
-
*
|
|
62
|
-
* // Write
|
|
63
|
-
* await pageState['todos'].add({ text: 'New item', done: false });
|
|
64
|
-
* await pageState['todos'].put({ id: 1, text: 'Updated', done: true });
|
|
65
|
-
* await pageState['todos'].delete(1);
|
|
66
|
-
*
|
|
67
|
-
* // Query by index
|
|
68
|
-
* const results = await pageState['users'].query('by_email', 'alice@example.com');
|
|
69
|
-
*
|
|
70
|
-
* // React to changes
|
|
71
|
-
* pageState.__watch(() => {
|
|
72
|
-
* const items = pageState['todos'].value;
|
|
73
|
-
* if (items) {
|
|
74
|
-
* pageState['count'].content = `${items.length} items`;
|
|
75
|
-
* }
|
|
76
|
-
* });
|
|
77
|
-
*/
|
|
78
|
-
export declare function indexDb(id: string, options: IndexDbStoreOptions): Promise<IndexDb>;
|
|
79
|
-
export { IndexDb, IndexDbStoreOptions };
|
|
80
|
-
//# sourceMappingURL=indexDb.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"indexDb.d.ts","sourceRoot":"","sources":["../../lib/primitives/indexDb.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,cAAM,OAAO;IACT,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,GAAG,CAA4B;IACvC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,MAAM,CAAgB;gBAElB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB;IA0BpD,OAAO,CAAC,KAAK;IAgCb,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,aAAa;IAoBrB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI;IAK1C,UAAU,IAAI,WAAW;IACzB,QAAQ,IAAI,GAAG,EAAE;IACjB,UAAU,IAAI,OAAO;IACrB,QAAQ,IAAI,MAAM,GAAG,IAAI;IACzB,QAAQ,IAAI,MAAM;IAElB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;IAUpB,MAAM,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;IAwBxB,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC;IAWnC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAiB5D,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC;IActC,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC;IActC,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBtC,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAcvC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBtB,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;IAG/B,8DAA8D;IAC9D,IAAI,KAAK,IAAI,GAAG,CAEf;CACJ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAsB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,CAUxF;AAED,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|