polotno-node 2.0.2 → 2.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
CHANGED
|
@@ -133,7 +133,9 @@ res.json({ url });
|
|
|
133
133
|
|
|
134
134
|
### `instance.run()`
|
|
135
135
|
|
|
136
|
-
Run any Polotno store API directly inside web-page context
|
|
136
|
+
Run any Polotno store API directly inside web-page context.
|
|
137
|
+
|
|
138
|
+
**Warning: by default every `run` and every export function will create a new page with its own editor and context.** If you want to make and export after you use `instance.run()` you must do it inside the same `run` function.
|
|
137
139
|
|
|
138
140
|
```js
|
|
139
141
|
// we can't directly use "json" variable inside the run function
|
|
@@ -152,6 +154,23 @@ const url = await instance.run(async (json) => {
|
|
|
152
154
|
}, json);
|
|
153
155
|
```
|
|
154
156
|
|
|
157
|
+
### `window.config` usage
|
|
158
|
+
|
|
159
|
+
`window.config` is a global object that has some functions from `polotno/config` module. You can use it to add custom fonts and customize some settings.
|
|
160
|
+
Not all options are supported yet. If you see anything missing, please create an issue. You can see all available options in `client.js` file.
|
|
161
|
+
|
|
162
|
+
You should be able to change config before you call `store.loadJSON` function and do you export.
|
|
163
|
+
|
|
164
|
+
```js
|
|
165
|
+
const url = await instance.run(async (json) => {
|
|
166
|
+
// you can use global "config" object that has some functions from "polotno/config" module
|
|
167
|
+
window.config.unstable_setTextVerticalResizeEnabled(true);
|
|
168
|
+
// you can use global "store" object
|
|
169
|
+
store.loadJSON(json);
|
|
170
|
+
return store.toDataURL();
|
|
171
|
+
}, json);
|
|
172
|
+
```
|
|
173
|
+
|
|
155
174
|
## Your own client
|
|
156
175
|
|
|
157
176
|
By default `polotno-node` ships with the default Polotno Editor with its (hopefully) last version. If you use experimental API such as `unstable_registerShapeModel` and `unstable_registerShapeComponent`, the rendering may fail if you use unknow elements types.
|
|
@@ -4241,6 +4241,6 @@ var r=require("../lib").GenIcon;module.exports=function(t){return r({tag:"svg",a
|
|
|
4241
4241
|
},{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","../utils/styled":"PsiH","./history-buttons":"APqM","./text-toolbar":"LDge","./html-toolbar":"JODo","./image-toolbar":"LcnJ","./svg-toolbar":"nsjL","./line-toolbar":"BSzA","./many-toolbar":"espJ","./download-button":"hzA0","./duplicate-button":"I7IM","./remove-button":"F6AQ","./lock-button":"xZD7","./position-picker":"Taqf","./opacity-picker":"tmro","./admin-button":"ccY3","./group-button":"wGhb","../utils/flags":"IDY9"}],"Otsg":[function(require,module,exports) {
|
|
4242
4242
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.unstable_setTextVerticalResizeEnabled=exports.unstable_setTextOverflow=exports.unstable_setForceTextFit=exports.unstable_useHtmlTextRender=exports.unstable_setRemoveBackgroundEnabled=exports.useDownScaling=exports.setColorsPresetFunc=exports.setAPI=exports.getGoogleFontImage=exports.getGoogleFontsListAPI=exports.unstable_registerNextDomDrop=exports.getTranslations=exports.setTranslations=exports.onLoadError=exports.unstable_registerToolbarComponent=exports.unstable_registerTransformerAttrs=exports.unstable_registerShapeComponent=exports.unstable_registerShapeModel=exports.unstable_setImageLoaderHook=exports.toggleFadeInAnimation=exports.setUploadFunc=exports.replaceGlobalFonts=exports.removeGlobalFont=exports.addGlobalFont=exports.setGoogleFonts=void 0;var e=require("./utils/fonts");Object.defineProperty(exports,"setGoogleFonts",{enumerable:!0,get:function(){return e.setGoogleFonts}}),Object.defineProperty(exports,"addGlobalFont",{enumerable:!0,get:function(){return e.addGlobalFont}}),Object.defineProperty(exports,"removeGlobalFont",{enumerable:!0,get:function(){return e.removeGlobalFont}}),Object.defineProperty(exports,"replaceGlobalFonts",{enumerable:!0,get:function(){return e.replaceGlobalFonts}});var t=require("./side-panel/upload-panel");Object.defineProperty(exports,"setUploadFunc",{enumerable:!0,get:function(){return t.setUploadFunc}});var r=require("./canvas/use-fadein");Object.defineProperty(exports,"toggleFadeInAnimation",{enumerable:!0,get:function(){return r.toggleFadeInAnimation}});var o=require("./canvas/image-element");Object.defineProperty(exports,"unstable_setImageLoaderHook",{enumerable:!0,get:function(){return o.setImageLoaderHook}});var n=require("./model/store");Object.defineProperty(exports,"unstable_registerShapeModel",{enumerable:!0,get:function(){return n.registerShapeModel}});var s=require("./canvas/element");Object.defineProperty(exports,"unstable_registerShapeComponent",{enumerable:!0,get:function(){return s.registerShapeComponent}});var a=require("./canvas/page");Object.defineProperty(exports,"unstable_registerTransformerAttrs",{enumerable:!0,get:function(){return a.registerTransformerAttrs}});var u=require("./toolbar/toolbar");Object.defineProperty(exports,"unstable_registerToolbarComponent",{enumerable:!0,get:function(){return u.registerToolbarComponent}});var l=require("./utils/loader");Object.defineProperty(exports,"onLoadError",{enumerable:!0,get:function(){return l.onLoadError}});var i=require("./utils/l10n");Object.defineProperty(exports,"setTranslations",{enumerable:!0,get:function(){return i.setTranslations}}),Object.defineProperty(exports,"getTranslations",{enumerable:!0,get:function(){return i.getTranslations}});var p=require("./canvas/page");Object.defineProperty(exports,"unstable_registerNextDomDrop",{enumerable:!0,get:function(){return p.registerNextDomDrop}});var b=require("./utils/api");Object.defineProperty(exports,"getGoogleFontsListAPI",{enumerable:!0,get:function(){return b.getGoogleFontsListAPI}}),Object.defineProperty(exports,"getGoogleFontImage",{enumerable:!0,get:function(){return b.getGoogleFontImage}}),Object.defineProperty(exports,"setAPI",{enumerable:!0,get:function(){return b.setAPI}});var g=require("./toolbar/color-picker");Object.defineProperty(exports,"setColorsPresetFunc",{enumerable:!0,get:function(){return g.setColorsPresetFunc}});var c=require("./utils/flags");Object.defineProperty(exports,"useDownScaling",{enumerable:!0,get:function(){return c.useDownScaling}});var x=require("./utils/flags");Object.defineProperty(exports,"unstable_setRemoveBackgroundEnabled",{enumerable:!0,get:function(){return x.useRemoveBackground}});var d=require("./utils/flags");Object.defineProperty(exports,"unstable_useHtmlTextRender",{enumerable:!0,get:function(){return d.useHtmlTextRender}});var f=require("./utils/flags");Object.defineProperty(exports,"unstable_setForceTextFit",{enumerable:!0,get:function(){return f.setForceTextFit}});var m=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextOverflow",{enumerable:!0,get:function(){return m.setTextOverflow}});var v=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextVerticalResizeEnabled",{enumerable:!0,get:function(){return v.setTextVerticalResizeEnabled}});
|
|
4243
4243
|
},{"./utils/fonts":"XXLd","./side-panel/upload-panel":"ioqf","./canvas/use-fadein":"N3c2","./canvas/image-element":"VbEp","./model/store":"GRkH","./canvas/element":"XEPK","./canvas/page":"Co9b","./toolbar/toolbar":"CetC","./utils/loader":"bN4e","./utils/l10n":"FlVj","./utils/api":"Ic0q","./toolbar/color-picker":"zFB1","./utils/flags":"IDY9"}],"IVsl":[function(require,module,exports) {
|
|
4244
|
-
"use strict";var e=s(require("react")),
|
|
4244
|
+
"use strict";var e=s(require("react")),t=s(require("react-dom/client")),o=require("polotno/canvas/workspace"),r=require("polotno/model/store"),a=require("polotno/canvas/use-fadein"),n=require("polotno/config"),l=require("polotno/utils/fonts");function s(e){return e&&e.__esModule?e:{default:e}}(0,a.toggleFadeInAnimation)(!1),(0,n.unstable_setTextOverflow)("change-font-size");var i=new URLSearchParams(location.search).get("key"),u=(0,r.createStore)({key:i});window.store=u,window.config={addGlobalFont:l.addGlobalFont,unstable_useHtmlTextRender:n.unstable_useHtmlTextRender,unstable_setTextVerticalResizeEnabled:n.unstable_setTextVerticalResizeEnabled,onLoadError:n.onLoadError};var d=t.default.createRoot(document.getElementById("root"));d.render(e.default.createElement(o.Workspace,{store:u}));
|
|
4245
4245
|
},{"react":"HdMw","react-dom/client":"U1bq","polotno/canvas/workspace":"twsc","polotno/model/store":"GRkH","polotno/canvas/use-fadein":"N3c2","polotno/config":"Otsg","polotno/utils/fonts":"XXLd"}]},{},["IVsl"], null)
|
|
4246
|
-
//# sourceMappingURL=client.
|
|
4246
|
+
//# sourceMappingURL=client.b1e79267.js.map
|
package/dist/client.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<html><head><title>Canvas editor</title><style>body{padding:0;margin:0}</style><meta name="viewport" content="width=device-width, initial-scale=1"></head><body class="bp3-dark"> <div id="root"></div> <script src="client.
|
|
1
|
+
<html><head><title>Canvas editor</title><style>body{padding:0;margin:0}</style><meta name="viewport" content="width=device-width, initial-scale=1"></head><body class="bp3-dark"> <div id="root"></div> <script src="client.b1e79267.js"></script> </body></html>
|