diff --git a/docs/analysis/nouns-and-verbs.md b/docs/analysis/nouns-and-verbs.md new file mode 100644 index 0000000..2bd9c25 --- /dev/null +++ b/docs/analysis/nouns-and-verbs.md @@ -0,0 +1,36 @@ +# Nouns and Verbs Analysis + +## Entities +- App + - verbs: load, start, close, refresh +- Page + - verbs: display, transition, update +- ToastNotification + - verbs: create, show, fade, remove +- Overlay + - verbs: activate, deactivate, flash +- Frame (MainFrame) + - verbs: render, navigate, initialize + +## Roles/Actors +- User + - verbs: click, navigate, open app, trigger action +- System + - verbs: notify, load resources, manage state + +## Attributes +- title +- message +- duration +- status +- src (page source) +- isActive +- type (toast type) + +## System/Technical +- iframe +- DOM element +- event listener +- CSS class +- script file +- container element \ No newline at end of file diff --git a/src/App.js b/src/App.js new file mode 100644 index 0000000..541dec1 --- /dev/null +++ b/src/App.js @@ -0,0 +1,10 @@ +export class App { + constructor(name) { + this.name = name; + } + + load() {} + start() {} + close() {} + refresh() {} +} diff --git a/src/MainFrame.js b/src/MainFrame.js new file mode 100644 index 0000000..f62c9d4 --- /dev/null +++ b/src/MainFrame.js @@ -0,0 +1,9 @@ +export class MainFrame { + constructor(iframeElement) { + this.iframeElement = iframeElement; + } + + render() {} + navigate(src) {} + initialize() {} +} diff --git a/src/Overlay.js b/src/Overlay.js new file mode 100644 index 0000000..b748a6e --- /dev/null +++ b/src/Overlay.js @@ -0,0 +1,9 @@ +export class Overlay { + constructor() { + this.isActive = false; + } + + activate() {} + deactivate() {} + flash() {} +} diff --git a/src/Page.js b/src/Page.js new file mode 100644 index 0000000..d541bd3 --- /dev/null +++ b/src/Page.js @@ -0,0 +1,9 @@ +export class Page { + constructor(src) { + this.src = src; + } + + display() {} + transition() {} + update() {} +} diff --git a/src/ToastNotification.js b/src/ToastNotification.js new file mode 100644 index 0000000..12f7562 --- /dev/null +++ b/src/ToastNotification.js @@ -0,0 +1,12 @@ +export class ToastNotification { + constructor(message, type, duration) { + this.message = message; + this.type = type; + this.duration = duration; + } + + create() {} + show() {} + fade() {} + remove() {} +}