element,
- // Preact thinks it’s the Uppy root element in there when doing a diff,
- // and destroys it. So we are creating a fragment (could be empty div)
-
- const uppyRootElement = document.createDocumentFragment(); // API for plugins that require a synchronous rerender.
-
- _classPrivateFieldLooseBase$5(this, _updateUI)[_updateUI] = debounce(state => {
- // plugin could be removed, but this.rerender is debounced below,
- // so it could still be called even after uppy.removePlugin or uppy.close
- // hence the check
- if (!this.uppy.getPlugin(this.id)) return;
- render(this.render(state), uppyRootElement);
- this.afterUpdate();
- });
- this.uppy.log(`Installing ${callerPluginName} to a DOM element '${target}'`);
-
- if (this.opts.replaceTargetContent) {
- // Doing render(h(null), targetElement), which should have been
- // a better way, since because the component might need to do additional cleanup when it is removed,
- // stopped working — Preact just adds null into target, not replacing
- targetElement.innerHTML = '';
- }
-
- render(this.render(this.uppy.getState()), uppyRootElement);
- this.el = uppyRootElement.firstElementChild;
- targetElement.appendChild(uppyRootElement);
- this.onMount();
- return this.el;
- }
-
- let targetPlugin;
-
- if (typeof target === 'object' && target instanceof UIPlugin) {
- // Targeting a plugin *instance*
- targetPlugin = target;
- } else if (typeof target === 'function') {
- // Targeting a plugin type
- const Target = target; // Find the target plugin instance.
-
- this.uppy.iteratePlugins(p => {
- if (p instanceof Target) {
- targetPlugin = p;
- return false;
- }
- });
- }
-
- if (targetPlugin) {
- this.uppy.log(`Installing ${callerPluginName} to ${targetPlugin.id}`);
- this.parent = targetPlugin;
- this.el = targetPlugin.addTarget(plugin);
- this.onMount();
- return this.el;
- }
-
- this.uppy.log(`Not installing ${callerPluginName}`);
- let message = `Invalid target option given to ${callerPluginName}.`;
-
- if (typeof target === 'function') {
- message += ' The given target is not a Plugin class. ' + 'Please check that you\'re not specifying a React Component instead of a plugin. ' + 'If you are using @uppy/* packages directly, make sure you have only 1 version of @uppy/core installed: ' + 'run `npm ls @uppy/core` on the command line and verify that all the versions match and are deduped correctly.';
- } else {
- message += 'If you meant to target an HTML element, please make sure that the element exists. ' + 'Check that the
-
-
- {% block head %}{% endblock %}
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% block main %}{% endblock %}
-
-
-