├── .eslintrc
├── .gitignore
├── .npmrc
├── LICENSE
├── README.md
├── dist
    ├── index.d.ts
    ├── index.esm.js
    ├── index.esm.js.map
    ├── index.js
    └── index.js.map
├── json.d.ts
├── package.json
├── rollup.config.js
├── src
    └── index.ts
└── tsconfig.json


/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "env": {
 3 |         "es6": true,
 4 |         "browser": true
 5 |     },
 6 |     "extends": "eslint:recommended",
 7 |     "parser": "typescript-eslint-parser",
 8 |     "parserOptions": {
 9 |         "ecmaVersion": 2018
10 |     }
11 | }
12 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .localized
3 | node_modules
4 | .vscode
5 | npm-debug.log
6 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | package-lock=false
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright 2018 Geoffrey Goodman
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Plunker SDK
  2 | 
  3 | A set of tools for interacting with the Plunker platform that allow you to:
  4 | 
  5 | 1.  Generate dynamic embedded Plunks and show these in target frames or mount these in target DOM elements.
  6 | 
  7 | ## Usage
  8 | 
  9 | Mount the embedded view of Plunker inside the 'embed' element with custom files, title and tags
 10 | 
 11 | ```js
 12 | import { showDynamicEmbed } from '@plnkr/sdk';
 13 | 
 14 | // Generate the files for the dynamic plunk. This could easily
 15 | // be generated on the fly by your application.
 16 | const files = [
 17 |     {
 18 |         pathname: 'index.html',
 19 |         content: '<h1>Hello world</h1>',
 20 |     },
 21 | ];
 22 | 
 23 | showDynamicEmbed(
 24 |     {
 25 |         files,
 26 |         title: 'Hello world example',
 27 |         tags: ['hello', 'world'],
 28 |     },
 29 |     {
 30 |         deferRun: true, // Don't immediately run the preview
 31 |         show: ['index.html', 'preview'], // Open the index file and preview panes
 32 |         parentEl: 'embed', // Mount the embed in the #embed element
 33 |     }
 34 | );
 35 | ```
 36 | 
 37 | Open the embedded view of Plunker in a new window with custom files, title and tags
 38 | 
 39 | ```js
 40 | import { showDynamicEmbed } from '@plnkr/sdk';
 41 | 
 42 | // Generate the files for the dynamic plunk. This could easily
 43 | // be generated on the fly by your application.
 44 | const files = [
 45 |     {
 46 |         pathname: 'index.html',
 47 |         content: '<h1>Hello world</h1>',
 48 |     },
 49 | ];
 50 | 
 51 | showDynamicEmbed(
 52 |     {
 53 |         files,
 54 |         title: 'Hello world example',
 55 |         tags: ['hello', 'world'],
 56 |     },
 57 |     {
 58 |         deferRun: true, // Don't immediately run the preview
 59 |         show: ['index.html', 'preview'], // Open the index file and preview panes
 60 |         target: '_blank', // Mount the embed in the #embed element
 61 |     }
 62 | );
 63 | ```
 64 | 
 65 | ## API
 66 | 
 67 | ### `showDynamicEditor(projectSpec, options)`
 68 | 
 69 | Create an embedded Plunk whose content is dynamically generated and either mount it to a DOM element or open it in a new or existing iframe / window where:
 70 | 
 71 | *   `projectSpec` - An object having the following properties:
 72 |     *   `files` - An array of objects having the following properties:
 73 |         *   `pathname` - The full path of the file.
 74 |         *   `content` - The file's content.
 75 |         *   `encoding` - (optional) The format in which the content is encoded (utf8 / base64).
 76 |     *   `title` - (optional) The suggested title for the Plunk.
 77 |     *   `tags` - (optional) An array of suggested string tags for the Plunk.
 78 | *   `options` - (optional) An object having the following properties:
 79 |     *   `editorUrl` - (optional) The string url of the instance of the Plunker editor. This is useful for local testing.
 80 |     *   `parentEl` - (optional) The string element id or the DOM element in which the embed should be mounted. This is useful for generating dynamic embeds that will be shown on the same page. This option is incompatible with the `target` option.
 81 |     *   `preview` - (optional) A string representing the file that should be loaded in the default preview pane instead of using Plunker's own heuristics.
 82 |     *   `show` - (optional) An array of strings representing panes to show. These strings can be pathnames (or partial pathnames, in which the best fuzzy match will be chosen) or the string `'preview'` to show the preview pane. These panes will be opened in the order of the array from left to right.
 83 |     *   `sidebar` - (optional) The sidebar pane to show by default. Can be the string `'tree'` for the file tree or `'config'` for the configuration pane.
 84 |     *   `target` - (optional) The target frame in which the embed should be displayed. This can be the `name` of an `<iframe>`, for example, or the pseudo-targets `_self` or `_blank`. This option is incompatible with the `parentEl` option.
 85 | 
 86 | ### `showDynamicEmbed(projectSpec, options)`
 87 | 
 88 | Create an embedded Plunk whose content is dynamically generated and either mount it to a DOM element or open it in a new or existing iframe / window where:
 89 | 
 90 | *   `projectSpec` - An object having the following properties:
 91 |     *   `files` - An array of objects having the following properties:
 92 |         *   `pathname` - The full path of the file.
 93 |         *   `content` - The file's content.
 94 |         *   `encoding` - (optional) The format in which the content is encoded (utf8 / base64).
 95 |     *   `title` - (optional) The suggested title for the Plunk.
 96 |     *   `tags` - (optional) An array of suggested string tags for the Plunk.
 97 | *   `options` - (optional) An object having the following properties:
 98 |     *   `autoCloseSidebar` - (optional) A boolean determining whether the sidebar should automatically close. This is useful if embedding in tighter constraints.
 99 |     *   `deferRun` - (optional) A boolean determining whether the preview will automatically refresh on load (default, `false`) or whether the preview should require a user gesture to run (`true`).
100 |     *   `embedUrl` - (optional) The string url of the instance of the Plunker embed server. This is useful for local testing.
101 |     *   `parentEl` - (optional) The string element id or the DOM element in which the embed should be mounted. This is useful for generating dynamic embeds that will be shown on the same page. This option is incompatible with the `target` option.
102 |     *   `preview` - (optional) A string representing the file that should be loaded in the default preview pane instead of using Plunker's own heuristics.
103 |     *   `show` - (optional) An array of strings representing panes to show. These strings can be pathnames (or partial pathnames, in which the best fuzzy match will be chosen) or the string `'preview'` to show the preview pane. These panes will be opened in the order of the array from left to right.
104 |     *   `sidebar` - (optional) The sidebar pane to show by default. Can be the string `'tree'` for the file tree or `'config'` for the configuration pane.
105 |     *   `target` - (optional) The target frame in which the embed should be displayed. This can be the `name` of an `<iframe>`, for example, or the pseudo-targets `_self` or `_blank`. This option is incompatible with the `parentEl` option.
106 | 


--------------------------------------------------------------------------------
/dist/index.d.ts:
--------------------------------------------------------------------------------
 1 | export declare enum EncodingKind {
 2 |     Utf8 = "utf8",
 3 |     Base64 = "base64",
 4 | }
 5 | export declare enum SidebarKind {
 6 |     Preview = "tree",
 7 |     Config = "config",
 8 | }
 9 | export declare enum TargetKind {
10 |     Blank = "_blank",
11 |     Self = "_self",
12 | }
13 | export declare type FileContent = string;
14 | export declare type FileEncoding = EncodingKind;
15 | export declare type FilePath = string;
16 | export declare type PreviewIdentifier = 'preview';
17 | export declare type ProjectTitle = string;
18 | export declare type ProjectTag = string;
19 | export interface FileSpecification {
20 |     pathname: FilePath;
21 |     content: FileContent;
22 |     encoding?: FileEncoding;
23 | }
24 | export interface ProjectSpecification {
25 |     files: FileSpecification[];
26 |     title?: ProjectTitle;
27 |     tags?: ProjectTag[];
28 | }
29 | export interface EditorProjectSpecification extends ProjectSpecification {
30 | }
31 | export interface EmbedProjectSpecification extends ProjectSpecification {
32 |     source?: {
33 |         type: string;
34 |         url: string;
35 |     };
36 | }
37 | export interface DynamicOptions {
38 |     parentEl?: string | HTMLElement;
39 |     preview?: FilePath;
40 |     show?: (FilePath | PreviewIdentifier)[];
41 |     sidebar?: SidebarKind;
42 |     target?: TargetKind;
43 | }
44 | export interface DynamicEditorOptions extends DynamicOptions {
45 |     editorUrl?: string;
46 | }
47 | export interface DynamicEmbedOptions extends DynamicOptions {
48 |     autoCloseSidebar?: boolean;
49 |     deferRun?: boolean;
50 |     embedUrl?: string;
51 | }
52 | export declare function showDynamicEditor(projectSpec: EditorProjectSpecification, options?: DynamicEditorOptions): void;
53 | export declare function showDynamicEmbed(projectSpec: EmbedProjectSpecification, options?: DynamicEmbedOptions): void;
54 | 


--------------------------------------------------------------------------------
/dist/index.esm.js:
--------------------------------------------------------------------------------
  1 | const DEFAULT_EDITOR_URL = 'https://next.plnkr.co/edit/';
  2 | const DEFAULT_EMBED_URL = 'https://embed.plnkr.co';
  3 | var EncodingKind;
  4 | (function (EncodingKind) {
  5 |     EncodingKind["Utf8"] = "utf8";
  6 |     EncodingKind["Base64"] = "base64";
  7 | })(EncodingKind || (EncodingKind = {}));
  8 | var SidebarKind;
  9 | (function (SidebarKind) {
 10 |     SidebarKind["Preview"] = "tree";
 11 |     SidebarKind["Config"] = "config";
 12 | })(SidebarKind || (SidebarKind = {}));
 13 | var TargetKind;
 14 | (function (TargetKind) {
 15 |     TargetKind["Blank"] = "_blank";
 16 |     TargetKind["Self"] = "_self";
 17 | })(TargetKind || (TargetKind = {}));
 18 | function buildDynamicEmbedQueryString(options) {
 19 |     if (options.show &&
 20 |         (!Array.isArray(options.show) ||
 21 |             !options.show.every(show => show && typeof show === 'string')))
 22 |         throw new TypeError('options.show, if specified, must be an array containing a list of filename fragments and/or "preview"');
 23 |     if (options.preview && typeof options.preview !== 'string')
 24 |         throw new TypeError('options.preview, if specified, must be a string');
 25 |     if (options.sidebar &&
 26 |         Object.values(SidebarKind).indexOf(options.sidebar) === -1)
 27 |         throw new TypeError(`options.sidebar, if specified, must be one of the following values ${Object.values(SidebarKind).join(', ')}`);
 28 |     const query = [];
 29 |     if (options.autoCloseSidebar) {
 30 |         query.push('autoCloseSidebar');
 31 |     }
 32 |     else if (options.autoCloseSidebar === false) {
 33 |         query.push('autoCloseSidebar=false');
 34 |     }
 35 |     if (options.deferRun) {
 36 |         query.push('deferRun');
 37 |     }
 38 |     else if (options.deferRun === false) {
 39 |         query.push('deferRun=false');
 40 |     }
 41 |     if (options.preview) {
 42 |         query.push(`preview=${encodeURIComponent(options.preview)}`);
 43 |     }
 44 |     if (options.show) {
 45 |         query.push(`show=${options.show.map(encodeURIComponent).join(',')}`);
 46 |     }
 47 |     if (options.sidebar) {
 48 |         query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);
 49 |     }
 50 |     return query.length ? `?${query.join('&')}` : '';
 51 | }
 52 | function normalizeProject(projectSpec) {
 53 |     if (!Array.isArray(projectSpec.files))
 54 |         throw new TypeError('projectSpec.files must be an array');
 55 |     if (!projectSpec.files.length)
 56 |         throw new TypeError('projectSpec.files must have at least one file');
 57 |     if (projectSpec.tags &&
 58 |         (!Array.isArray(projectSpec.tags) ||
 59 |             !projectSpec.tags.every(tag => typeof tag === 'string')))
 60 |         throw new TypeError('projectSpec.tags, if specified, must be an array of strings');
 61 |     const files = projectSpec.files.map(validateProjectFile);
 62 |     const uniquePathnames = new Set();
 63 |     const tags = Array.from(new Set(projectSpec.tags || []));
 64 |     for (const file of files) {
 65 |         if (uniquePathnames.has(file.pathname)) {
 66 |             throw new TypeError('projectSpec.files must not contain two files having equivalent pathnames');
 67 |         }
 68 |         uniquePathnames.add(file.pathname);
 69 |     }
 70 |     return {
 71 |         files,
 72 |         title: projectSpec.title || 'Untitled project',
 73 |         tags,
 74 |     };
 75 | }
 76 | function validateProjectFile(projectFile) {
 77 |     if (typeof projectFile.pathname !== 'string')
 78 |         throw new TypeError('projectSpec.files.pathname must be a string');
 79 |     if (projectFile.encoding &&
 80 |         !(projectFile.encoding === EncodingKind.Base64 ||
 81 |             projectFile.encoding === EncodingKind.Utf8))
 82 |         throw new TypeError(`projectSpec.files.pathname must be one of ${Object.values(EncodingKind).join(', ')}`);
 83 |     if (typeof projectFile.content !== 'string')
 84 |         throw new TypeError('projectSpec.files.content must be a string');
 85 |     const pathname = projectFile.pathname
 86 |         .split('/')
 87 |         .filter(Boolean)
 88 |         .join('/');
 89 |     return {
 90 |         pathname,
 91 |         content: projectFile.content,
 92 |         encoding: projectFile.encoding || EncodingKind.Utf8,
 93 |     };
 94 | }
 95 | function showDynamicEditor(projectSpec, options = {}) {
 96 |     if (options.editorUrl && typeof options.editorUrl !== 'string')
 97 |         throw new TypeError('options.editorUrl, if specified, must be a string');
 98 |     if (options.target &&
 99 |         Object.values(TargetKind).indexOf(options.target) === -1)
100 |         throw new TypeError(`options.target, if specified, must be one of the following values ${Object.values(TargetKind).join(', ')}`);
101 |     if (options.parentEl &&
102 |         !(typeof options.parentEl === 'string' ||
103 |             options.parentEl instanceof HTMLElement))
104 |         throw new TypeError('options.parentEl, if specified, must be a string or an instance of an HTMLElement');
105 |     if (options.parentEl && options.target)
106 |         throw new TypeError('options.parentEl is incompatible with options.target');
107 |     const projectDef = normalizeProject(projectSpec);
108 |     const query = buildDynamicEmbedQueryString(options);
109 |     const form = window.document.createElement('form');
110 |     const input = window.document.createElement('input');
111 |     form.style.display = 'none';
112 |     input.type = 'hidden';
113 |     const setArrayField = (path, values) => {
114 |         if (typeof path === 'string')
115 |             path = path.split('.');
116 |         path.push('');
117 |         values.forEach(function (value) {
118 |             setField(path, value);
119 |         });
120 |     };
121 |     const setField = (path, value) => {
122 |         if (typeof path === 'string')
123 |             path = path.split('.');
124 |         const name = path.shift() + path.map(segment => '[' + segment + ']').join('');
125 |         input.name = name;
126 |         input.value = value;
127 |         form.appendChild(input.cloneNode());
128 |     };
129 |     setArrayField('tags', projectDef.tags);
130 |     setField('title', projectDef.title);
131 |     for (const file of projectDef.files) {
132 |         setField(['entries', file.pathname, 'content'], file.content);
133 |         setField(['entries', file.pathname, 'encoding'], file.encoding);
134 |     }
135 |     let target = options.target || '_blank';
136 |     if (options.parentEl) {
137 |         const containerEl = typeof options.parentEl === 'string'
138 |             ? document.getElementById(options.parentEl)
139 |             : options.parentEl;
140 |         if (!(containerEl instanceof HTMLElement))
141 |             throw new Error(`Unable to resolve ${options.parentEl} to an html element`);
142 |         target = `plnkr-${Math.random()
143 |             .toString(36)
144 |             .slice(2)}`;
145 |         const iframe = document.createElement('iframe');
146 |         iframe.setAttribute('frameborder', '0');
147 |         iframe.setAttribute('height', '100%');
148 |         iframe.setAttribute('name', target);
149 |         iframe.setAttribute('scrolling', 'no');
150 |         iframe.setAttribute('width', '100%');
151 |         iframe.style.minHeight = '250px';
152 |         iframe.style.overflow = 'hidden';
153 |         iframe.style.width = '100%';
154 |         containerEl.appendChild(iframe);
155 |     }
156 |     const editorUrl = options.editorUrl
157 |         ? options.editorUrl.replace(/\/$/, '')
158 |         : DEFAULT_EDITOR_URL;
159 |     form.action = `${editorUrl}/${query}`;
160 |     form.method = 'POST';
161 |     form.target = target;
162 |     document.body.appendChild(form);
163 |     form.submit();
164 |     document.body.removeChild(form);
165 | }
166 | function showDynamicEmbed(projectSpec, options = {}) {
167 |     if (typeof projectSpec.source === 'object' &&
168 |         (!projectSpec.source ||
169 |             typeof projectSpec.source.type !== 'string' ||
170 |             !projectSpec.source.type ||
171 |             typeof projectSpec.source.url !== 'string' ||
172 |             !projectSpec.source.url))
173 |         throw new TypeError('projectSpec.source, if specified, must be an object with non-empty values for the type and url properties');
174 |     if (options.embedUrl && typeof options.embedUrl !== 'string')
175 |         throw new TypeError('options.embedUrl, if specified, must be a string');
176 |     if (options.target &&
177 |         Object.values(TargetKind).indexOf(options.target) === -1)
178 |         throw new TypeError(`options.target, if specified, must be one of the following values ${Object.values(TargetKind).join(', ')}`);
179 |     if (options.parentEl &&
180 |         !(typeof options.parentEl === 'string' ||
181 |             options.parentEl instanceof HTMLElement))
182 |         throw new TypeError('options.parentEl, if specified, must be a string or an instance of an HTMLElement');
183 |     if (options.parentEl && options.target)
184 |         throw new TypeError('options.parentEl is incompatible with options.target');
185 |     const projectDef = normalizeProject(projectSpec);
186 |     const query = buildDynamicEmbedQueryString(options);
187 |     const form = window.document.createElement('form');
188 |     const input = window.document.createElement('input');
189 |     form.style.display = 'none';
190 |     input.type = 'hidden';
191 |     const setArrayField = (path, values) => {
192 |         if (typeof path === 'string')
193 |             path = path.split('.');
194 |         path.push('');
195 |         values.forEach(function (value) {
196 |             setField(path, value);
197 |         });
198 |     };
199 |     const setField = (path, value) => {
200 |         if (typeof path === 'string')
201 |             path = path.split('.');
202 |         const name = path.shift() + path.map(segment => '[' + segment + ']').join('');
203 |         input.name = name;
204 |         input.value = value;
205 |         form.appendChild(input.cloneNode());
206 |     };
207 |     setArrayField('tags', projectDef.tags);
208 |     setField('title', projectDef.title);
209 |     for (const file of projectDef.files) {
210 |         setField(['entries', file.pathname, 'content'], file.content);
211 |         setField(['entries', file.pathname, 'encoding'], file.encoding);
212 |     }
213 |     if (projectSpec.source) {
214 |         setField('source.type', projectSpec.source.type);
215 |         setField('source.url', projectSpec.source.url);
216 |     }
217 |     let target = options.target || '_blank';
218 |     if (options.parentEl) {
219 |         const containerEl = typeof options.parentEl === 'string'
220 |             ? document.getElementById(options.parentEl)
221 |             : options.parentEl;
222 |         if (!(containerEl instanceof HTMLElement))
223 |             throw new Error(`Unable to resolve ${options.parentEl} to an html element`);
224 |         target = `plnkr-${Math.random()
225 |             .toString(36)
226 |             .slice(2)}`;
227 |         const iframe = document.createElement('iframe');
228 |         iframe.setAttribute('frameborder', '0');
229 |         iframe.setAttribute('height', '100%');
230 |         iframe.setAttribute('name', target);
231 |         iframe.setAttribute('scrolling', 'no');
232 |         iframe.setAttribute('width', '100%');
233 |         iframe.style.minHeight = '250px';
234 |         iframe.style.overflow = 'hidden';
235 |         iframe.style.width = '100%';
236 |         containerEl.appendChild(iframe);
237 |     }
238 |     const embedUrl = options.embedUrl
239 |         ? options.embedUrl.replace(/\/$/, '')
240 |         : DEFAULT_EMBED_URL;
241 |     form.action = `${embedUrl}/${query}`;
242 |     form.method = 'POST';
243 |     form.target = target;
244 |     document.body.appendChild(form);
245 |     form.submit();
246 |     document.body.removeChild(form);
247 | }
248 | 
249 | export { EncodingKind, SidebarKind, TargetKind, showDynamicEditor, showDynamicEmbed };
250 | //# sourceMappingURL=index.esm.js.map
251 | 


--------------------------------------------------------------------------------
/dist/index.esm.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"sourcesContent":["const DEFAULT_EDITOR_URL = 'https://next.plnkr.co/edit/';\nconst DEFAULT_EMBED_URL = 'https://embed.plnkr.co';\n\nexport enum EncodingKind {\n    Utf8 = 'utf8',\n    Base64 = 'base64',\n}\n\nexport enum SidebarKind {\n    Preview = 'tree',\n    Config = 'config',\n}\n\nexport enum TargetKind {\n    Blank = '_blank',\n    Self = '_self',\n}\n\nexport type FileContent = string;\nexport type FileEncoding = EncodingKind;\nexport type FilePath = string;\n\nexport type PreviewIdentifier = 'preview';\n\nexport type ProjectTitle = string;\nexport type ProjectTag = string;\n\nexport interface FileSpecification {\n    pathname: FilePath;\n    content: FileContent;\n    encoding?: FileEncoding;\n}\n\nexport interface ProjectSpecification {\n    files: FileSpecification[];\n    title?: ProjectTitle;\n    tags?: ProjectTag[];\n}\n\nexport interface EditorProjectSpecification extends ProjectSpecification {}\n\nexport interface EmbedProjectSpecification extends ProjectSpecification {\n    source?: {\n        type: string;\n        url: string;\n    };\n}\n\nexport interface DynamicOptions {\n    parentEl?: string | HTMLElement;\n    preview?: FilePath;\n    show?: (FilePath | PreviewIdentifier)[];\n    sidebar?: SidebarKind;\n    target?: TargetKind;\n}\n\nexport interface DynamicEditorOptions extends DynamicOptions {\n    editorUrl?: string;\n}\n\nexport interface DynamicEmbedOptions extends DynamicOptions {\n    autoCloseSidebar?: boolean;\n    deferRun?: boolean;\n    embedUrl?: string;\n}\n\nfunction buildDynamicEditorQueryString(options: DynamicEditorOptions): string {\n    if (\n        options.show &&\n        (!Array.isArray(options.show) ||\n            !options.show.every(show => show && typeof show === 'string'))\n    )\n        throw new TypeError(\n            'options.show, if specified, must be an array containing a list of filename fragments and/or \"preview\"'\n        );\n\n    if (options.preview && typeof options.preview !== 'string')\n        throw new TypeError('options.preview, if specified, must be a string');\n\n    if (\n        options.sidebar &&\n        Object.values(SidebarKind).indexOf(options.sidebar) === -1\n    )\n        throw new TypeError(\n            `options.sidebar, if specified, must be one of the following values ${Object.values(\n                SidebarKind\n            ).join(', ')}`\n        );\n\n    const query = [];\n\n    if (options.preview) {\n        query.push(`preview=${encodeURIComponent(options.preview)}`);\n    }\n\n    if (options.show) {\n        query.push(`open=${options.show.map(encodeURIComponent).join(',')}`);\n    }\n\n    if (options.sidebar) {\n        query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);\n    }\n\n    return query.length ? `?${query.join('&')}` : '';\n}\n\nfunction buildDynamicEmbedQueryString(options: DynamicEmbedOptions): string {\n    if (\n        options.show &&\n        (!Array.isArray(options.show) ||\n            !options.show.every(show => show && typeof show === 'string'))\n    )\n        throw new TypeError(\n            'options.show, if specified, must be an array containing a list of filename fragments and/or \"preview\"'\n        );\n\n    if (options.preview && typeof options.preview !== 'string')\n        throw new TypeError('options.preview, if specified, must be a string');\n\n    if (\n        options.sidebar &&\n        Object.values(SidebarKind).indexOf(options.sidebar) === -1\n    )\n        throw new TypeError(\n            `options.sidebar, if specified, must be one of the following values ${Object.values(\n                SidebarKind\n            ).join(', ')}`\n        );\n\n    const query = [];\n\n    if (options.autoCloseSidebar) {\n        query.push('autoCloseSidebar');\n    } else if (options.autoCloseSidebar === false) {\n        query.push('autoCloseSidebar=false');\n    }\n\n    if (options.deferRun) {\n        query.push('deferRun');\n    } else if (options.deferRun === false) {\n        query.push('deferRun=false');\n    }\n\n    if (options.preview) {\n        query.push(`preview=${encodeURIComponent(options.preview)}`);\n    }\n\n    if (options.show) {\n        query.push(`show=${options.show.map(encodeURIComponent).join(',')}`);\n    }\n\n    if (options.sidebar) {\n        query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);\n    }\n\n    return query.length ? `?${query.join('&')}` : '';\n}\n\nfunction normalizeProject(\n    projectSpec: ProjectSpecification\n): ProjectSpecification {\n    if (!Array.isArray(projectSpec.files))\n        throw new TypeError('projectSpec.files must be an array');\n    if (!projectSpec.files.length)\n        throw new TypeError('projectSpec.files must have at least one file');\n    if (\n        projectSpec.tags &&\n        (!Array.isArray(projectSpec.tags) ||\n            !projectSpec.tags.every(tag => typeof tag === 'string'))\n    )\n        throw new TypeError(\n            'projectSpec.tags, if specified, must be an array of strings'\n        );\n\n    const files = projectSpec.files.map(validateProjectFile);\n    const uniquePathnames = new Set();\n    const tags = Array.from(new Set(projectSpec.tags || []));\n\n    for (const file of files) {\n        if (uniquePathnames.has(file.pathname)) {\n            throw new TypeError(\n                'projectSpec.files must not contain two files having equivalent pathnames'\n            );\n        }\n\n        uniquePathnames.add(file.pathname);\n    }\n\n    return {\n        files,\n        title: projectSpec.title || 'Untitled project',\n        tags,\n    };\n}\n\nfunction validateProjectFile(\n    projectFile: FileSpecification\n): FileSpecification {\n    if (typeof projectFile.pathname !== 'string')\n        throw new TypeError('projectSpec.files.pathname must be a string');\n    if (\n        projectFile.encoding &&\n        !(\n            projectFile.encoding === EncodingKind.Base64 ||\n            projectFile.encoding === EncodingKind.Utf8\n        )\n    )\n        throw new TypeError(\n            `projectSpec.files.pathname must be one of ${Object.values(\n                EncodingKind\n            ).join(', ')}`\n        );\n    if (typeof projectFile.content !== 'string')\n        throw new TypeError('projectSpec.files.content must be a string');\n\n    const pathname = projectFile.pathname\n        .split('/')\n        .filter(Boolean)\n        .join('/');\n\n    return {\n        pathname,\n        content: projectFile.content,\n        encoding: projectFile.encoding || EncodingKind.Utf8,\n    };\n}\n\nexport function showDynamicEditor(\n    projectSpec: EditorProjectSpecification,\n    options: DynamicEditorOptions = {}\n): void {\n    if (options.editorUrl && typeof options.editorUrl !== 'string')\n        throw new TypeError(\n            'options.editorUrl, if specified, must be a string'\n        );\n\n    if (\n        options.target &&\n        Object.values(TargetKind).indexOf(options.target) === -1\n    )\n        throw new TypeError(\n            `options.target, if specified, must be one of the following values ${Object.values(\n                TargetKind\n            ).join(', ')}`\n        );\n\n    if (\n        options.parentEl &&\n        !(\n            typeof options.parentEl === 'string' ||\n            options.parentEl instanceof HTMLElement\n        )\n    )\n        throw new TypeError(\n            'options.parentEl, if specified, must be a string or an instance of an HTMLElement'\n        );\n\n    if (options.parentEl && options.target)\n        throw new TypeError(\n            'options.parentEl is incompatible with options.target'\n        );\n\n    const projectDef = normalizeProject(projectSpec);\n    const query = buildDynamicEmbedQueryString(options);\n    const form = window.document.createElement('form');\n    const input = window.document.createElement('input');\n\n    form.style.display = 'none';\n    input.type = 'hidden';\n\n    const setArrayField = (path: string | string[], values: string[]) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        path.push('');\n\n        values.forEach(function(value) {\n            setField(path, value);\n        });\n    };\n\n    const setField = (path: string | string[], value: string) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        const name =\n            path.shift() + path.map(segment => '[' + segment + ']').join('');\n\n        input.name = name;\n        input.value = value;\n\n        form.appendChild(input.cloneNode());\n    };\n\n    setArrayField('tags', projectDef.tags);\n    setField('title', projectDef.title);\n\n    for (const file of projectDef.files) {\n        setField(['entries', file.pathname, 'content'], file.content);\n        setField(['entries', file.pathname, 'encoding'], file.encoding);\n    }\n\n    let target: string = options.target || '_blank';\n\n    if (options.parentEl) {\n        const containerEl =\n            typeof options.parentEl === 'string'\n                ? document.getElementById(options.parentEl)\n                : options.parentEl;\n\n        if (!(containerEl instanceof HTMLElement))\n            throw new Error(\n                `Unable to resolve ${options.parentEl} to an html element`\n            );\n\n        target = `plnkr-${Math.random()\n            .toString(36)\n            .slice(2)}`;\n\n        const iframe = document.createElement('iframe');\n\n        iframe.setAttribute('frameborder', '0');\n        iframe.setAttribute('height', '100%');\n        iframe.setAttribute('name', target);\n        iframe.setAttribute('scrolling', 'no');\n        iframe.setAttribute('width', '100%');\n\n        iframe.style.minHeight = '250px';\n        iframe.style.overflow = 'hidden';\n        iframe.style.width = '100%';\n\n        containerEl.appendChild(iframe);\n    }\n\n    const editorUrl = options.editorUrl\n        ? options.editorUrl.replace(/\\/$/, '')\n        : DEFAULT_EDITOR_URL;\n\n    form.action = `${editorUrl}/${query}`;\n    form.method = 'POST';\n    form.target = target;\n\n    document.body.appendChild(form);\n\n    form.submit();\n\n    document.body.removeChild(form);\n}\n\nexport function showDynamicEmbed(\n    projectSpec: EmbedProjectSpecification,\n    options: DynamicEmbedOptions = {}\n): void {\n    if (\n        typeof projectSpec.source === 'object' &&\n        (!projectSpec.source ||\n            typeof projectSpec.source.type !== 'string' ||\n            !projectSpec.source.type ||\n            typeof projectSpec.source.url !== 'string' ||\n            !projectSpec.source.url)\n    )\n        throw new TypeError(\n            'projectSpec.source, if specified, must be an object with non-empty values for the type and url properties'\n        );\n\n    if (options.embedUrl && typeof options.embedUrl !== 'string')\n        throw new TypeError('options.embedUrl, if specified, must be a string');\n\n    if (\n        options.target &&\n        Object.values(TargetKind).indexOf(options.target) === -1\n    )\n        throw new TypeError(\n            `options.target, if specified, must be one of the following values ${Object.values(\n                TargetKind\n            ).join(', ')}`\n        );\n\n    if (\n        options.parentEl &&\n        !(\n            typeof options.parentEl === 'string' ||\n            options.parentEl instanceof HTMLElement\n        )\n    )\n        throw new TypeError(\n            'options.parentEl, if specified, must be a string or an instance of an HTMLElement'\n        );\n\n    if (options.parentEl && options.target)\n        throw new TypeError(\n            'options.parentEl is incompatible with options.target'\n        );\n\n    const projectDef = normalizeProject(projectSpec);\n    const query = buildDynamicEmbedQueryString(options);\n    const form = window.document.createElement('form');\n    const input = window.document.createElement('input');\n\n    form.style.display = 'none';\n    input.type = 'hidden';\n\n    const setArrayField = (path: string | string[], values: string[]) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        path.push('');\n\n        values.forEach(function(value) {\n            setField(path, value);\n        });\n    };\n\n    const setField = (path: string | string[], value: string) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        const name =\n            path.shift() + path.map(segment => '[' + segment + ']').join('');\n\n        input.name = name;\n        input.value = value;\n\n        form.appendChild(input.cloneNode());\n    };\n\n    setArrayField('tags', projectDef.tags);\n    setField('title', projectDef.title);\n\n    for (const file of projectDef.files) {\n        setField(['entries', file.pathname, 'content'], file.content);\n        setField(['entries', file.pathname, 'encoding'], file.encoding);\n    }\n\n    if (projectSpec.source) {\n        setField('source.type', projectSpec.source.type);\n        setField('source.url', projectSpec.source.url);\n    }\n\n    let target: string = options.target || '_blank';\n\n    if (options.parentEl) {\n        const containerEl =\n            typeof options.parentEl === 'string'\n                ? document.getElementById(options.parentEl)\n                : options.parentEl;\n\n        if (!(containerEl instanceof HTMLElement))\n            throw new Error(\n                `Unable to resolve ${options.parentEl} to an html element`\n            );\n\n        target = `plnkr-${Math.random()\n            .toString(36)\n            .slice(2)}`;\n\n        const iframe = document.createElement('iframe');\n\n        iframe.setAttribute('frameborder', '0');\n        iframe.setAttribute('height', '100%');\n        iframe.setAttribute('name', target);\n        iframe.setAttribute('scrolling', 'no');\n        iframe.setAttribute('width', '100%');\n\n        iframe.style.minHeight = '250px';\n        iframe.style.overflow = 'hidden';\n        iframe.style.width = '100%';\n\n        containerEl.appendChild(iframe);\n    }\n\n    const embedUrl = options.embedUrl\n        ? options.embedUrl.replace(/\\/$/, '')\n        : DEFAULT_EMBED_URL;\n\n    form.action = `${embedUrl}/${query}`;\n    form.method = 'POST';\n    form.target = target;\n\n    document.body.appendChild(form);\n\n    form.submit();\n\n    document.body.removeChild(form);\n}\n"],"names":[],"mappings":"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"}


--------------------------------------------------------------------------------
/dist/index.js:
--------------------------------------------------------------------------------
  1 | (function (global, factory) {
  2 |     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
  3 |     typeof define === 'function' && define.amd ? define(['exports'], factory) :
  4 |     (factory((global['@plnkr/sdk'] = {})));
  5 | }(this, (function (exports) { 'use strict';
  6 | 
  7 |     const DEFAULT_EDITOR_URL = 'https://next.plnkr.co/edit/';
  8 |     const DEFAULT_EMBED_URL = 'https://embed.plnkr.co';
  9 |     (function (EncodingKind) {
 10 |         EncodingKind["Utf8"] = "utf8";
 11 |         EncodingKind["Base64"] = "base64";
 12 |     })(exports.EncodingKind || (exports.EncodingKind = {}));
 13 |     (function (SidebarKind) {
 14 |         SidebarKind["Preview"] = "tree";
 15 |         SidebarKind["Config"] = "config";
 16 |     })(exports.SidebarKind || (exports.SidebarKind = {}));
 17 |     (function (TargetKind) {
 18 |         TargetKind["Blank"] = "_blank";
 19 |         TargetKind["Self"] = "_self";
 20 |     })(exports.TargetKind || (exports.TargetKind = {}));
 21 |     function buildDynamicEmbedQueryString(options) {
 22 |         if (options.show &&
 23 |             (!Array.isArray(options.show) ||
 24 |                 !options.show.every(show => show && typeof show === 'string')))
 25 |             throw new TypeError('options.show, if specified, must be an array containing a list of filename fragments and/or "preview"');
 26 |         if (options.preview && typeof options.preview !== 'string')
 27 |             throw new TypeError('options.preview, if specified, must be a string');
 28 |         if (options.sidebar &&
 29 |             Object.values(exports.SidebarKind).indexOf(options.sidebar) === -1)
 30 |             throw new TypeError(`options.sidebar, if specified, must be one of the following values ${Object.values(exports.SidebarKind).join(', ')}`);
 31 |         const query = [];
 32 |         if (options.autoCloseSidebar) {
 33 |             query.push('autoCloseSidebar');
 34 |         }
 35 |         else if (options.autoCloseSidebar === false) {
 36 |             query.push('autoCloseSidebar=false');
 37 |         }
 38 |         if (options.deferRun) {
 39 |             query.push('deferRun');
 40 |         }
 41 |         else if (options.deferRun === false) {
 42 |             query.push('deferRun=false');
 43 |         }
 44 |         if (options.preview) {
 45 |             query.push(`preview=${encodeURIComponent(options.preview)}`);
 46 |         }
 47 |         if (options.show) {
 48 |             query.push(`show=${options.show.map(encodeURIComponent).join(',')}`);
 49 |         }
 50 |         if (options.sidebar) {
 51 |             query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);
 52 |         }
 53 |         return query.length ? `?${query.join('&')}` : '';
 54 |     }
 55 |     function normalizeProject(projectSpec) {
 56 |         if (!Array.isArray(projectSpec.files))
 57 |             throw new TypeError('projectSpec.files must be an array');
 58 |         if (!projectSpec.files.length)
 59 |             throw new TypeError('projectSpec.files must have at least one file');
 60 |         if (projectSpec.tags &&
 61 |             (!Array.isArray(projectSpec.tags) ||
 62 |                 !projectSpec.tags.every(tag => typeof tag === 'string')))
 63 |             throw new TypeError('projectSpec.tags, if specified, must be an array of strings');
 64 |         const files = projectSpec.files.map(validateProjectFile);
 65 |         const uniquePathnames = new Set();
 66 |         const tags = Array.from(new Set(projectSpec.tags || []));
 67 |         for (const file of files) {
 68 |             if (uniquePathnames.has(file.pathname)) {
 69 |                 throw new TypeError('projectSpec.files must not contain two files having equivalent pathnames');
 70 |             }
 71 |             uniquePathnames.add(file.pathname);
 72 |         }
 73 |         return {
 74 |             files,
 75 |             title: projectSpec.title || 'Untitled project',
 76 |             tags,
 77 |         };
 78 |     }
 79 |     function validateProjectFile(projectFile) {
 80 |         if (typeof projectFile.pathname !== 'string')
 81 |             throw new TypeError('projectSpec.files.pathname must be a string');
 82 |         if (projectFile.encoding &&
 83 |             !(projectFile.encoding === exports.EncodingKind.Base64 ||
 84 |                 projectFile.encoding === exports.EncodingKind.Utf8))
 85 |             throw new TypeError(`projectSpec.files.pathname must be one of ${Object.values(exports.EncodingKind).join(', ')}`);
 86 |         if (typeof projectFile.content !== 'string')
 87 |             throw new TypeError('projectSpec.files.content must be a string');
 88 |         const pathname = projectFile.pathname
 89 |             .split('/')
 90 |             .filter(Boolean)
 91 |             .join('/');
 92 |         return {
 93 |             pathname,
 94 |             content: projectFile.content,
 95 |             encoding: projectFile.encoding || exports.EncodingKind.Utf8,
 96 |         };
 97 |     }
 98 |     function showDynamicEditor(projectSpec, options = {}) {
 99 |         if (options.editorUrl && typeof options.editorUrl !== 'string')
100 |             throw new TypeError('options.editorUrl, if specified, must be a string');
101 |         if (options.target &&
102 |             Object.values(exports.TargetKind).indexOf(options.target) === -1)
103 |             throw new TypeError(`options.target, if specified, must be one of the following values ${Object.values(exports.TargetKind).join(', ')}`);
104 |         if (options.parentEl &&
105 |             !(typeof options.parentEl === 'string' ||
106 |                 options.parentEl instanceof HTMLElement))
107 |             throw new TypeError('options.parentEl, if specified, must be a string or an instance of an HTMLElement');
108 |         if (options.parentEl && options.target)
109 |             throw new TypeError('options.parentEl is incompatible with options.target');
110 |         const projectDef = normalizeProject(projectSpec);
111 |         const query = buildDynamicEmbedQueryString(options);
112 |         const form = window.document.createElement('form');
113 |         const input = window.document.createElement('input');
114 |         form.style.display = 'none';
115 |         input.type = 'hidden';
116 |         const setArrayField = (path, values) => {
117 |             if (typeof path === 'string')
118 |                 path = path.split('.');
119 |             path.push('');
120 |             values.forEach(function (value) {
121 |                 setField(path, value);
122 |             });
123 |         };
124 |         const setField = (path, value) => {
125 |             if (typeof path === 'string')
126 |                 path = path.split('.');
127 |             const name = path.shift() + path.map(segment => '[' + segment + ']').join('');
128 |             input.name = name;
129 |             input.value = value;
130 |             form.appendChild(input.cloneNode());
131 |         };
132 |         setArrayField('tags', projectDef.tags);
133 |         setField('title', projectDef.title);
134 |         for (const file of projectDef.files) {
135 |             setField(['entries', file.pathname, 'content'], file.content);
136 |             setField(['entries', file.pathname, 'encoding'], file.encoding);
137 |         }
138 |         let target = options.target || '_blank';
139 |         if (options.parentEl) {
140 |             const containerEl = typeof options.parentEl === 'string'
141 |                 ? document.getElementById(options.parentEl)
142 |                 : options.parentEl;
143 |             if (!(containerEl instanceof HTMLElement))
144 |                 throw new Error(`Unable to resolve ${options.parentEl} to an html element`);
145 |             target = `plnkr-${Math.random()
146 |             .toString(36)
147 |             .slice(2)}`;
148 |             const iframe = document.createElement('iframe');
149 |             iframe.setAttribute('frameborder', '0');
150 |             iframe.setAttribute('height', '100%');
151 |             iframe.setAttribute('name', target);
152 |             iframe.setAttribute('scrolling', 'no');
153 |             iframe.setAttribute('width', '100%');
154 |             iframe.style.minHeight = '250px';
155 |             iframe.style.overflow = 'hidden';
156 |             iframe.style.width = '100%';
157 |             containerEl.appendChild(iframe);
158 |         }
159 |         const editorUrl = options.editorUrl
160 |             ? options.editorUrl.replace(/\/$/, '')
161 |             : DEFAULT_EDITOR_URL;
162 |         form.action = `${editorUrl}/${query}`;
163 |         form.method = 'POST';
164 |         form.target = target;
165 |         document.body.appendChild(form);
166 |         form.submit();
167 |         document.body.removeChild(form);
168 |     }
169 |     function showDynamicEmbed(projectSpec, options = {}) {
170 |         if (typeof projectSpec.source === 'object' &&
171 |             (!projectSpec.source ||
172 |                 typeof projectSpec.source.type !== 'string' ||
173 |                 !projectSpec.source.type ||
174 |                 typeof projectSpec.source.url !== 'string' ||
175 |                 !projectSpec.source.url))
176 |             throw new TypeError('projectSpec.source, if specified, must be an object with non-empty values for the type and url properties');
177 |         if (options.embedUrl && typeof options.embedUrl !== 'string')
178 |             throw new TypeError('options.embedUrl, if specified, must be a string');
179 |         if (options.target &&
180 |             Object.values(exports.TargetKind).indexOf(options.target) === -1)
181 |             throw new TypeError(`options.target, if specified, must be one of the following values ${Object.values(exports.TargetKind).join(', ')}`);
182 |         if (options.parentEl &&
183 |             !(typeof options.parentEl === 'string' ||
184 |                 options.parentEl instanceof HTMLElement))
185 |             throw new TypeError('options.parentEl, if specified, must be a string or an instance of an HTMLElement');
186 |         if (options.parentEl && options.target)
187 |             throw new TypeError('options.parentEl is incompatible with options.target');
188 |         const projectDef = normalizeProject(projectSpec);
189 |         const query = buildDynamicEmbedQueryString(options);
190 |         const form = window.document.createElement('form');
191 |         const input = window.document.createElement('input');
192 |         form.style.display = 'none';
193 |         input.type = 'hidden';
194 |         const setArrayField = (path, values) => {
195 |             if (typeof path === 'string')
196 |                 path = path.split('.');
197 |             path.push('');
198 |             values.forEach(function (value) {
199 |                 setField(path, value);
200 |             });
201 |         };
202 |         const setField = (path, value) => {
203 |             if (typeof path === 'string')
204 |                 path = path.split('.');
205 |             const name = path.shift() + path.map(segment => '[' + segment + ']').join('');
206 |             input.name = name;
207 |             input.value = value;
208 |             form.appendChild(input.cloneNode());
209 |         };
210 |         setArrayField('tags', projectDef.tags);
211 |         setField('title', projectDef.title);
212 |         for (const file of projectDef.files) {
213 |             setField(['entries', file.pathname, 'content'], file.content);
214 |             setField(['entries', file.pathname, 'encoding'], file.encoding);
215 |         }
216 |         if (projectSpec.source) {
217 |             setField('source.type', projectSpec.source.type);
218 |             setField('source.url', projectSpec.source.url);
219 |         }
220 |         let target = options.target || '_blank';
221 |         if (options.parentEl) {
222 |             const containerEl = typeof options.parentEl === 'string'
223 |                 ? document.getElementById(options.parentEl)
224 |                 : options.parentEl;
225 |             if (!(containerEl instanceof HTMLElement))
226 |                 throw new Error(`Unable to resolve ${options.parentEl} to an html element`);
227 |             target = `plnkr-${Math.random()
228 |             .toString(36)
229 |             .slice(2)}`;
230 |             const iframe = document.createElement('iframe');
231 |             iframe.setAttribute('frameborder', '0');
232 |             iframe.setAttribute('height', '100%');
233 |             iframe.setAttribute('name', target);
234 |             iframe.setAttribute('scrolling', 'no');
235 |             iframe.setAttribute('width', '100%');
236 |             iframe.style.minHeight = '250px';
237 |             iframe.style.overflow = 'hidden';
238 |             iframe.style.width = '100%';
239 |             containerEl.appendChild(iframe);
240 |         }
241 |         const embedUrl = options.embedUrl
242 |             ? options.embedUrl.replace(/\/$/, '')
243 |             : DEFAULT_EMBED_URL;
244 |         form.action = `${embedUrl}/${query}`;
245 |         form.method = 'POST';
246 |         form.target = target;
247 |         document.body.appendChild(form);
248 |         form.submit();
249 |         document.body.removeChild(form);
250 |     }
251 | 
252 |     exports.showDynamicEditor = showDynamicEditor;
253 |     exports.showDynamicEmbed = showDynamicEmbed;
254 | 
255 |     Object.defineProperty(exports, '__esModule', { value: true });
256 | 
257 | })));
258 | //# sourceMappingURL=index.js.map
259 | 


--------------------------------------------------------------------------------
/dist/index.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["const DEFAULT_EDITOR_URL = 'https://next.plnkr.co/edit/';\nconst DEFAULT_EMBED_URL = 'https://embed.plnkr.co';\n\nexport enum EncodingKind {\n    Utf8 = 'utf8',\n    Base64 = 'base64',\n}\n\nexport enum SidebarKind {\n    Preview = 'tree',\n    Config = 'config',\n}\n\nexport enum TargetKind {\n    Blank = '_blank',\n    Self = '_self',\n}\n\nexport type FileContent = string;\nexport type FileEncoding = EncodingKind;\nexport type FilePath = string;\n\nexport type PreviewIdentifier = 'preview';\n\nexport type ProjectTitle = string;\nexport type ProjectTag = string;\n\nexport interface FileSpecification {\n    pathname: FilePath;\n    content: FileContent;\n    encoding?: FileEncoding;\n}\n\nexport interface ProjectSpecification {\n    files: FileSpecification[];\n    title?: ProjectTitle;\n    tags?: ProjectTag[];\n}\n\nexport interface EditorProjectSpecification extends ProjectSpecification {}\n\nexport interface EmbedProjectSpecification extends ProjectSpecification {\n    source?: {\n        type: string;\n        url: string;\n    };\n}\n\nexport interface DynamicOptions {\n    parentEl?: string | HTMLElement;\n    preview?: FilePath;\n    show?: (FilePath | PreviewIdentifier)[];\n    sidebar?: SidebarKind;\n    target?: TargetKind;\n}\n\nexport interface DynamicEditorOptions extends DynamicOptions {\n    editorUrl?: string;\n}\n\nexport interface DynamicEmbedOptions extends DynamicOptions {\n    autoCloseSidebar?: boolean;\n    deferRun?: boolean;\n    embedUrl?: string;\n}\n\nfunction buildDynamicEditorQueryString(options: DynamicEditorOptions): string {\n    if (\n        options.show &&\n        (!Array.isArray(options.show) ||\n            !options.show.every(show => show && typeof show === 'string'))\n    )\n        throw new TypeError(\n            'options.show, if specified, must be an array containing a list of filename fragments and/or \"preview\"'\n        );\n\n    if (options.preview && typeof options.preview !== 'string')\n        throw new TypeError('options.preview, if specified, must be a string');\n\n    if (\n        options.sidebar &&\n        Object.values(SidebarKind).indexOf(options.sidebar) === -1\n    )\n        throw new TypeError(\n            `options.sidebar, if specified, must be one of the following values ${Object.values(\n                SidebarKind\n            ).join(', ')}`\n        );\n\n    const query = [];\n\n    if (options.preview) {\n        query.push(`preview=${encodeURIComponent(options.preview)}`);\n    }\n\n    if (options.show) {\n        query.push(`open=${options.show.map(encodeURIComponent).join(',')}`);\n    }\n\n    if (options.sidebar) {\n        query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);\n    }\n\n    return query.length ? `?${query.join('&')}` : '';\n}\n\nfunction buildDynamicEmbedQueryString(options: DynamicEmbedOptions): string {\n    if (\n        options.show &&\n        (!Array.isArray(options.show) ||\n            !options.show.every(show => show && typeof show === 'string'))\n    )\n        throw new TypeError(\n            'options.show, if specified, must be an array containing a list of filename fragments and/or \"preview\"'\n        );\n\n    if (options.preview && typeof options.preview !== 'string')\n        throw new TypeError('options.preview, if specified, must be a string');\n\n    if (\n        options.sidebar &&\n        Object.values(SidebarKind).indexOf(options.sidebar) === -1\n    )\n        throw new TypeError(\n            `options.sidebar, if specified, must be one of the following values ${Object.values(\n                SidebarKind\n            ).join(', ')}`\n        );\n\n    const query = [];\n\n    if (options.autoCloseSidebar) {\n        query.push('autoCloseSidebar');\n    } else if (options.autoCloseSidebar === false) {\n        query.push('autoCloseSidebar=false');\n    }\n\n    if (options.deferRun) {\n        query.push('deferRun');\n    } else if (options.deferRun === false) {\n        query.push('deferRun=false');\n    }\n\n    if (options.preview) {\n        query.push(`preview=${encodeURIComponent(options.preview)}`);\n    }\n\n    if (options.show) {\n        query.push(`show=${options.show.map(encodeURIComponent).join(',')}`);\n    }\n\n    if (options.sidebar) {\n        query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);\n    }\n\n    return query.length ? `?${query.join('&')}` : '';\n}\n\nfunction normalizeProject(\n    projectSpec: ProjectSpecification\n): ProjectSpecification {\n    if (!Array.isArray(projectSpec.files))\n        throw new TypeError('projectSpec.files must be an array');\n    if (!projectSpec.files.length)\n        throw new TypeError('projectSpec.files must have at least one file');\n    if (\n        projectSpec.tags &&\n        (!Array.isArray(projectSpec.tags) ||\n            !projectSpec.tags.every(tag => typeof tag === 'string'))\n    )\n        throw new TypeError(\n            'projectSpec.tags, if specified, must be an array of strings'\n        );\n\n    const files = projectSpec.files.map(validateProjectFile);\n    const uniquePathnames = new Set();\n    const tags = Array.from(new Set(projectSpec.tags || []));\n\n    for (const file of files) {\n        if (uniquePathnames.has(file.pathname)) {\n            throw new TypeError(\n                'projectSpec.files must not contain two files having equivalent pathnames'\n            );\n        }\n\n        uniquePathnames.add(file.pathname);\n    }\n\n    return {\n        files,\n        title: projectSpec.title || 'Untitled project',\n        tags,\n    };\n}\n\nfunction validateProjectFile(\n    projectFile: FileSpecification\n): FileSpecification {\n    if (typeof projectFile.pathname !== 'string')\n        throw new TypeError('projectSpec.files.pathname must be a string');\n    if (\n        projectFile.encoding &&\n        !(\n            projectFile.encoding === EncodingKind.Base64 ||\n            projectFile.encoding === EncodingKind.Utf8\n        )\n    )\n        throw new TypeError(\n            `projectSpec.files.pathname must be one of ${Object.values(\n                EncodingKind\n            ).join(', ')}`\n        );\n    if (typeof projectFile.content !== 'string')\n        throw new TypeError('projectSpec.files.content must be a string');\n\n    const pathname = projectFile.pathname\n        .split('/')\n        .filter(Boolean)\n        .join('/');\n\n    return {\n        pathname,\n        content: projectFile.content,\n        encoding: projectFile.encoding || EncodingKind.Utf8,\n    };\n}\n\nexport function showDynamicEditor(\n    projectSpec: EditorProjectSpecification,\n    options: DynamicEditorOptions = {}\n): void {\n    if (options.editorUrl && typeof options.editorUrl !== 'string')\n        throw new TypeError(\n            'options.editorUrl, if specified, must be a string'\n        );\n\n    if (\n        options.target &&\n        Object.values(TargetKind).indexOf(options.target) === -1\n    )\n        throw new TypeError(\n            `options.target, if specified, must be one of the following values ${Object.values(\n                TargetKind\n            ).join(', ')}`\n        );\n\n    if (\n        options.parentEl &&\n        !(\n            typeof options.parentEl === 'string' ||\n            options.parentEl instanceof HTMLElement\n        )\n    )\n        throw new TypeError(\n            'options.parentEl, if specified, must be a string or an instance of an HTMLElement'\n        );\n\n    if (options.parentEl && options.target)\n        throw new TypeError(\n            'options.parentEl is incompatible with options.target'\n        );\n\n    const projectDef = normalizeProject(projectSpec);\n    const query = buildDynamicEmbedQueryString(options);\n    const form = window.document.createElement('form');\n    const input = window.document.createElement('input');\n\n    form.style.display = 'none';\n    input.type = 'hidden';\n\n    const setArrayField = (path: string | string[], values: string[]) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        path.push('');\n\n        values.forEach(function(value) {\n            setField(path, value);\n        });\n    };\n\n    const setField = (path: string | string[], value: string) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        const name =\n            path.shift() + path.map(segment => '[' + segment + ']').join('');\n\n        input.name = name;\n        input.value = value;\n\n        form.appendChild(input.cloneNode());\n    };\n\n    setArrayField('tags', projectDef.tags);\n    setField('title', projectDef.title);\n\n    for (const file of projectDef.files) {\n        setField(['entries', file.pathname, 'content'], file.content);\n        setField(['entries', file.pathname, 'encoding'], file.encoding);\n    }\n\n    let target: string = options.target || '_blank';\n\n    if (options.parentEl) {\n        const containerEl =\n            typeof options.parentEl === 'string'\n                ? document.getElementById(options.parentEl)\n                : options.parentEl;\n\n        if (!(containerEl instanceof HTMLElement))\n            throw new Error(\n                `Unable to resolve ${options.parentEl} to an html element`\n            );\n\n        target = `plnkr-${Math.random()\n            .toString(36)\n            .slice(2)}`;\n\n        const iframe = document.createElement('iframe');\n\n        iframe.setAttribute('frameborder', '0');\n        iframe.setAttribute('height', '100%');\n        iframe.setAttribute('name', target);\n        iframe.setAttribute('scrolling', 'no');\n        iframe.setAttribute('width', '100%');\n\n        iframe.style.minHeight = '250px';\n        iframe.style.overflow = 'hidden';\n        iframe.style.width = '100%';\n\n        containerEl.appendChild(iframe);\n    }\n\n    const editorUrl = options.editorUrl\n        ? options.editorUrl.replace(/\\/$/, '')\n        : DEFAULT_EDITOR_URL;\n\n    form.action = `${editorUrl}/${query}`;\n    form.method = 'POST';\n    form.target = target;\n\n    document.body.appendChild(form);\n\n    form.submit();\n\n    document.body.removeChild(form);\n}\n\nexport function showDynamicEmbed(\n    projectSpec: EmbedProjectSpecification,\n    options: DynamicEmbedOptions = {}\n): void {\n    if (\n        typeof projectSpec.source === 'object' &&\n        (!projectSpec.source ||\n            typeof projectSpec.source.type !== 'string' ||\n            !projectSpec.source.type ||\n            typeof projectSpec.source.url !== 'string' ||\n            !projectSpec.source.url)\n    )\n        throw new TypeError(\n            'projectSpec.source, if specified, must be an object with non-empty values for the type and url properties'\n        );\n\n    if (options.embedUrl && typeof options.embedUrl !== 'string')\n        throw new TypeError('options.embedUrl, if specified, must be a string');\n\n    if (\n        options.target &&\n        Object.values(TargetKind).indexOf(options.target) === -1\n    )\n        throw new TypeError(\n            `options.target, if specified, must be one of the following values ${Object.values(\n                TargetKind\n            ).join(', ')}`\n        );\n\n    if (\n        options.parentEl &&\n        !(\n            typeof options.parentEl === 'string' ||\n            options.parentEl instanceof HTMLElement\n        )\n    )\n        throw new TypeError(\n            'options.parentEl, if specified, must be a string or an instance of an HTMLElement'\n        );\n\n    if (options.parentEl && options.target)\n        throw new TypeError(\n            'options.parentEl is incompatible with options.target'\n        );\n\n    const projectDef = normalizeProject(projectSpec);\n    const query = buildDynamicEmbedQueryString(options);\n    const form = window.document.createElement('form');\n    const input = window.document.createElement('input');\n\n    form.style.display = 'none';\n    input.type = 'hidden';\n\n    const setArrayField = (path: string | string[], values: string[]) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        path.push('');\n\n        values.forEach(function(value) {\n            setField(path, value);\n        });\n    };\n\n    const setField = (path: string | string[], value: string) => {\n        if (typeof path === 'string') path = path.split('.');\n\n        const name =\n            path.shift() + path.map(segment => '[' + segment + ']').join('');\n\n        input.name = name;\n        input.value = value;\n\n        form.appendChild(input.cloneNode());\n    };\n\n    setArrayField('tags', projectDef.tags);\n    setField('title', projectDef.title);\n\n    for (const file of projectDef.files) {\n        setField(['entries', file.pathname, 'content'], file.content);\n        setField(['entries', file.pathname, 'encoding'], file.encoding);\n    }\n\n    if (projectSpec.source) {\n        setField('source.type', projectSpec.source.type);\n        setField('source.url', projectSpec.source.url);\n    }\n\n    let target: string = options.target || '_blank';\n\n    if (options.parentEl) {\n        const containerEl =\n            typeof options.parentEl === 'string'\n                ? document.getElementById(options.parentEl)\n                : options.parentEl;\n\n        if (!(containerEl instanceof HTMLElement))\n            throw new Error(\n                `Unable to resolve ${options.parentEl} to an html element`\n            );\n\n        target = `plnkr-${Math.random()\n            .toString(36)\n            .slice(2)}`;\n\n        const iframe = document.createElement('iframe');\n\n        iframe.setAttribute('frameborder', '0');\n        iframe.setAttribute('height', '100%');\n        iframe.setAttribute('name', target);\n        iframe.setAttribute('scrolling', 'no');\n        iframe.setAttribute('width', '100%');\n\n        iframe.style.minHeight = '250px';\n        iframe.style.overflow = 'hidden';\n        iframe.style.width = '100%';\n\n        containerEl.appendChild(iframe);\n    }\n\n    const embedUrl = options.embedUrl\n        ? options.embedUrl.replace(/\\/$/, '')\n        : DEFAULT_EMBED_URL;\n\n    form.action = `${embedUrl}/${query}`;\n    form.method = 'POST';\n    form.target = target;\n\n    document.body.appendChild(form);\n\n    form.submit();\n\n    document.body.removeChild(form);\n}\n"],"names":["EncodingKind","SidebarKind","TargetKind"],"mappings":"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"}


--------------------------------------------------------------------------------
/json.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.json' {
2 |     const value: { [key: string]: any };
3 |     export default value;
4 | }
5 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "@plnkr/sdk",
 3 |     "version": "1.0.0-pre.1",
 4 |     "description": "",
 5 |     "main": "dist/index.js",
 6 |     "module": "dist/index.esm.js",
 7 |     "types": "./dist/index.d.ts",
 8 |     "files": [
 9 |         "dist"
10 |     ],
11 |     "scripts": {
12 |         "build-declarations": "tsc -d",
13 |         "build": "npm run build-declarations && rollup -c",
14 |         "test": "echo 'Tests coming soon to a galaxy near you'",
15 |         "prebuild": "rm -rf ./dist/*",
16 |         "pretest": "npm run build",
17 |         "preversion": "npm run test",
18 |         "version": "git add dist"
19 |     },
20 |     "repository": {
21 |         "type": "git",
22 |         "url": "git+https://github.com/plnkr/sdk.git"
23 |     },
24 |     "keywords": [
25 |         "plnkr",
26 |         "plunkr",
27 |         "plunker",
28 |         "embed",
29 |         "fiddle",
30 |         "angular",
31 |         "angularjs",
32 |         "react"
33 |     ],
34 |     "author": "Geoffrey Goodman",
35 |     "license": "MIT",
36 |     "bugs": {
37 |         "url": "https://github.com/plnkr/sdk/issues"
38 |     },
39 |     "homepage": "https://github.com/plnkr/sdk#readme",
40 |     "devDependencies": {
41 |         "eslint": "^4.19.1",
42 |         "rollup": "^0.59.3",
43 |         "rollup-plugin-typescript": "^0.8.1",
44 |         "tslib": "^1.9.1",
45 |         "typescript": "^2.8.3",
46 |         "typescript-eslint-parser": "^15.0.0",
47 |         "uppercamelcase": "^3.0.0"
48 |     }
49 | }
50 | 


--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
 1 | /* eslint-env node */
 2 | 
 3 | //@ts-check
 4 | 'use strict';
 5 | 
 6 | const Typescript = require('typescript');
 7 | const typescriptPlugin = require('rollup-plugin-typescript');
 8 | const uppercamelcase = require('uppercamelcase');
 9 | 
10 | const Package = require('./package.json');
11 | 
12 | module.exports = [
13 |     {
14 |         input: 'src/index.ts',
15 |         output: {
16 |             file: Package['main'],
17 |             format: 'umd',
18 |             name: uppercamelcase(Package['name']),
19 |             sourcemap: true,
20 |         },
21 |         plugins: [
22 |             typescriptPlugin({
23 |                 target: 'ES2015',
24 |                 typescript: Typescript,
25 |             }),
26 |         ],
27 |     },
28 |     {
29 |         input: 'src/index.ts',
30 |         output: {
31 |             file: Package['module'],
32 |             format: 'es',
33 |             name: Package['name'],
34 |             sourcemap: true,
35 |         },
36 |         plugins: [
37 |             typescriptPlugin({
38 |                 target: 'ES2018',
39 |                 typescript: Typescript,
40 |             }),
41 |         ],
42 |     },
43 | ];
44 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
  1 | const DEFAULT_EDITOR_URL = 'https://next.plnkr.co/edit/';
  2 | const DEFAULT_EMBED_URL = 'https://embed.plnkr.co';
  3 | 
  4 | export enum EncodingKind {
  5 |     Utf8 = 'utf8',
  6 |     Base64 = 'base64',
  7 | }
  8 | 
  9 | export enum SidebarKind {
 10 |     Preview = 'tree',
 11 |     Config = 'config',
 12 | }
 13 | 
 14 | export enum TargetKind {
 15 |     Blank = '_blank',
 16 |     Self = '_self',
 17 | }
 18 | 
 19 | export type FileContent = string;
 20 | export type FileEncoding = EncodingKind;
 21 | export type FilePath = string;
 22 | 
 23 | export type PreviewIdentifier = 'preview';
 24 | 
 25 | export type ProjectTitle = string;
 26 | export type ProjectTag = string;
 27 | 
 28 | export interface FileSpecification {
 29 |     pathname: FilePath;
 30 |     content: FileContent;
 31 |     encoding?: FileEncoding;
 32 | }
 33 | 
 34 | export interface ProjectSpecification {
 35 |     files: FileSpecification[];
 36 |     title?: ProjectTitle;
 37 |     tags?: ProjectTag[];
 38 | }
 39 | 
 40 | export interface EditorProjectSpecification extends ProjectSpecification {}
 41 | 
 42 | export interface EmbedProjectSpecification extends ProjectSpecification {
 43 |     source?: {
 44 |         type: string;
 45 |         url: string;
 46 |     };
 47 | }
 48 | 
 49 | export interface DynamicOptions {
 50 |     parentEl?: string | HTMLElement;
 51 |     preview?: FilePath;
 52 |     show?: (FilePath | PreviewIdentifier)[];
 53 |     sidebar?: SidebarKind;
 54 |     target?: TargetKind;
 55 | }
 56 | 
 57 | export interface DynamicEditorOptions extends DynamicOptions {
 58 |     editorUrl?: string;
 59 | }
 60 | 
 61 | export interface DynamicEmbedOptions extends DynamicOptions {
 62 |     autoCloseSidebar?: boolean;
 63 |     deferRun?: boolean;
 64 |     embedUrl?: string;
 65 | }
 66 | 
 67 | function buildDynamicEditorQueryString(options: DynamicEditorOptions): string {
 68 |     if (
 69 |         options.show &&
 70 |         (!Array.isArray(options.show) ||
 71 |             !options.show.every(show => show && typeof show === 'string'))
 72 |     )
 73 |         throw new TypeError(
 74 |             'options.show, if specified, must be an array containing a list of filename fragments and/or "preview"'
 75 |         );
 76 | 
 77 |     if (options.preview && typeof options.preview !== 'string')
 78 |         throw new TypeError('options.preview, if specified, must be a string');
 79 | 
 80 |     if (
 81 |         options.sidebar &&
 82 |         Object.values(SidebarKind).indexOf(options.sidebar) === -1
 83 |     )
 84 |         throw new TypeError(
 85 |             `options.sidebar, if specified, must be one of the following values ${Object.values(
 86 |                 SidebarKind
 87 |             ).join(', ')}`
 88 |         );
 89 | 
 90 |     const query = [];
 91 | 
 92 |     if (options.preview) {
 93 |         query.push(`preview=${encodeURIComponent(options.preview)}`);
 94 |     }
 95 | 
 96 |     if (options.show) {
 97 |         query.push(`open=${options.show.map(encodeURIComponent).join(',')}`);
 98 |     }
 99 | 
100 |     if (options.sidebar) {
101 |         query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);
102 |     }
103 | 
104 |     return query.length ? `?${query.join('&')}` : '';
105 | }
106 | 
107 | function buildDynamicEmbedQueryString(options: DynamicEmbedOptions): string {
108 |     if (
109 |         options.show &&
110 |         (!Array.isArray(options.show) ||
111 |             !options.show.every(show => show && typeof show === 'string'))
112 |     )
113 |         throw new TypeError(
114 |             'options.show, if specified, must be an array containing a list of filename fragments and/or "preview"'
115 |         );
116 | 
117 |     if (options.preview && typeof options.preview !== 'string')
118 |         throw new TypeError('options.preview, if specified, must be a string');
119 | 
120 |     if (
121 |         options.sidebar &&
122 |         Object.values(SidebarKind).indexOf(options.sidebar) === -1
123 |     )
124 |         throw new TypeError(
125 |             `options.sidebar, if specified, must be one of the following values ${Object.values(
126 |                 SidebarKind
127 |             ).join(', ')}`
128 |         );
129 | 
130 |     const query = [];
131 | 
132 |     if (options.autoCloseSidebar) {
133 |         query.push('autoCloseSidebar');
134 |     } else if (options.autoCloseSidebar === false) {
135 |         query.push('autoCloseSidebar=false');
136 |     }
137 | 
138 |     if (options.deferRun) {
139 |         query.push('deferRun');
140 |     } else if (options.deferRun === false) {
141 |         query.push('deferRun=false');
142 |     }
143 | 
144 |     if (options.preview) {
145 |         query.push(`preview=${encodeURIComponent(options.preview)}`);
146 |     }
147 | 
148 |     if (options.show) {
149 |         query.push(`show=${options.show.map(encodeURIComponent).join(',')}`);
150 |     }
151 | 
152 |     if (options.sidebar) {
153 |         query.push(`sidebar=${encodeURIComponent(options.sidebar)}`);
154 |     }
155 | 
156 |     return query.length ? `?${query.join('&')}` : '';
157 | }
158 | 
159 | function normalizeProject(
160 |     projectSpec: ProjectSpecification
161 | ): ProjectSpecification {
162 |     if (!Array.isArray(projectSpec.files))
163 |         throw new TypeError('projectSpec.files must be an array');
164 |     if (!projectSpec.files.length)
165 |         throw new TypeError('projectSpec.files must have at least one file');
166 |     if (
167 |         projectSpec.tags &&
168 |         (!Array.isArray(projectSpec.tags) ||
169 |             !projectSpec.tags.every(tag => typeof tag === 'string'))
170 |     )
171 |         throw new TypeError(
172 |             'projectSpec.tags, if specified, must be an array of strings'
173 |         );
174 | 
175 |     const files = projectSpec.files.map(validateProjectFile);
176 |     const uniquePathnames = new Set();
177 |     const tags = Array.from(new Set(projectSpec.tags || []));
178 | 
179 |     for (const file of files) {
180 |         if (uniquePathnames.has(file.pathname)) {
181 |             throw new TypeError(
182 |                 'projectSpec.files must not contain two files having equivalent pathnames'
183 |             );
184 |         }
185 | 
186 |         uniquePathnames.add(file.pathname);
187 |     }
188 | 
189 |     return {
190 |         files,
191 |         title: projectSpec.title || 'Untitled project',
192 |         tags,
193 |     };
194 | }
195 | 
196 | function validateProjectFile(
197 |     projectFile: FileSpecification
198 | ): FileSpecification {
199 |     if (typeof projectFile.pathname !== 'string')
200 |         throw new TypeError('projectSpec.files.pathname must be a string');
201 |     if (
202 |         projectFile.encoding &&
203 |         !(
204 |             projectFile.encoding === EncodingKind.Base64 ||
205 |             projectFile.encoding === EncodingKind.Utf8
206 |         )
207 |     )
208 |         throw new TypeError(
209 |             `projectSpec.files.pathname must be one of ${Object.values(
210 |                 EncodingKind
211 |             ).join(', ')}`
212 |         );
213 |     if (typeof projectFile.content !== 'string')
214 |         throw new TypeError('projectSpec.files.content must be a string');
215 | 
216 |     const pathname = projectFile.pathname
217 |         .split('/')
218 |         .filter(Boolean)
219 |         .join('/');
220 | 
221 |     return {
222 |         pathname,
223 |         content: projectFile.content,
224 |         encoding: projectFile.encoding || EncodingKind.Utf8,
225 |     };
226 | }
227 | 
228 | export function showDynamicEditor(
229 |     projectSpec: EditorProjectSpecification,
230 |     options: DynamicEditorOptions = {}
231 | ): void {
232 |     if (options.editorUrl && typeof options.editorUrl !== 'string')
233 |         throw new TypeError(
234 |             'options.editorUrl, if specified, must be a string'
235 |         );
236 | 
237 |     if (
238 |         options.target &&
239 |         Object.values(TargetKind).indexOf(options.target) === -1
240 |     )
241 |         throw new TypeError(
242 |             `options.target, if specified, must be one of the following values ${Object.values(
243 |                 TargetKind
244 |             ).join(', ')}`
245 |         );
246 | 
247 |     if (
248 |         options.parentEl &&
249 |         !(
250 |             typeof options.parentEl === 'string' ||
251 |             options.parentEl instanceof HTMLElement
252 |         )
253 |     )
254 |         throw new TypeError(
255 |             'options.parentEl, if specified, must be a string or an instance of an HTMLElement'
256 |         );
257 | 
258 |     if (options.parentEl && options.target)
259 |         throw new TypeError(
260 |             'options.parentEl is incompatible with options.target'
261 |         );
262 | 
263 |     const projectDef = normalizeProject(projectSpec);
264 |     const query = buildDynamicEmbedQueryString(options);
265 |     const form = window.document.createElement('form');
266 |     const input = window.document.createElement('input');
267 | 
268 |     form.style.display = 'none';
269 |     input.type = 'hidden';
270 | 
271 |     const setArrayField = (path: string | string[], values: string[]) => {
272 |         if (typeof path === 'string') path = path.split('.');
273 | 
274 |         path.push('');
275 | 
276 |         values.forEach(function(value) {
277 |             setField(path, value);
278 |         });
279 |     };
280 | 
281 |     const setField = (path: string | string[], value: string) => {
282 |         if (typeof path === 'string') path = path.split('.');
283 | 
284 |         const name =
285 |             path.shift() + path.map(segment => '[' + segment + ']').join('');
286 | 
287 |         input.name = name;
288 |         input.value = value;
289 | 
290 |         form.appendChild(input.cloneNode());
291 |     };
292 | 
293 |     setArrayField('tags', projectDef.tags);
294 |     setField('title', projectDef.title);
295 | 
296 |     for (const file of projectDef.files) {
297 |         setField(['entries', file.pathname, 'content'], file.content);
298 |         setField(['entries', file.pathname, 'encoding'], file.encoding);
299 |     }
300 | 
301 |     let target: string = options.target || '_blank';
302 | 
303 |     if (options.parentEl) {
304 |         const containerEl =
305 |             typeof options.parentEl === 'string'
306 |                 ? document.getElementById(options.parentEl)
307 |                 : options.parentEl;
308 | 
309 |         if (!(containerEl instanceof HTMLElement))
310 |             throw new Error(
311 |                 `Unable to resolve ${options.parentEl} to an html element`
312 |             );
313 | 
314 |         target = `plnkr-${Math.random()
315 |             .toString(36)
316 |             .slice(2)}`;
317 | 
318 |         const iframe = document.createElement('iframe');
319 | 
320 |         iframe.setAttribute('frameborder', '0');
321 |         iframe.setAttribute('height', '100%');
322 |         iframe.setAttribute('name', target);
323 |         iframe.setAttribute('scrolling', 'no');
324 |         iframe.setAttribute('width', '100%');
325 | 
326 |         iframe.style.minHeight = '250px';
327 |         iframe.style.overflow = 'hidden';
328 |         iframe.style.width = '100%';
329 | 
330 |         containerEl.appendChild(iframe);
331 |     }
332 | 
333 |     const editorUrl = options.editorUrl
334 |         ? options.editorUrl.replace(/\/$/, '')
335 |         : DEFAULT_EDITOR_URL;
336 | 
337 |     form.action = `${editorUrl}/${query}`;
338 |     form.method = 'POST';
339 |     form.target = target;
340 | 
341 |     document.body.appendChild(form);
342 | 
343 |     form.submit();
344 | 
345 |     document.body.removeChild(form);
346 | }
347 | 
348 | export function showDynamicEmbed(
349 |     projectSpec: EmbedProjectSpecification,
350 |     options: DynamicEmbedOptions = {}
351 | ): void {
352 |     if (
353 |         typeof projectSpec.source === 'object' &&
354 |         (!projectSpec.source ||
355 |             typeof projectSpec.source.type !== 'string' ||
356 |             !projectSpec.source.type ||
357 |             typeof projectSpec.source.url !== 'string' ||
358 |             !projectSpec.source.url)
359 |     )
360 |         throw new TypeError(
361 |             'projectSpec.source, if specified, must be an object with non-empty values for the type and url properties'
362 |         );
363 | 
364 |     if (options.embedUrl && typeof options.embedUrl !== 'string')
365 |         throw new TypeError('options.embedUrl, if specified, must be a string');
366 | 
367 |     if (
368 |         options.target &&
369 |         Object.values(TargetKind).indexOf(options.target) === -1
370 |     )
371 |         throw new TypeError(
372 |             `options.target, if specified, must be one of the following values ${Object.values(
373 |                 TargetKind
374 |             ).join(', ')}`
375 |         );
376 | 
377 |     if (
378 |         options.parentEl &&
379 |         !(
380 |             typeof options.parentEl === 'string' ||
381 |             options.parentEl instanceof HTMLElement
382 |         )
383 |     )
384 |         throw new TypeError(
385 |             'options.parentEl, if specified, must be a string or an instance of an HTMLElement'
386 |         );
387 | 
388 |     if (options.parentEl && options.target)
389 |         throw new TypeError(
390 |             'options.parentEl is incompatible with options.target'
391 |         );
392 | 
393 |     const projectDef = normalizeProject(projectSpec);
394 |     const query = buildDynamicEmbedQueryString(options);
395 |     const form = window.document.createElement('form');
396 |     const input = window.document.createElement('input');
397 | 
398 |     form.style.display = 'none';
399 |     input.type = 'hidden';
400 | 
401 |     const setArrayField = (path: string | string[], values: string[]) => {
402 |         if (typeof path === 'string') path = path.split('.');
403 | 
404 |         path.push('');
405 | 
406 |         values.forEach(function(value) {
407 |             setField(path, value);
408 |         });
409 |     };
410 | 
411 |     const setField = (path: string | string[], value: string) => {
412 |         if (typeof path === 'string') path = path.split('.');
413 | 
414 |         const name =
415 |             path.shift() + path.map(segment => '[' + segment + ']').join('');
416 | 
417 |         input.name = name;
418 |         input.value = value;
419 | 
420 |         form.appendChild(input.cloneNode());
421 |     };
422 | 
423 |     setArrayField('tags', projectDef.tags);
424 |     setField('title', projectDef.title);
425 | 
426 |     for (const file of projectDef.files) {
427 |         setField(['entries', file.pathname, 'content'], file.content);
428 |         setField(['entries', file.pathname, 'encoding'], file.encoding);
429 |     }
430 | 
431 |     if (projectSpec.source) {
432 |         setField('source.type', projectSpec.source.type);
433 |         setField('source.url', projectSpec.source.url);
434 |     }
435 | 
436 |     let target: string = options.target || '_blank';
437 | 
438 |     if (options.parentEl) {
439 |         const containerEl =
440 |             typeof options.parentEl === 'string'
441 |                 ? document.getElementById(options.parentEl)
442 |                 : options.parentEl;
443 | 
444 |         if (!(containerEl instanceof HTMLElement))
445 |             throw new Error(
446 |                 `Unable to resolve ${options.parentEl} to an html element`
447 |             );
448 | 
449 |         target = `plnkr-${Math.random()
450 |             .toString(36)
451 |             .slice(2)}`;
452 | 
453 |         const iframe = document.createElement('iframe');
454 | 
455 |         iframe.setAttribute('frameborder', '0');
456 |         iframe.setAttribute('height', '100%');
457 |         iframe.setAttribute('name', target);
458 |         iframe.setAttribute('scrolling', 'no');
459 |         iframe.setAttribute('width', '100%');
460 | 
461 |         iframe.style.minHeight = '250px';
462 |         iframe.style.overflow = 'hidden';
463 |         iframe.style.width = '100%';
464 | 
465 |         containerEl.appendChild(iframe);
466 |     }
467 | 
468 |     const embedUrl = options.embedUrl
469 |         ? options.embedUrl.replace(/\/$/, '')
470 |         : DEFAULT_EMBED_URL;
471 | 
472 |     form.action = `${embedUrl}/${query}`;
473 |     form.method = 'POST';
474 |     form.target = target;
475 | 
476 |     document.body.appendChild(form);
477 | 
478 |     form.submit();
479 | 
480 |     document.body.removeChild(form);
481 | }
482 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "allowSyntheticDefaultImports": true,
 4 |         "baseUrl": ".",
 5 |         "diagnostics": true,
 6 |         "downlevelIteration": true,
 7 |         "importHelpers": true,
 8 |         "inlineSourceMap": true,
 9 |         "lib": ["dom", "scripthost", "es2015", "es2016", "es2017", "es2018"],
10 |         "module": "es2015",
11 |         "moduleResolution": "node",
12 |         "noEmit": false,
13 |         "noEmitHelpers": false,
14 |         "noEmitOnError": true,
15 |         "noImplicitAny": true,
16 |         "noResolve": false,
17 |         "outDir": "dist",
18 |         "target": "es5",
19 |         "paths": {
20 |             "*.json": ["json.d.ts"]
21 |         }
22 |     },
23 |     "include": ["src"],
24 |     "exclude": ["node_modules"]
25 | }
26 | 


--------------------------------------------------------------------------------