Repository navigation
Expand file tree
/
Copy pathindex.ts
More file actions
76 lines (61 loc) · 2.37 KB
/
Copy pathindex.ts
File metadata and controls
76 lines (61 loc) · 2.37 KB
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
import { run, on, launchEvent } from 'tns-core-modules/application'
import { navigate, ViewNode, createElement, initializeDom, FrameElement, NativeElementNode } from './dom';
import { View } from 'tns-core-modules/ui/core/view';
declare global {
export class SvelteComponent {
$destroy(): void;
constructor(options: { target?: ViewNode, props?: any, anchor?: ViewNode, intro?: boolean });
$set(props: any): void;
}
}
export function svelteNativeNoFrame(rootElement: typeof SvelteComponent, data: any): Promise<SvelteComponent> {
initializeDom();
return new Promise((resolve, reject) => {
let elementInstance: SvelteComponent;
const buildElement = () => {
let frag = createElement('fragment');
elementInstance = new rootElement({
target: frag,
props: data || {}
})
return (frag.firstChild as NativeElementNode<View>).nativeElement;
}
//wait for launch before returning
on(launchEvent, () => {
console.log("Application Launched");
resolve(elementInstance);
})
try {
run({ create: buildElement });
} catch (e) {
reject(e);
}
});
}
export function svelteNative(startPage: typeof SvelteComponent, data: any): Promise<SvelteComponent> {
initializeDom();
//setup a frame so we always have somewhere to hang our css
let rootFrame = createElement('frame') as FrameElement;
rootFrame.setAttribute("id", "app-root-frame");
let pageInstance = navigate({
page: startPage,
props: data || {},
frame: rootFrame
})
return new Promise((resolve, reject) => {
//wait for launch
on(launchEvent, () => {
console.log("Application Launched");
resolve(pageInstance);
})
try {
run({ create: () => rootFrame.nativeView });
} catch (e) {
reject(e);
}
});
}
// Svelte looks to see if window is undefined in order to determine if it is running on the client or in SSR.
// window is undefined until initializeDom is called. We will set it to a temporary value here and overwrite it in intializedom.
(global as any).window = { env: "Svelte Native" }
export { navigate, goBack, showModal, closeModal, initializeDom, DomTraceCategory } from "./dom"