forked from jupyterlite/jupyterlite
-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.template.js
188 lines (163 loc) · 5.36 KB
/
index.template.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
// Copyright (c) Jupyter Development Team.
// Distributed under the terms of the Modified BSD License.
import { JupyterLab } from '@jupyterlab/application';
import { JupyterLiteServer } from '@jupyterlite/server';
// The webpack public path needs to be set before loading the CSS assets.
import { PageConfig } from '@jupyterlab/coreutils';
const styles = import('./style.js');
const serverExtensions = [
import('@jupyterlite/javascript-kernel-extension'),
import('@jupyterlite/p5-kernel-extension'),
import('@jupyterlite/pyolite-kernel-extension'),
import('@jupyterlite/server-extension')
];
// custom list of disabled plugins
const disabled = [
...JSON.parse(PageConfig.getOption('disabledExtensions') || '[]'),
'@jupyterlab/apputils-extension:themes',
'@jupyterlab/apputils-extension:workspaces',
'@jupyterlab/application-extension:logo',
'@jupyterlab/application-extension:main',
'@jupyterlab/application-extension:tree-resolver',
'@jupyterlab/apputils-extension:resolver',
'@jupyterlab/docmanager-extension:download',
'@jupyterlab/help-extension:about'
];
async function createModule(scope, module) {
try {
const factory = await window._JUPYTERLAB[scope].get(module);
return factory();
} catch (e) {
console.warn(`Failed to create module: package: ${scope}; module: ${module}`);
throw e;
}
}
/**
* The main entry point for the application.
*/
async function main() {
// Make sure the styles have loaded
await styles;
const pluginsToRegister = [];
const federatedExtensionPromises = [];
const federatedMimeExtensionPromises = [];
const federatedStylePromises = [];
// This is all the data needed to load and activate plugins. This should be
// gathered by the server and put onto the initial page template.
const extensions = JSON.parse(
PageConfig.getOption('federated_extensions')
);
// The set of federated extension names.
const federatedExtensionNames = new Set();
extensions.forEach(data => {
if (data.extension) {
federatedExtensionNames.add(data.name);
federatedExtensionPromises.push(createModule(data.name, data.extension));
}
if (data.mimeExtension) {
federatedExtensionNames.add(data.name);
federatedMimeExtensionPromises.push(createModule(data.name, data.mimeExtension));
}
if (data.style) {
federatedStylePromises.push(createModule(data.name, data.style));
}
});
/**
* Iterate over active plugins in an extension.
*/
function* activePlugins(extension) {
// Handle commonjs or es2015 modules
let exports;
if (extension.hasOwnProperty('__esModule')) {
exports = extension.default;
} else {
// CommonJS exports.
exports = extension;
}
let plugins = Array.isArray(exports) ? exports : [exports];
for (let plugin of plugins) {
// skip the plugin (or extension) if disabled
if (
disabled.includes(plugin.id) ||
disabled.includes(plugin.id.split(':')[0])
) {
continue;
}
yield plugin;
}
}
// Handle the mime extensions.
const mimeExtensions = [];
{{#each mimeExtensions}}
if (!federatedExtensionNames.has('{{@key}}')) {
try {
let ext = require('{{@key}}{{#if this}}/{{this}}{{/if}}');
for (let plugin of activePlugins(ext)) {
mimeExtensions.push(plugin);
}
} catch (e) {
console.error(e);
}
}
{{/each}}
// Add the federated mime extensions.
const federatedMimeExtensions = await Promise.allSettled(federatedMimeExtensionPromises);
federatedMimeExtensions.forEach(p => {
if (p.status === "fulfilled") {
for (let plugin of activePlugins(p.value)) {
mimeExtensions.push(plugin);
}
} else {
console.error(p.reason);
}
});
// Handled the standard extensions.
{{#each extensions}}
if (!federatedExtensionNames.has('{{@key}}')) {
try {
let ext = require('{{@key}}{{#if this}}/{{this}}{{/if}}');
for (let plugin of activePlugins(ext)) {
pluginsToRegister.push(plugin);
}
} catch (e) {
console.error(e);
}
}
{{/each}}
// Add the federated extensions.
const federatedExtensions = await Promise.allSettled(federatedExtensionPromises);
federatedExtensions.forEach(p => {
if (p.status === "fulfilled") {
for (let plugin of activePlugins(p.value)) {
pluginsToRegister.push(plugin);
}
} else {
console.error(p.reason);
}
});
// Load all federated component styles and log errors for any that do not
(await Promise.allSettled(federatedStylePromises)).filter(({status}) => status === "rejected").forEach(({reason}) => {
console.error(reason);
});
// create the in-browser JupyterLite Server
const jupyterLiteServer = new JupyterLiteServer({});
jupyterLiteServer.registerPluginModules(await Promise.all(serverExtensions));
// start the server
await jupyterLiteServer.start();
// retrieve the custom service manager from the server app
const { serviceManager } = jupyterLiteServer;
// create a full-blown JupyterLab frontend
const lab = new JupyterLab({
mimeExtensions,
serviceManager
});
lab.name = 'JupyterLite';
lab.registerPluginModules(pluginsToRegister);
/* eslint-disable no-console */
console.log('Starting app');
await lab.start();
console.log(`${lab.name} started, waiting for restore`);
await lab.restored;
console.log(`${lab.name} restored`);
}
main();