@fraczled/sdk 1.0.1 → 1.0.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/README.md +23 -22
- package/dist/fraczled-sdk.es.js +1 -2
- package/dist/fraczled-sdk.umd.js +229 -232
- package/dist/html2canvas.esm-dgT_1dIT.js +0 -1
- package/dist/index-B7nKcvyh.js +23725 -0
- package/dist/{index.es-DQ40b3Xp.js → index.es-DWObXjGN.js} +1 -2
- package/dist/purify.es-BpFm6ZGf.js +0 -1
- package/index.d.ts +0 -1
- package/package.json +1 -1
- package/dist/docs.html +0 -528
- package/dist/fraczled-sdk.es.js.map +0 -1
- package/dist/fraczled-sdk.umd.js.map +0 -1
- package/dist/html2canvas.esm-dgT_1dIT.js.map +0 -1
- package/dist/index-B0_rImap.js +0 -27478
- package/dist/index-B0_rImap.js.map +0 -1
- package/dist/index.es-DQ40b3Xp.js.map +0 -1
- package/dist/purify.es-BpFm6ZGf.js.map +0 -1
- package/dist/signup.html +0 -560
package/README.md
CHANGED
|
@@ -11,20 +11,17 @@ npm install @fraczled/sdk
|
|
|
11
11
|
## Quick Start
|
|
12
12
|
|
|
13
13
|
```typescript
|
|
14
|
-
import { createFraczledEditor } from
|
|
14
|
+
import { createFraczledEditor } from "@fraczled/sdk";
|
|
15
15
|
|
|
16
16
|
const editor = createFraczledEditor({
|
|
17
|
-
apiKey:
|
|
18
|
-
projectId:
|
|
19
|
-
container: document.getElementById(
|
|
20
|
-
services: {
|
|
21
|
-
licenseEndpoint: 'https://api.fraczled.com/api/license/validate',
|
|
22
|
-
}
|
|
17
|
+
apiKey: "YOUR_LICENSE_KEY",
|
|
18
|
+
projectId: "YOUR_PROJECT_ID",
|
|
19
|
+
container: document.getElementById("editor")
|
|
23
20
|
});
|
|
24
21
|
|
|
25
22
|
// Listen for changes
|
|
26
|
-
editor.on(
|
|
27
|
-
console.log(
|
|
23
|
+
editor.on("change", (state) => {
|
|
24
|
+
console.log("Design changed:", state);
|
|
28
25
|
});
|
|
29
26
|
|
|
30
27
|
// Save the design (JSON string)
|
|
@@ -44,8 +41,8 @@ editor.destroy();
|
|
|
44
41
|
```typescript
|
|
45
42
|
interface EditorConfig {
|
|
46
43
|
// Required
|
|
47
|
-
apiKey: string;
|
|
48
|
-
projectId: string;
|
|
44
|
+
apiKey: string; // Your dev_* or prod_* license key
|
|
45
|
+
projectId: string; // Your project ID (from signup or dashboard)
|
|
49
46
|
container: HTMLElement;
|
|
50
47
|
|
|
51
48
|
// Optional
|
|
@@ -55,7 +52,6 @@ interface EditorConfig {
|
|
|
55
52
|
settings: DocumentSettings;
|
|
56
53
|
};
|
|
57
54
|
services?: {
|
|
58
|
-
licenseEndpoint?: string;
|
|
59
55
|
aiEndpoint?: string;
|
|
60
56
|
unsplashProxyBaseUrl?: string;
|
|
61
57
|
};
|
|
@@ -76,14 +72,18 @@ By default, the SDK injects the Tailwind CDN and Google Fonts for convenience. F
|
|
|
76
72
|
set `assets.injectTailwind = false` and provide your own CSS bundle (and optionally your own fonts)
|
|
77
73
|
to avoid relying on external CDNs.
|
|
78
74
|
|
|
75
|
+
License validation is always handled by https://fraczled.com and requires outbound HTTPS access.
|
|
76
|
+
|
|
79
77
|
## License Keys
|
|
80
78
|
|
|
81
|
-
### Development Keys (
|
|
79
|
+
### Development Keys (dev\_\*)
|
|
80
|
+
|
|
82
81
|
- 100-day free trial
|
|
83
82
|
- Works on localhost, staging, and development domains only
|
|
84
83
|
- Full feature access for testing
|
|
85
84
|
|
|
86
|
-
### Production Keys (
|
|
85
|
+
### Production Keys (prod\_\*)
|
|
86
|
+
|
|
87
87
|
- Required for production domains
|
|
88
88
|
- Available with Team ($150/mo) or Business ($250/mo) plans
|
|
89
89
|
|
|
@@ -91,13 +91,13 @@ Note: SDK license keys are used in client-side code. Treat them as publishable a
|
|
|
91
91
|
|
|
92
92
|
## Plans
|
|
93
93
|
|
|
94
|
-
| Feature
|
|
95
|
-
|
|
96
|
-
| Production Domains | 1
|
|
97
|
-
| Editor Loads
|
|
98
|
-
| AI Features
|
|
99
|
-
| Export (Web/Print) | Yes
|
|
100
|
-
| Support
|
|
94
|
+
| Feature | Team ($150/mo) | Business ($250/mo) |
|
|
95
|
+
| ------------------ | -------------- | ------------------ |
|
|
96
|
+
| Production Domains | 1 | Unlimited |
|
|
97
|
+
| Editor Loads | 10,000/month | Unlimited |
|
|
98
|
+
| AI Features | Yes | Yes |
|
|
99
|
+
| Export (Web/Print) | Yes | Yes |
|
|
100
|
+
| Support | Standard | Priority |
|
|
101
101
|
|
|
102
102
|
## Getting Started
|
|
103
103
|
|
|
@@ -113,6 +113,7 @@ Note: SDK license keys are used in client-side code. Treat them as publishable a
|
|
|
113
113
|
Creates a new editor instance.
|
|
114
114
|
|
|
115
115
|
**Returns:**
|
|
116
|
+
|
|
116
117
|
```typescript
|
|
117
118
|
{
|
|
118
119
|
store: Store; // Access to the underlying store
|
|
@@ -132,4 +133,4 @@ Creates a new editor instance.
|
|
|
132
133
|
## Support
|
|
133
134
|
|
|
134
135
|
- Documentation: [fraczled.com/docs](https://fraczled.com/docs)
|
|
135
|
-
- Email:
|
|
136
|
+
- Email: andrew@andrewfraczak.com
|
package/dist/fraczled-sdk.es.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import "react";
|
|
2
2
|
import "react-dom/client";
|
|
3
|
-
import { S as o, b as p, a as c, d } from "./index-
|
|
3
|
+
import { S as o, b as p, a as c, d } from "./index-B7nKcvyh.js";
|
|
4
4
|
export {
|
|
5
5
|
o as Store,
|
|
6
6
|
p as createFraczledEditor,
|
|
7
7
|
c as createOurEditorApp,
|
|
8
8
|
d as createStore
|
|
9
9
|
};
|
|
10
|
-
//# sourceMappingURL=fraczled-sdk.es.js.map
|