2019-03-21 09:57:27 +01:00
<!doctype html>
< html lang = "en" >
2019-05-22 16:03:19 +02:00
2019-03-21 09:57:27 +01:00
< head >
2019-05-22 16:03:19 +02:00
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >
2023-05-09 09:52:39 +02:00
< title > App< / title >
2019-05-22 16:03:19 +02:00
< link rel = "stylesheet" href = "./3rdparty/highlight/styles/default.css" >
< link rel = "stylesheet" href = "../css/doctest.css" >
< script src = "./3rdparty/highlight/highlight.pack.js" > < / script >
< script src = "../dist/iwmlib.js" > < / script >
<!-- <script type="text/javascript" src="interface.js"></script> -->
2019-03-21 09:57:27 +01:00
< / head >
2019-05-22 16:03:19 +02:00
< body onload = "Doctest.run()" >
< h1 >
2023-05-09 13:25:39 +02:00
< a href = "index.html" > lib.< / a > Application
2019-05-22 16:03:19 +02:00
< / h1 >
< p >
IWM Browser Applications follow a common three phase pattern, shared by many programming environments as diverse as Processing, Arduino, Intern, etc.
< ul >
< li > Instantiate: Initialize the application, in this case a singleton and it's instance variables< / li >
< li > Setup: Build more complex parts of the application, by loading data, creating the UI...< / li >
< li > Run: Enter and run the main loop of the application.< / li >
< / ul >
This pattern is reflected by the IApp Interface:
< / p >
2019-03-21 09:57:27 +01:00
< pre > < code class = "js" >
class IApp extends Interface {
setup() { return this }
run() { return this }
}
< / code > < / pre >
2019-05-22 16:03:19 +02:00
< p > In practice the pattern may be more complex, because the setup phase can only be entered after loading things, a main loop cannot be entered because requirements are not met, etc. But the basic structure is always the same:
< / p >
< script type = "module" class = "doctest" >
console.log("Innerhalb script type=module")
import App from "./app.js"
const app = new App()
app.setup()
app.run()
window.app = app
< / script >
< p > The setup and run methods can also be chained:
< / p >
< script type = "module" class = "doctest" >
app.setup().run()
< / script >
2019-03-21 09:57:27 +01:00
2019-05-22 16:03:19 +02:00
< h2 >
References
< / h2 >
< ul >
< li > < a href = "https://theintern.github.io/intern/#common-config" > Intern. Software testing for humans< / a > < / li >
< / ul >
< / body >
