dynim-react 1.0.47 → 1.0.49

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.
Files changed (6) hide show
  1. package/dist/DynimProvider.d.ts.map +1 -1
  2. package/dist/DynimProvider.js +6 -1
  3. package/dist/theme.d.ts +2 -23
  4. package/dist/theme.d.ts.map +1 -1
  5. package/dist/theme.js +13 -42
  6. package/package.json +1 -1
package/dist/DynimProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAiYlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
1
+ {"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAwYlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
package/dist/DynimProvider.js CHANGED
@@ -264,7 +264,12 @@ export function DynimProvider({ children, config = {}, }) {
264
264
  }
265
265
  };
266
266
  doInitialLoad();
267
- }, []);
267
+ // Prefetch theme after 3s delay (non-blocking, so it's ready when builder opens)
268
+ const themeTimeout = setTimeout(() => {
269
+ fetchTheme();
270
+ }, 3000);
271
+ return () => clearTimeout(themeTimeout);
272
+ }, [fetchTheme]);
268
273
  // Load saved bundle
269
274
  const loadSavedBundle = useCallback(async () => {
270
275
  await loadBundle('/api/code/bundle');
package/dist/theme.d.ts CHANGED
@@ -2,24 +2,7 @@
2
2
  * Dynim Theme System
3
3
  *
4
4
  * Theme is automatically fetched from the API per project.
5
- * The API should return a DynimTheme object from GET /api/code/theme
6
- *
7
- * Example API response:
8
- * ```json
9
- * {
10
- * "accent": "#4CAF50",
11
- * "builderBg": "#000000",
12
- * "chatAccent": "#8b5cf6"
13
- * }
14
- * ```
15
- *
16
- * CSS variables are automatically generated and can be used in components:
17
- * ```css
18
- * .builder-bar {
19
- * background: var(--dynim-builder-bg);
20
- * color: var(--dynim-builder-text);
21
- * }
22
- * ```
5
+ * CSS variables are injected with defaults matching the original design.
23
6
  */
24
7
  export interface DynimTheme {
25
8
  accent?: string;
@@ -42,7 +25,7 @@ export interface DynimTheme {
42
25
  hoverOpacity?: string;
43
26
  }
44
27
  /**
45
- * Default theme values
28
+ * Default theme values - matches original SDK styling exactly
46
29
  */
47
30
  export declare const defaultTheme: Required<DynimTheme>;
48
31
  /**
@@ -72,8 +55,4 @@ export declare const themeVars: {
72
55
  readonly selectionOpacity: "var(--dynim-selection-opacity)";
73
56
  readonly hoverOpacity: "var(--dynim-hover-opacity)";
74
57
  };
75
- /**
76
- * Helper to convert hex to rgba for opacity support
77
- */
78
- export declare function hexToRgba(hex: string, opacity: string | number): string;
79
58
  //# sourceMappingURL=theme.d.ts.map
package/dist/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;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;AAEX;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAOvE"}
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 CHANGED
@@ -2,48 +2,31 @@
2
2
  * Dynim Theme System
3
3
  *
4
4
  * Theme is automatically fetched from the API per project.
5
- * The API should return a DynimTheme object from GET /api/code/theme
6
- *
7
- * Example API response:
8
- * ```json
9
- * {
10
- * "accent": "#4CAF50",
11
- * "builderBg": "#000000",
12
- * "chatAccent": "#8b5cf6"
13
- * }
14
- * ```
15
- *
16
- * CSS variables are automatically generated and can be used in components:
17
- * ```css
18
- * .builder-bar {
19
- * background: var(--dynim-builder-bg);
20
- * color: var(--dynim-builder-text);
21
- * }
22
- * ```
5
+ * CSS variables are injected with defaults matching the original design.
23
6
  */
24
7
  /**
25
- * Default theme values
8
+ * Default theme values - matches original SDK styling exactly
26
9
  */
27
10
  export const defaultTheme = {
28
- // Builder Bar
11
+ // Builder Bar - original values
29
12
  accent: '#3b82f6',
30
13
  accentHover: '#2563eb',
31
14
  builderBg: '#000000',
32
15
  builderText: '#ffffff',
33
- builderFont: 'system-ui, -apple-system, sans-serif',
16
+ builderFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
34
17
  builderRadius: '22px',
35
18
  builderOpacity: '0.08',
36
- // Chat Widget
37
- chatAccent: '#8b5cf6',
38
- chatBg: '#000000',
39
- chatText: '#ffffff',
40
- chatFont: 'system-ui, -apple-system, sans-serif',
41
- chatRadius: '12px',
42
- chatOpacity: '0.85',
43
- // Selection
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
44
27
  selectionColor: '#8b5cf6',
45
28
  hoverColor: '#0ea5e9',
46
- selectionRadius: '6px',
29
+ selectionRadius: '0',
47
30
  selectionOpacity: '0.1',
48
31
  hoverOpacity: '0.1',
49
32
  };
@@ -112,15 +95,3 @@ export const themeVars = {
112
95
  selectionOpacity: 'var(--dynim-selection-opacity)',
113
96
  hoverOpacity: 'var(--dynim-hover-opacity)',
114
97
  };
115
- /**
116
- * Helper to convert hex to rgba for opacity support
117
- */
118
- export function hexToRgba(hex, opacity) {
119
- const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
120
- if (!result)
121
- return hex;
122
- const r = parseInt(result[1], 16);
123
- const g = parseInt(result[2], 16);
124
- const b = parseInt(result[3], 16);
125
- return `rgba(${r}, ${g}, ${b}, ${opacity})`;
126
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dynim-react",
3
- "version": "1.0.47",
3
+ "version": "1.0.49",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",