bare-native 0.1.0 → 0.1.2

package/README.md

@@ -1,11 +1,31 @@
 # bare-native
 
-Native application development framework for Bare.
+Native application development framework for Bare. It provides a common set of UI primitives backed by the native platform UI toolkits, built on top of the Bare native addon system. This means that all native code is neatly tucked away and delivered to developers as prebuilt binaries, [no compilation required](https://xkcd.com/303/).
 
 ```
 npm i bare-native
 ```
 
+## Usage
+
+```js
+const { Window } = require('bare-native')
+
+const window = new Window(400, 250)
+```
+
+<https://github.com/holepunchto/bare-build> is used to package your application code alongside a Bare runtime suitable for the target platform. Either install the tool globally or as a development dependency of your project:
+
+```
+npm i [-g|-D] bare-build
+```
+
+Next, build your application for the target platform, telling `bare-build` to use the `bare-native` runtime:
+
+```
+bare-build --out <dir> --target <platform>-<arch> --runtime bare-native/runtime app.js
+```
+
 ## License
 
 Apache-2.0

package/lib/web-view/android.js

@@ -0,0 +1,37 @@
+const EventEmitter = require('bare-events')
+const NDK = require('bare-ndk')
+
+module.exports = class NativeWebView extends EventEmitter {
+  constructor() {
+    super()
+
+    this._native = new NDK.WebView()
+
+    this._native.javaScriptEnabled(true)
+  }
+
+  get native() {
+    return this._native
+  }
+
+  loadURL(url) {
+    this._native.loadURL(url)
+    return this
+  }
+
+  loadHTML(html) {
+    this._native.loadData(html)
+    return this
+  }
+
+  inspectable(enabled) {
+    NDK.WebView.debuggingEnabled(enabled)
+    return this
+  }
+
+  [Symbol.for('bare.inspect')]() {
+    return {
+      __proto__: { constructor: NativeWebView }
+    }
+  }
+}

package/lib/web-view/apple.js

@@ -22,6 +22,11 @@ module.exports = class NativeWebView extends EventEmitter {
     return this
   }
 
+  inspectable(enabled) {
+    this._native.inspectable = enabled
+    return this
+  }
+
   [Symbol.for('bare.inspect')]() {
     return {
       __proto__: { constructor: NativeWebView }

package/lib/web-view/linux.js

@@ -24,6 +24,10 @@ module.exports = class NativeWebView extends EventEmitter {
     return this
   }
 
+  inspectable(enabled) {
+    return this
+  }
+
   [Symbol.for('bare.inspect')]() {
     return {
       __proto__: { constructor: NativeWebView }

package/lib/web-view/win32.js

@@ -22,6 +22,10 @@ module.exports = class NativeWebView extends EventEmitter {
     return this
   }
 
+  inspectable(enabled) {
+    return this
+  }
+
   [Symbol.for('bare.inspect')]() {
     return {
       __proto__: { constructor: NativeWebView }

package/lib/window/android.js

@@ -0,0 +1,25 @@
+const EventEmitter = require('bare-events')
+const NDK = require('bare-ndk')
+
+module.exports = class NativeWindow extends EventEmitter {
+  constructor() {
+    super()
+
+    this._native = NDK.Activity
+  }
+
+  get native() {
+    return this._native
+  }
+
+  content(view) {
+    this._native.contentView(view._native)
+    return this
+  }
+
+  [Symbol.for('bare.inspect')]() {
+    return {
+      __proto__: { constructor: NativeWindow }
+    }
+  }
+}

package/lib/window/darwin.js

@@ -17,18 +17,13 @@ module.exports = class NativeWindow extends EventEmitter {
       styleMask: DEFAULT_STYLE_MASK
     })
 
-    this._native.center()
+    this._native.makeKeyWindow().orderFront().center()
   }
 
   get native() {
     return this._native
   }
 
-  show() {
-    this._native.makeKeyWindow().orderFront()
-    return this
-  }
-
   content(view) {
     this._native.contentView = view._native
     return this

package/lib/window/ios.js

@@ -0,0 +1,31 @@
+const EventEmitter = require('bare-events')
+const UIKit = require('bare-ui-kit')
+
+module.exports = class NativeWindow extends EventEmitter {
+  constructor() {
+    super()
+
+    this._native = new UIKit.Window()
+
+    this._native.hidden = false
+    this._native.makeKeyWindow()
+  }
+
+  get native() {
+    return this._native
+  }
+
+  content(view) {
+    const viewController = new UIKit.ViewController()
+    viewController.view = view._native
+
+    this._native.rootViewController = viewController
+    return this
+  }
+
+  [Symbol.for('bare.inspect')]() {
+    return {
+      __proto__: { constructor: NativeWindow }
+    }
+  }
+}

package/lib/window/linux.js

@@ -7,6 +7,7 @@ module.exports = class NativeWindow extends EventEmitter {
 
     this._native = new GTK.Window()
 
+    this._native.visible = true
     this._native.defaultSize = [width, height]
   }
 
@@ -14,11 +15,6 @@ module.exports = class NativeWindow extends EventEmitter {
     return this._native
   }
 
-  show() {
-    this._native.visible = true
-    return this
-  }
-
   content(view) {
     this._native.child = view._native
     return this

package/lib/window/win32.js

@@ -7,18 +7,13 @@ module.exports = class NativeWindow extends EventEmitter {
 
     this._native = new WinUI.Window()
 
-    this._native.resize(width, height)
+    this._native.resize(width, height).activate()
   }
 
   get native() {
     return this._native
   }
 
-  show() {
-    this._native.activate()
-    return this
-  }
-
   content(view) {
     this._native.content = view._native
     return this

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bare-native",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Native application development framework for Bare",
   "exports": {
     "./package": "./package.json",
@@ -10,13 +10,16 @@
   "imports": {
     "#window": {
       "darwin": "./lib/window/darwin.js",
+      "ios": "./lib/window/ios.js",
       "linux": "./lib/window/linux.js",
+      "android": "./lib/window/android.js",
       "win32": "./lib/window/win32.js"
     },
     "#web-view": {
       "darwin": "./lib/web-view/apple.js",
       "ios": "./lib/web-view/apple.js",
       "linux": "./lib/web-view/linux.js",
+      "android": "./lib/web-view/android.js",
       "win32": "./lib/web-view/win32.js"
     }
   },
@@ -42,7 +45,8 @@
     "bare-app-kit": "^0.1.0",
     "bare-events": "^2.8.2",
     "bare-gtk": "^0.1.0",
-    "bare-ui-kit": "^0.1.0",
+    "bare-ndk": "^0.1.2",
+    "bare-ui-kit": "^0.1.1",
     "bare-web-kit": "^0.1.0",
     "bare-web-kit-gtk": "^0.1.0",
     "bare-win-ui": "^0.1.0"

package/runtime.js

@@ -1,9 +1,13 @@
 const AppKit = require('bare-app-kit/runtime')
+const UIKit = require('bare-ui-kit/runtime')
 const GTK = require('bare-gtk/runtime')
+const NDK = require('bare-ndk/runtime')
 const WinUI = require('bare-win-ui/runtime')
 
 exports.prebuilds = {
   ...AppKit.prebuilds,
+  ...UIKit.prebuilds,
   ...GTK.prebuilds,
+  ...NDK.prebuilds,
   ...WinUI.prebuilds
 }