mhevery · June 1, 2017 08:06 · Dec 19, 2015 · Dec 19, 2015 · Dec 19, 2015
diff --git a/example.ts b/example.ts
@@ -0,0 +1,18 @@
+// https://gist.github.com/mhevery/4b1bdb59a8c16f9cbe76
+
+
+/// <reference path="probe.d.ts" />
+
+///////////////////////
+/// WORK IN PROGRESS //
+///////////////////////
+
+var appRef: ApplicationRef = ng.platform.applications[0];
+
+// To force Change Detection
+appRef.tick();
+
+// To get a hold of spcefic component
+
+var settings: Probe = appRef.probe('app-cmp > settings');
+var user: BindingSet = settings.binding('user');
diff --git a/probe.d.ts b/probe.d.ts
@@ -0,0 +1,47 @@
+// https://gist.github.com/mhevery/4b1bdb59a8c16f9cbe76
+
+///////////////////////
+/// WORK IN PROGRESS //
+///////////////////////
+
+
+declare module ng {
+  var platform: Platform;  
+}
+
+interface Platform {
+  applications: ApplicationRef[];
+}
+
+interface ApplicationRef {
+  tick(): void;
+
+  /**
+   * selector is a simple CSS selector combined with
+   * concatinators which allows easy traversal of the 
+   * View tree.
+   * 
+   * NOTE: this selects over logical components not over  
+   * (some CSS langugae which would be easy to implement
+   * and allows us to walk the tree)
+   * 
+   * concatinators
+   * - ' ' (space) recursive content/view descendant
+   * - `>` direct content/view descendant
+   * - `:view` direct view
+   * 
+   * # examples
+   * 
+   * `app-comp calendar:view`
+   * 
+   */
+  probe(selector: string): Probe;
+}
+
+interface Probe {
+  binding(selector: string): BindingSet;
+}
+
+interface BindingSet {
+  value: any[];
+}
diff --git a/probe.ts b/probe.ts
@@ -1,7 +0,0 @@
-declare interface Window {
-  ng: Angular
-}
-
-interface Angular {
-
-}

diff --git a/requirements.md b/requirements.md
@@ -0,0 +1,17 @@
+# Constraints
+
+[latest gist](https://gist.github.com/mhevery/4b1bdb59a8c16f9cbe76)
+
+## WebWorkers
+
+The API must be on the web-worker side, and must not depend on 
+DOM. It is not even clear if there even is a DOM, in the case
+of Native UI.
+
+## Shadow DOM & Selectors
+
+Shadow DOM and selectors are tricky since they can not be used 
+with `querySelector`. (It does not pierce shadow DOM boundries)
+For this reason it is better not to rely on the `querySelector`
+at all and have a query mechanism of a tree. A custom query 
+mechanism would be compatible with Native UI / WebWorkers.
diff --git a/sample_usage.ts b/sample_usage.ts
@@ -1 +0,0 @@
-var appRef = ng.

diff --git a/probe.ts b/probe.ts
@@ -1,3 +1,7 @@
 declare interface Window {
-  ng: 
+  ng: Angular
+}
+
+interface Angular {
+
 }
diff --git a/sample_usage.ts b/sample_usage.ts
@@ -0,0 +1 @@
+var appRef = ng.
diff --git a/probe.ts b/probe.ts
@@ -0,0 +1,3 @@
+declare interface Window {
+  ng: 
+}