bleam 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bleam",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "packageManager": "yarn@1.22.22",
   "type": "module",
   "files": [
@@ -15,6 +15,7 @@
   },
   "scripts": {
     "build": "tsdown",
+    "test": "vitest run",
     "typecheck": "tsc --noEmit -p tsconfig.build.json"
   },
   "devDependencies": {
@@ -30,6 +31,7 @@
     "@nativescript/react-native": "9.0.0-preview.4",
     "@types/react": "~19.2.17",
     "expo": "57",
+    "expo-splash-screen": "57.0.2",
     "react": "19.2.3",
     "react-native": "0.86.0",
     "tsx": "^4.21.0",
@@ -74,11 +76,6 @@
       "import": "./dist/bundler.js",
       "require": "./dist/bundler.cjs"
     },
-    "./chrome": {
-      "types": "./dist/chrome.d.ts",
-      "import": "./dist/chrome.js",
-      "require": "./dist/chrome.cjs"
-    },
     "./config": {
       "types": "./dist/config.d.ts",
       "import": "./dist/config.js",
@@ -94,15 +91,15 @@
       "import": "./dist/dev-protocol.js",
       "require": "./dist/dev-protocol.cjs"
     },
-    "./fs": {
-      "types": "./dist/fs.d.ts",
-      "import": "./dist/fs.js",
-      "require": "./dist/fs.cjs"
+    "./files": {
+      "types": "./dist/files.d.ts",
+      "import": "./dist/files.js",
+      "require": "./dist/files.cjs"
     },
-    "./native": {
-      "types": "./dist/native.d.ts",
-      "import": "./dist/native.js",
-      "require": "./dist/native.cjs"
+    "./platform": {
+      "types": "./dist/platform.d.ts",
+      "import": "./dist/platform.js",
+      "require": "./dist/platform.cjs"
     },
     "./runtime": {
       "types": "./dist/runtime.d.ts",
@@ -129,6 +126,11 @@
       "import": "./dist/ui.js",
       "require": "./dist/ui.cjs"
     },
+    "./window": {
+      "types": "./dist/window.d.ts",
+      "import": "./dist/window.js",
+      "require": "./dist/window.cjs"
+    },
     "./package.json": "./package.json",
     "./metro-config": {
       "require": "./metro-config.cjs"

package/templates/basic/app/index.tsx

@@ -1,15 +1,18 @@
-import { Toolbar, Window } from 'bleam/chrome'
+import { atom, useAtom } from 'bleam/state'
 import { sx } from 'bleam/styles'
 import { Button } from 'bleam/ui'
-import { useState } from 'react'
+import { Toolbar, Window } from 'bleam/window'
 import { Text, View } from 'react-native'
 
+const appName = 'Bleam Basic'
+const counter = atom(0)
+
 export default function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = useAtom(counter)
 
   return (
-    <View style={sx('flex-1', 'bg-system')}>
-      <Window title="Bleam" titleVisibility="visible" />
+    <View style={sx('flex-1')}>
+      <Window title={appName} titleVisibility="visible" />
       <Toolbar toolbarStyle="unified" />
 
       <View style={sx('flex-1', 'items-center', 'justify-center', 'p-6')}>

package/templates/foundation-models/app/index.tsx

@@ -0,0 +1,32 @@
+import { generate } from 'bleam/ai'
+import { sx } from 'bleam/styles'
+import { Button } from 'bleam/ui'
+import { Window } from 'bleam/window'
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+
+const appName = 'Bleam Basic'
+
+export default function App() {
+  const [answer, setAnswer] = useState('Ask the on-device model for an idea.')
+
+  async function ask() {
+    setAnswer('Thinking...')
+    try {
+      setAnswer(
+        await generate({ prompt: 'Suggest one useful native Mac app.' }),
+      )
+    } catch (error) {
+      setAnswer(error instanceof Error ? error.message : String(error))
+    }
+  }
+
+  return (
+    <View style={sx('flex-1', 'p-8', 'gap-6')}>
+      <Window title={appName} />
+      <Text style={sx('text-3xl', 'font-semibold')}>Foundation Models</Text>
+      <Text style={sx('text-lg', 'text-secondary-label')}>{answer}</Text>
+      <Button title="Generate an idea" onPress={ask} />
+    </View>
+  )
+}

package/templates/foundation-models/app.config.ts

@@ -0,0 +1,5 @@
+import { appConfig } from 'bleam'
+
+export default appConfig({
+  name: 'Bleam Foundation Models',
+})

package/templates/image-generation/app/index.tsx

@@ -0,0 +1,39 @@
+import { generateImage } from 'bleam/ai'
+import { sx } from 'bleam/styles'
+import { Button } from 'bleam/ui'
+import { Window } from 'bleam/window'
+import { useState } from 'react'
+import { Image, Text, View } from 'react-native'
+
+const appName = 'Bleam Basic'
+
+export default function App() {
+  const [uri, setUri] = useState<string>()
+  const [status, setStatus] = useState('Generate an image on this Mac.')
+
+  async function create() {
+    setStatus('Generating...')
+    try {
+      const result = await generateImage({
+        prompt: 'A precise editorial illustration of a small native Mac app',
+        aspectRatio: 'square',
+      })
+      setUri(result.uri)
+      setStatus(`Completed with seed ${result.metadata.seed}`)
+    } catch (error) {
+      setStatus(error instanceof Error ? error.message : String(error))
+    }
+  }
+
+  return (
+    <View style={sx('flex-1', 'p-8', 'gap-6')}>
+      <Window title={appName} />
+      <Text style={sx('text-3xl', 'font-semibold')}>Image Generation</Text>
+      {uri ? (
+        <Image source={{ uri }} style={sx('w-96', 'h-96', 'rounded-xl')} />
+      ) : null}
+      <Text style={sx('text-secondary-label')}>{status}</Text>
+      <Button title="Generate image" onPress={create} />
+    </View>
+  )
+}

package/templates/image-generation/app.config.ts

@@ -0,0 +1,5 @@
+import { appConfig } from 'bleam'
+
+export default appConfig({
+  name: 'Bleam Image Generation',
+})

package/templates/state/app/index.tsx

@@ -0,0 +1,30 @@
+import { atom, useAtom } from 'bleam/state'
+import { sx } from 'bleam/styles'
+import { Button } from 'bleam/ui'
+import { Window } from 'bleam/window'
+import { Text, View } from 'react-native'
+
+const appName = 'Bleam Basic'
+const tasks = atom<string[]>(['Create a native Mac app'])
+
+export default function App() {
+  const [items, setItems] = useAtom(tasks)
+
+  return (
+    <View style={sx('flex-1', 'p-8', 'gap-4')}>
+      <Window title={appName} />
+      <Text style={sx('text-3xl', 'font-semibold')}>Tasks</Text>
+      {items.map((item) => (
+        <Text key={item} style={sx('text-lg')}>
+          {item}
+        </Text>
+      ))}
+      <Button
+        title="Add task"
+        onPress={() =>
+          setItems((current) => [...current, `Task ${current.length + 1}`])
+        }
+      />
+    </View>
+  )
+}

package/templates/state/app.config.ts

@@ -0,0 +1,5 @@
+import { appConfig } from 'bleam'
+
+export default appConfig({
+  name: 'Bleam State',
+})

package/dist/chrome.cjs

@@ -1,265 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_native_runtime = require('./native-runtime-CsXnXkQn.cjs');
-const require_native_macos = require('./native-macos-DLwo_ii9.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-
-//#region src/chrome.tsx
-const toolbarStyleValues = {
-	automatic: 0,
-	expanded: 1,
-	preference: 2,
-	unified: 3,
-	unifiedCompact: 4
-};
-const titleVisibilityValues = {
-	visible: 0,
-	hidden: 1
-};
-const userInterfaceStyleValues = {
-	automatic: 0,
-	light: 1,
-	dark: 2
-};
-function nativeRecord(value) {
-	if (!value || typeof value !== "object") return;
-	return value;
-}
-function macOSScene(value) {
-	return nativeRecord(value);
-}
-function macOSWindow(value) {
-	return nativeRecord(value);
-}
-function selectorTarget(value) {
-	return nativeRecord(value);
-}
-function setNativeValue(value, key, nextValue) {
-	const record = nativeRecord(value);
-	if (!record) return false;
-	record[key] = nextValue;
-	return true;
-}
-function colorFromHex(hex) {
-	const value = hex.trim().replace(/^#/, "");
-	const normalized = value.length === 3 ? value.split("").map((part) => `${part}${part}`).join("") : value;
-	if (!/^[\da-f]{6}$/i.test(normalized)) throw new Error(`Invalid color: ${hex}`);
-	const number = Number.parseInt(normalized, 16);
-	const red = (number >> 16 & 255) / 255;
-	const green = (number >> 8 & 255) / 255;
-	const blue = (number & 255) / 255;
-	return UIColor.colorWithRedGreenBlueAlpha(red, green, blue, 1);
-}
-function forEachNativeObject(collection, callback) {
-	const values = collection?.allObjects ?? collection;
-	if (Array.isArray(values)) {
-		values.forEach(callback);
-		return;
-	}
-	const iterableValues = values;
-	const count = Number(iterableValues?.count ?? 0);
-	for (let index = 0; index < count; index += 1) callback(iterableValues?.objectAtIndex?.(index));
-}
-function runOnUIWithRetry(apply) {
-	const run = () => require_native_runtime.ensureNativeScript().runOnUI(apply).catch(() => {});
-	run();
-	const timeout = setTimeout(() => {
-		run();
-	}, 250);
-	return () => {
-		clearTimeout(timeout);
-	};
-}
-function applyWindowTitle(title) {
-	const application = UIApplication.sharedApplication;
-	forEachNativeObject(application?.connectedScenes, (scene) => {
-		setNativeValue(scene, "title", title);
-	});
-	const appKitApplication = require_native_macos.macOSApplication();
-	const appKitWindow = appKitApplication?.keyWindow ?? appKitApplication?.mainWindow;
-	if (appKitWindow) setNativeValue(appKitWindow, "title", title);
-}
-function clearRootView(window) {
-	const rootView = (macOSWindow(window)?.rootViewController)?.view;
-	if (!rootView) return;
-	setNativeValue(rootView, "backgroundColor", UIColor.clearColor);
-	setNativeValue(rootView, "opaque", false);
-}
-function forEachApplicationWindow(callback) {
-	const application = UIApplication.sharedApplication;
-	callback(application.keyWindow);
-	forEachNativeObject(application?.windows, callback);
-	forEachNativeObject(application?.connectedScenes, (scene) => {
-		callback(macOSScene(scene)?.keyWindow);
-		forEachNativeObject(macOSScene(scene)?.windows, callback);
-	});
-}
-function applyWindowTint(tint) {
-	const tintColor = colorFromHex(tint);
-	function applyTint(window) {
-		if (!window) return;
-		setNativeValue(window, "tintColor", tintColor);
-		clearRootView(window);
-		const rootView = (macOSWindow(window)?.rootViewController)?.view;
-		if (rootView) setNativeValue(rootView, "tintColor", tintColor);
-	}
-	forEachApplicationWindow(applyTint);
-}
-function applyWindowBackgroundColor(backgroundColor) {
-	const color = colorFromHex(backgroundColor);
-	forEachApplicationWindow((window) => {
-		if (!window) return;
-		setNativeValue(window, "backgroundColor", color);
-		clearRootView(window);
-	});
-}
-function applyWindowUserInterfaceStyle(userInterfaceStyle) {
-	const value = userInterfaceStyleValues[userInterfaceStyle];
-	forEachApplicationWindow((window) => {
-		if (!window) return;
-		setNativeValue(window, "overrideUserInterfaceStyle", value);
-		const rootViewController = macOSWindow(window)?.rootViewController;
-		if (rootViewController) setNativeValue(rootViewController, "overrideUserInterfaceStyle", value);
-	});
-}
-function applyWindowRootTransparency() {
-	forEachApplicationWindow((window) => {
-		if (window) clearRootView(window);
-	});
-}
-function invokeNativeValue(target, selector, ...values) {
-	const invoke = selectorTarget(target)?.invoke;
-	if (typeof invoke !== "function") return;
-	return invoke.call(target, selector, ...values);
-}
-function titlebarForScene(scene) {
-	try {
-		const titlebar = invokeNativeValue(scene, "titlebar");
-		if (titlebar) return titlebar;
-	} catch {}
-	try {
-		const target = selectorTarget(scene);
-		if (target?.valueForKey) {
-			const titlebar = target.valueForKey("titlebar");
-			if (titlebar) return titlebar;
-		}
-	} catch {}
-	return macOSScene(scene)?.titlebar;
-}
-function setNativeNumber(target, key, value) {
-	const selector = `set${key[0]?.toUpperCase()}${key.slice(1)}:`;
-	try {
-		if (invokeNativeValue(target, selector, value) !== void 0) return;
-	} catch {}
-	try {
-		if (setNativeValue(target, key, value)) return;
-	} catch {}
-	try {
-		const selector$1 = selectorTarget(target);
-		if (selector$1?.setValueForKey) {
-			selector$1.setValueForKey(NSNumber.numberWithInteger(value), key);
-			return;
-		}
-	} catch {}
-}
-function applyTitleVisibility(titleVisibility) {
-	if (!require_native_macos.macOSApplication()) return;
-	const value = titleVisibilityValues[titleVisibility];
-	const application = UIApplication.sharedApplication;
-	forEachNativeObject(application?.connectedScenes, (scene) => {
-		const titlebar = titlebarForScene(scene);
-		if (!titlebar) return;
-		setNativeNumber(titlebar, "titleVisibility", value);
-	});
-}
-function toolbarForTitlebar(titlebar) {
-	let toolbar;
-	try {
-		toolbar = invokeNativeValue(titlebar, "toolbar");
-	} catch {}
-	try {
-		toolbar ??= titlebar.toolbar;
-	} catch {}
-	try {
-		if (!toolbar && titlebar.valueForKey) toolbar = titlebar.valueForKey("toolbar");
-	} catch {}
-	if (toolbar) return toolbar;
-	toolbar = require_native_macos.createMacOSToolbar("BleamToolbar");
-	if (!toolbar) return;
-	try {
-		if (invokeNativeValue(titlebar, "setToolbar:", toolbar) !== void 0) return toolbar;
-	} catch {}
-	try {
-		if (setNativeValue(titlebar, "toolbar", toolbar)) return toolbar;
-	} catch {}
-	try {
-		if (titlebar.setValueForKey) {
-			titlebar.setValueForKey(toolbar, "toolbar");
-			return toolbar;
-		}
-	} catch {}
-}
-function applyToolbarStyle(toolbarStyle) {
-	if (!require_native_macos.macOSApplication()) return;
-	const value = toolbarStyleValues[toolbarStyle];
-	const application = UIApplication.sharedApplication;
-	forEachNativeObject(application?.connectedScenes, (scene) => {
-		const titlebar = titlebarForScene(scene);
-		if (!titlebar) return;
-		toolbarForTitlebar(titlebar);
-		setNativeNumber(titlebar, "toolbarStyle", value);
-	});
-}
-function Window(props) {
-	const { title, tint, backgroundColor, userInterfaceStyle, titleVisibility } = props;
-	(0, react.useLayoutEffect)(() => {
-		return runOnUIWithRetry(() => {
-			applyWindowRootTransparency();
-		});
-	}, []);
-	(0, react.useEffect)(() => {
-		if (title === void 0) return;
-		require_native_runtime.ensureNativeScript().runOnUI(() => {
-			applyWindowTitle(title);
-		}).catch(() => {});
-	}, [title]);
-	(0, react.useLayoutEffect)(() => {
-		if (tint === void 0) return;
-		return runOnUIWithRetry(() => {
-			applyWindowTint(tint);
-		});
-	}, [tint]);
-	(0, react.useLayoutEffect)(() => {
-		if (backgroundColor === void 0) return;
-		return runOnUIWithRetry(() => {
-			applyWindowBackgroundColor(backgroundColor);
-		});
-	}, [backgroundColor]);
-	(0, react.useLayoutEffect)(() => {
-		if (userInterfaceStyle === void 0) return;
-		return runOnUIWithRetry(() => {
-			applyWindowUserInterfaceStyle(userInterfaceStyle);
-		});
-	}, [userInterfaceStyle]);
-	(0, react.useEffect)(() => {
-		if (titleVisibility === void 0) return;
-		require_native_runtime.ensureNativeScript().runOnUI(() => {
-			applyTitleVisibility(titleVisibility);
-		}).catch(() => {});
-	}, [titleVisibility]);
-	return null;
-}
-function Toolbar(props) {
-	const { toolbarStyle } = props;
-	(0, react.useEffect)(() => {
-		if (toolbarStyle === void 0) return;
-		require_native_runtime.ensureNativeScript().runOnUI(() => {
-			applyToolbarStyle(toolbarStyle);
-		}).catch(() => {});
-	}, [toolbarStyle]);
-	return null;
-}
-
-//#endregion
-exports.Toolbar = Toolbar;
-exports.Window = Window;

package/dist/chrome.d.cts

@@ -1,19 +0,0 @@
-//#region src/chrome.d.ts
-type HexColor = `#${string}`;
-type WindowToolbarStyle = 'automatic' | 'unified' | 'unifiedCompact' | 'preference' | 'expanded';
-type WindowTitleVisibility = 'visible' | 'hidden';
-type WindowUserInterfaceStyle = 'automatic' | 'light' | 'dark';
-type WindowProps = {
-  title?: string;
-  tint?: HexColor;
-  backgroundColor?: HexColor;
-  userInterfaceStyle?: WindowUserInterfaceStyle;
-  titleVisibility?: WindowTitleVisibility;
-};
-type ToolbarProps = {
-  toolbarStyle?: WindowToolbarStyle;
-};
-declare function Window(props: WindowProps): null;
-declare function Toolbar(props: ToolbarProps): null;
-//#endregion
-export { HexColor, Toolbar, ToolbarProps, Window, WindowProps, WindowTitleVisibility, WindowToolbarStyle, WindowUserInterfaceStyle };

package/dist/chrome.d.ts

@@ -1,19 +0,0 @@
-//#region src/chrome.d.ts
-type HexColor = `#${string}`;
-type WindowToolbarStyle = 'automatic' | 'unified' | 'unifiedCompact' | 'preference' | 'expanded';
-type WindowTitleVisibility = 'visible' | 'hidden';
-type WindowUserInterfaceStyle = 'automatic' | 'light' | 'dark';
-type WindowProps = {
-  title?: string;
-  tint?: HexColor;
-  backgroundColor?: HexColor;
-  userInterfaceStyle?: WindowUserInterfaceStyle;
-  titleVisibility?: WindowTitleVisibility;
-};
-type ToolbarProps = {
-  toolbarStyle?: WindowToolbarStyle;
-};
-declare function Window(props: WindowProps): null;
-declare function Toolbar(props: ToolbarProps): null;
-//#endregion
-export { HexColor, Toolbar, ToolbarProps, Window, WindowProps, WindowTitleVisibility, WindowToolbarStyle, WindowUserInterfaceStyle };