dynim-vue 1.0.73 → 1.0.79
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/DynimProvider.js +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/dist/theme.d.ts +0 -58
- package/dist/theme.d.ts.map +0 -1
- package/dist/theme.js +0 -97
package/dist/DynimProvider.js
CHANGED
|
@@ -10,7 +10,7 @@ import { defineComponent, ref, computed, provide, inject, onMounted, onUnmounted
|
|
|
10
10
|
import * as Vue from 'vue';
|
|
11
11
|
import { createCodeClient, createBundleLoader, createCSSLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
|
|
12
12
|
import { createSharedContext, updateSharedContext, isSharedContextReady } from './inference/sharedContext';
|
|
13
|
-
import { generateThemeCSS } from '
|
|
13
|
+
import { generateThemeCSS } from 'dynim-core';
|
|
14
14
|
export const DynimInjectionKey = Symbol('dynim');
|
|
15
15
|
/**
|
|
16
16
|
* DynimProvider - Wrap your app with this to enable Dynim functionality
|
package/dist/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
*/
|
|
17
17
|
export { DynimProvider, useDynim, DynimInjectionKey } from './DynimProvider';
|
|
18
18
|
export type { DynimConfig, DynimContextValue } from './DynimProvider';
|
|
19
|
-
export { defaultTheme } from '
|
|
20
|
-
export type { DynimTheme } from '
|
|
19
|
+
export { defaultTheme } from 'dynim-core';
|
|
20
|
+
export type { DynimTheme } from 'dynim-core';
|
|
21
21
|
export type { CodeMessage, CodeEdit } from 'dynim-core';
|
|
22
22
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dynim-vue",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.79",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dev": "tsc --watch"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"dynim-core": "^1.0.
|
|
30
|
+
"dynim-core": "^1.0.106"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"vue": ">=3.3.0",
|
package/dist/theme.d.ts
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Dynim Theme System
|
|
3
|
-
*
|
|
4
|
-
* Theme is automatically fetched from the API per project.
|
|
5
|
-
* CSS variables are injected with defaults matching the original design.
|
|
6
|
-
*/
|
|
7
|
-
export interface DynimTheme {
|
|
8
|
-
accent?: string;
|
|
9
|
-
accentHover?: string;
|
|
10
|
-
builderBg?: string;
|
|
11
|
-
builderText?: string;
|
|
12
|
-
builderFont?: string;
|
|
13
|
-
builderRadius?: string;
|
|
14
|
-
builderOpacity?: string;
|
|
15
|
-
chatAccent?: string;
|
|
16
|
-
chatBg?: string;
|
|
17
|
-
chatText?: string;
|
|
18
|
-
chatFont?: string;
|
|
19
|
-
chatRadius?: string;
|
|
20
|
-
chatOpacity?: string;
|
|
21
|
-
selectionColor?: string;
|
|
22
|
-
hoverColor?: string;
|
|
23
|
-
selectionRadius?: string;
|
|
24
|
-
selectionOpacity?: string;
|
|
25
|
-
hoverOpacity?: string;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Default theme values - matches original SDK styling exactly
|
|
29
|
-
*/
|
|
30
|
-
export declare const defaultTheme: Required<DynimTheme>;
|
|
31
|
-
/**
|
|
32
|
-
* Generates CSS variable declarations from a theme object
|
|
33
|
-
*/
|
|
34
|
-
export declare function generateThemeCSS(theme?: DynimTheme): string;
|
|
35
|
-
/**
|
|
36
|
-
* CSS variable references for use in styles
|
|
37
|
-
*/
|
|
38
|
-
export declare const themeVars: {
|
|
39
|
-
readonly accent: "var(--dynim-accent)";
|
|
40
|
-
readonly accentHover: "var(--dynim-accent-hover)";
|
|
41
|
-
readonly builderBg: "var(--dynim-builder-bg)";
|
|
42
|
-
readonly builderText: "var(--dynim-builder-text)";
|
|
43
|
-
readonly builderFont: "var(--dynim-builder-font)";
|
|
44
|
-
readonly builderRadius: "var(--dynim-builder-radius)";
|
|
45
|
-
readonly builderOpacity: "var(--dynim-builder-opacity)";
|
|
46
|
-
readonly chatAccent: "var(--dynim-chat-accent)";
|
|
47
|
-
readonly chatBg: "var(--dynim-chat-bg)";
|
|
48
|
-
readonly chatText: "var(--dynim-chat-text)";
|
|
49
|
-
readonly chatFont: "var(--dynim-chat-font)";
|
|
50
|
-
readonly chatRadius: "var(--dynim-chat-radius)";
|
|
51
|
-
readonly chatOpacity: "var(--dynim-chat-opacity)";
|
|
52
|
-
readonly selectionColor: "var(--dynim-selection-color)";
|
|
53
|
-
readonly hoverColor: "var(--dynim-hover-color)";
|
|
54
|
-
readonly selectionRadius: "var(--dynim-selection-radius)";
|
|
55
|
-
readonly selectionOpacity: "var(--dynim-selection-opacity)";
|
|
56
|
-
readonly hoverOpacity: "var(--dynim-hover-opacity)";
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=theme.d.ts.map
|
package/dist/theme.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,UAAU,CAwB7C,CAAC;AA+BF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,UAAe,GAAG,MAAM,CAW/D;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAwBZ,CAAC"}
|
package/dist/theme.js
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Dynim Theme System
|
|
3
|
-
*
|
|
4
|
-
* Theme is automatically fetched from the API per project.
|
|
5
|
-
* CSS variables are injected with defaults matching the original design.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Default theme values - matches original SDK styling exactly
|
|
9
|
-
*/
|
|
10
|
-
export const defaultTheme = {
|
|
11
|
-
// Builder Bar - original values
|
|
12
|
-
accent: '#3b82f6',
|
|
13
|
-
accentHover: '#2563eb',
|
|
14
|
-
builderBg: '#000000',
|
|
15
|
-
builderText: '#ffffff',
|
|
16
|
-
builderFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
|
|
17
|
-
builderRadius: '22px',
|
|
18
|
-
builderOpacity: '0.08',
|
|
19
|
-
// Chat Widget - original values
|
|
20
|
-
chatAccent: '#3b82f6',
|
|
21
|
-
chatBg: '#ffffff',
|
|
22
|
-
chatText: '#1f2937',
|
|
23
|
-
chatFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
|
|
24
|
-
chatRadius: '16px',
|
|
25
|
-
chatOpacity: '0.08',
|
|
26
|
-
// Selection - original values
|
|
27
|
-
selectionColor: '#8b5cf6',
|
|
28
|
-
hoverColor: '#0ea5e9',
|
|
29
|
-
selectionRadius: '0',
|
|
30
|
-
selectionOpacity: '0.1',
|
|
31
|
-
hoverOpacity: '0.1',
|
|
32
|
-
};
|
|
33
|
-
/**
|
|
34
|
-
* CSS variable names mapped to theme keys
|
|
35
|
-
*/
|
|
36
|
-
const cssVarMap = {
|
|
37
|
-
// Builder Bar
|
|
38
|
-
accent: '--dynim-accent',
|
|
39
|
-
accentHover: '--dynim-accent-hover',
|
|
40
|
-
builderBg: '--dynim-builder-bg',
|
|
41
|
-
builderText: '--dynim-builder-text',
|
|
42
|
-
builderFont: '--dynim-builder-font',
|
|
43
|
-
builderRadius: '--dynim-builder-radius',
|
|
44
|
-
builderOpacity: '--dynim-builder-opacity',
|
|
45
|
-
// Chat Widget
|
|
46
|
-
chatAccent: '--dynim-chat-accent',
|
|
47
|
-
chatBg: '--dynim-chat-bg',
|
|
48
|
-
chatText: '--dynim-chat-text',
|
|
49
|
-
chatFont: '--dynim-chat-font',
|
|
50
|
-
chatRadius: '--dynim-chat-radius',
|
|
51
|
-
chatOpacity: '--dynim-chat-opacity',
|
|
52
|
-
// Selection
|
|
53
|
-
selectionColor: '--dynim-selection-color',
|
|
54
|
-
hoverColor: '--dynim-hover-color',
|
|
55
|
-
selectionRadius: '--dynim-selection-radius',
|
|
56
|
-
selectionOpacity: '--dynim-selection-opacity',
|
|
57
|
-
hoverOpacity: '--dynim-hover-opacity',
|
|
58
|
-
};
|
|
59
|
-
/**
|
|
60
|
-
* Generates CSS variable declarations from a theme object
|
|
61
|
-
*/
|
|
62
|
-
export function generateThemeCSS(theme = {}) {
|
|
63
|
-
const merged = { ...defaultTheme, ...theme };
|
|
64
|
-
const vars = Object.entries(merged)
|
|
65
|
-
.map(([key, value]) => {
|
|
66
|
-
const cssVar = cssVarMap[key];
|
|
67
|
-
return `${cssVar}: ${value};`;
|
|
68
|
-
})
|
|
69
|
-
.join('\n ');
|
|
70
|
-
return `:root {\n ${vars}\n}`;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* CSS variable references for use in styles
|
|
74
|
-
*/
|
|
75
|
-
export const themeVars = {
|
|
76
|
-
// Builder Bar
|
|
77
|
-
accent: 'var(--dynim-accent)',
|
|
78
|
-
accentHover: 'var(--dynim-accent-hover)',
|
|
79
|
-
builderBg: 'var(--dynim-builder-bg)',
|
|
80
|
-
builderText: 'var(--dynim-builder-text)',
|
|
81
|
-
builderFont: 'var(--dynim-builder-font)',
|
|
82
|
-
builderRadius: 'var(--dynim-builder-radius)',
|
|
83
|
-
builderOpacity: 'var(--dynim-builder-opacity)',
|
|
84
|
-
// Chat Widget
|
|
85
|
-
chatAccent: 'var(--dynim-chat-accent)',
|
|
86
|
-
chatBg: 'var(--dynim-chat-bg)',
|
|
87
|
-
chatText: 'var(--dynim-chat-text)',
|
|
88
|
-
chatFont: 'var(--dynim-chat-font)',
|
|
89
|
-
chatRadius: 'var(--dynim-chat-radius)',
|
|
90
|
-
chatOpacity: 'var(--dynim-chat-opacity)',
|
|
91
|
-
// Selection
|
|
92
|
-
selectionColor: 'var(--dynim-selection-color)',
|
|
93
|
-
hoverColor: 'var(--dynim-hover-color)',
|
|
94
|
-
selectionRadius: 'var(--dynim-selection-radius)',
|
|
95
|
-
selectionOpacity: 'var(--dynim-selection-opacity)',
|
|
96
|
-
hoverOpacity: 'var(--dynim-hover-opacity)',
|
|
97
|
-
};
|