@zseven-w/pen-sdk 0.5.2 → 0.7.0
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 +8 -8
- package/package.json +10 -9
- package/src/index.ts +47 -35
package/README.md
CHANGED
|
@@ -12,13 +12,13 @@ npm install @zseven-w/pen-sdk
|
|
|
12
12
|
|
|
13
13
|
This package re-exports all OpenPencil packages:
|
|
14
14
|
|
|
15
|
-
| Package
|
|
16
|
-
|
|
17
|
-
| `@zseven-w/pen-types`
|
|
18
|
-
| `@zseven-w/pen-core`
|
|
19
|
-
| `@zseven-w/pen-codegen`
|
|
20
|
-
| `@zseven-w/pen-figma`
|
|
21
|
-
| `@zseven-w/pen-renderer` | CanvasKit/Skia GPU renderer
|
|
15
|
+
| Package | Provides |
|
|
16
|
+
| ------------------------ | ------------------------------------------------------------------------- |
|
|
17
|
+
| `@zseven-w/pen-types` | TypeScript types for the document model |
|
|
18
|
+
| `@zseven-w/pen-core` | Tree operations, layout engine, variables, boolean ops |
|
|
19
|
+
| `@zseven-w/pen-codegen` | Code generators (React, HTML, Vue, Svelte, Flutter, SwiftUI, Compose, RN) |
|
|
20
|
+
| `@zseven-w/pen-figma` | Figma `.fig` parser and converter |
|
|
21
|
+
| `@zseven-w/pen-renderer` | CanvasKit/Skia GPU renderer |
|
|
22
22
|
|
|
23
23
|
## Usage
|
|
24
24
|
|
|
@@ -46,7 +46,7 @@ import {
|
|
|
46
46
|
// Rendering
|
|
47
47
|
loadCanvasKit,
|
|
48
48
|
PenRenderer,
|
|
49
|
-
} from '@zseven-w/pen-sdk'
|
|
49
|
+
} from '@zseven-w/pen-sdk';
|
|
50
50
|
```
|
|
51
51
|
|
|
52
52
|
Or install individual packages for smaller bundles — see each package's README for details.
|
package/package.json
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zseven-w/pen-sdk",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "OpenPencil SDK — parse, manipulate, and generate code from .op design files",
|
|
5
|
+
"files": [
|
|
6
|
+
"src"
|
|
7
|
+
],
|
|
5
8
|
"type": "module",
|
|
6
9
|
"exports": {
|
|
7
10
|
".": {
|
|
@@ -9,18 +12,16 @@
|
|
|
9
12
|
"import": "./src/index.ts"
|
|
10
13
|
}
|
|
11
14
|
},
|
|
12
|
-
"files": [
|
|
13
|
-
"src"
|
|
14
|
-
],
|
|
15
15
|
"scripts": {
|
|
16
16
|
"typecheck": "tsc --noEmit"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@zseven-w/pen-
|
|
20
|
-
"@zseven-w/pen-
|
|
21
|
-
"@zseven-w/pen-
|
|
22
|
-
"@zseven-w/pen-
|
|
23
|
-
"@zseven-w/pen-renderer": "0.
|
|
19
|
+
"@zseven-w/pen-core": "0.7.0",
|
|
20
|
+
"@zseven-w/pen-engine": "0.7.0",
|
|
21
|
+
"@zseven-w/pen-figma": "0.7.0",
|
|
22
|
+
"@zseven-w/pen-react": "0.7.0",
|
|
23
|
+
"@zseven-w/pen-renderer": "0.7.0",
|
|
24
|
+
"@zseven-w/pen-types": "0.7.0"
|
|
24
25
|
},
|
|
25
26
|
"devDependencies": {
|
|
26
27
|
"typescript": "^5.7.2"
|
package/src/index.ts
CHANGED
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
* type PenDocument,
|
|
11
11
|
* createEmptyDocument,
|
|
12
12
|
* normalizePenDocument,
|
|
13
|
-
* generateReactFromDocument,
|
|
14
13
|
* parseFigFile,
|
|
15
14
|
* } from '@zseven-w/pen-sdk'
|
|
16
15
|
* ```
|
|
@@ -65,7 +64,7 @@ export type {
|
|
|
65
64
|
// Theme presets
|
|
66
65
|
ThemePreset,
|
|
67
66
|
ThemePresetFile,
|
|
68
|
-
} from '@zseven-w/pen-types'
|
|
67
|
+
} from '@zseven-w/pen-types';
|
|
69
68
|
|
|
70
69
|
// ── Core: Document operations ──────────────────────────────────────────
|
|
71
70
|
export {
|
|
@@ -121,38 +120,28 @@ export {
|
|
|
121
120
|
type BooleanOpType,
|
|
122
121
|
canBooleanOp,
|
|
123
122
|
executeBooleanOp,
|
|
124
|
-
} from '@zseven-w/pen-core'
|
|
123
|
+
} from '@zseven-w/pen-core';
|
|
125
124
|
|
|
126
|
-
// ── Codegen
|
|
127
|
-
export {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
// SwiftUI
|
|
147
|
-
generateSwiftUICode,
|
|
148
|
-
generateSwiftUIFromDocument,
|
|
149
|
-
// Android Compose
|
|
150
|
-
generateComposeCode,
|
|
151
|
-
generateComposeFromDocument,
|
|
152
|
-
// React Native
|
|
153
|
-
generateReactNativeCode,
|
|
154
|
-
generateReactNativeFromDocument,
|
|
155
|
-
} from '@zseven-w/pen-codegen'
|
|
125
|
+
// ── Codegen types (from pen-types) ──────────────────────────────────────
|
|
126
|
+
export type {
|
|
127
|
+
Framework,
|
|
128
|
+
PlannedChunk,
|
|
129
|
+
CodePlanFromAI,
|
|
130
|
+
ExecutableChunk,
|
|
131
|
+
CodeExecutionPlan,
|
|
132
|
+
ChunkContract,
|
|
133
|
+
PropDef,
|
|
134
|
+
SlotDef,
|
|
135
|
+
ImportDef,
|
|
136
|
+
ChunkResult,
|
|
137
|
+
ChunkStatus,
|
|
138
|
+
CodeGenProgress,
|
|
139
|
+
ContractValidationResult,
|
|
140
|
+
NodeSnapshot,
|
|
141
|
+
ExecutableChunkPayload,
|
|
142
|
+
ResolvedDepContract,
|
|
143
|
+
} from '@zseven-w/pen-types';
|
|
144
|
+
export { FRAMEWORKS } from '@zseven-w/pen-types';
|
|
156
145
|
|
|
157
146
|
// ── Figma: .fig file import ────────────────────────────────────────────
|
|
158
147
|
export {
|
|
@@ -168,7 +157,30 @@ export {
|
|
|
168
157
|
setIconLookup,
|
|
169
158
|
type FigmaDecodedFile,
|
|
170
159
|
type FigmaImportLayoutMode,
|
|
171
|
-
} from '@zseven-w/pen-figma'
|
|
160
|
+
} from '@zseven-w/pen-figma';
|
|
161
|
+
|
|
162
|
+
// ── Engine: Headless design engine ────────────────────────────────────
|
|
163
|
+
export {
|
|
164
|
+
DesignEngine,
|
|
165
|
+
TypedEventEmitter,
|
|
166
|
+
HistoryManager,
|
|
167
|
+
DocumentManager,
|
|
168
|
+
SelectionManager,
|
|
169
|
+
PageManager,
|
|
170
|
+
VariableManager,
|
|
171
|
+
ViewportController,
|
|
172
|
+
EngineSpatialIndex,
|
|
173
|
+
createNodeForTool,
|
|
174
|
+
isDrawingTool,
|
|
175
|
+
parseSvgToNodes,
|
|
176
|
+
type DesignEngineOptions,
|
|
177
|
+
type DesignEngineEvents,
|
|
178
|
+
type CodePlatform,
|
|
179
|
+
type CodeResult,
|
|
180
|
+
} from '@zseven-w/pen-engine';
|
|
181
|
+
|
|
182
|
+
// ── React: React hooks and components ─────────────────────────────────
|
|
183
|
+
export * from '@zseven-w/pen-react';
|
|
172
184
|
|
|
173
185
|
// ── Renderer: CanvasKit/Skia rendering engine ────────────────────────
|
|
174
186
|
export {
|
|
@@ -192,4 +204,4 @@ export {
|
|
|
192
204
|
type RenderNode,
|
|
193
205
|
type PenRendererOptions,
|
|
194
206
|
type IconLookupFn,
|
|
195
|
-
} from '@zseven-w/pen-renderer'
|
|
207
|
+
} from '@zseven-w/pen-renderer';
|