atom.io 0.30.4 → 0.30.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.30.4",
+  "version": "0.30.6",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,
@@ -21,7 +21,7 @@
     "@testing-library/react": ">=14.0.0",
     "eslint": ">=9.0.0",
     "motion": ">=11.0.0",
-    "react": ">=18.0.0",
+    "react": "^18.0.0 || ^19.0.0",
     "socket.io": ">=4.0.0",
     "socket.io-client": ">=4.0.0"
   },
@@ -52,40 +52,40 @@
     }
   },
   "devDependencies": {
-    "@testing-library/react": "16.0.1",
+    "@testing-library/react": "16.1.0",
     "@types/eslint": "9.6.1",
     "@types/estree": "1.0.6",
     "@types/http-proxy": "1.17.15",
     "@types/npmlog": "7.0.0",
-    "@types/react": "18.3.12",
+    "@types/react": "19.0.2",
     "@types/tmp": "0.2.6",
-    "@typescript-eslint/parser": "8.15.0",
-    "@typescript-eslint/rule-tester": "8.15.0",
-    "@vitest/coverage-v8": "2.1.5",
-    "@vitest/ui": "2.1.5",
-    "concurrently": "9.1.0",
-    "drizzle-kit": "0.28.1",
-    "drizzle-orm": "0.36.3",
-    "eslint": "9.15.0",
-    "happy-dom": "15.11.6",
+    "@typescript-eslint/parser": "8.18.2",
+    "@typescript-eslint/rule-tester": "8.18.2",
+    "@vitest/coverage-v8": "3.0.0-beta.3",
+    "@vitest/ui": "3.0.0-beta.3",
+    "concurrently": "9.1.1",
+    "drizzle-kit": "0.30.1",
+    "drizzle-orm": "0.38.3",
+    "eslint": "9.17.0",
+    "happy-dom": "16.0.1",
     "http-proxy": "1.18.1",
-    "motion": "11.11.17",
+    "motion": "11.15.0",
     "npmlog": "7.0.1",
     "postgres": "3.4.5",
-    "preact": "10.24.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-router-dom": "6.28.0",
+    "preact": "10.25.4",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-router-dom": "7.1.1",
     "socket.io": "4.8.1",
     "socket.io-client": "4.8.1",
     "tmp": "0.2.3",
     "tsup": "8.3.5",
     "tsx": "4.19.2",
-    "typescript": "5.6.3",
-    "vite": "5.4.11",
-    "vite-tsconfig-paths": "5.1.3",
-    "vitest": "2.1.5",
-    "zod": "3.23.8"
+    "typescript": "5.7.2",
+    "vite": "6.0.6",
+    "vite-tsconfig-paths": "5.1.4",
+    "vitest": "3.0.0-beta.3",
+    "zod": "3.24.1"
   },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/react-devtools/dist/index.css

@@ -1,5 +1,5 @@
 /* react-devtools/src/devtools.scss */
-main.atom_io_devtools {
+main[data-css=atom_io_devtools] {
   --fg-color: #eee;
   --bg-color: #111;
   --bg-tint1: #222;

package/react-devtools/dist/index.js

@@ -1388,7 +1388,7 @@ var AtomIODevtoolsInternal = () => {
       motion.span,
       {
         ref: constraintsRef,
-        className: "atom_io_devtools_zone",
+        "data-css": "atom_io_devtools_zone",
         style: {
           position: `fixed`,
           top: 0,
@@ -1404,7 +1404,7 @@ var AtomIODevtoolsInternal = () => {
       {
         drag: true,
         dragConstraints: constraintsRef,
-        className: "atom_io_devtools",
+        "data-css": "atom_io_devtools",
         transition: spring,
         style: devtoolsAreOpen ? {} : {
           backgroundColor: `#0000`,

package/react-devtools/src/AtomIODevtools.tsx

@@ -18,7 +18,7 @@ export const AtomIODevtools: React.FC = () => {
 	)
 }
 
-const AtomIODevtoolsInternal = (): JSX.Element => {
+const AtomIODevtoolsInternal = (): React.ReactNode => {
 	const constraintsRef = useRef(null)
 
 	const {
@@ -41,7 +41,7 @@ const AtomIODevtoolsInternal = (): JSX.Element => {
 		<>
 			<motion.span
 				ref={constraintsRef}
-				className="atom_io_devtools_zone"
+				data-css="atom_io_devtools_zone"
 				style={{
 					position: `fixed`,
 					top: 0,
@@ -54,7 +54,7 @@ const AtomIODevtoolsInternal = (): JSX.Element => {
 			<motion.main
 				drag
 				dragConstraints={constraintsRef}
-				className="atom_io_devtools"
+				data-css="atom_io_devtools"
 				transition={spring}
 				style={
 					devtoolsAreOpen

package/react-devtools/src/devtools.scss

@@ -1,4 +1,4 @@
-main.atom_io_devtools {
+main[data-css="atom_io_devtools"] {
   --fg-color: #eee;
   --bg-color: #111;
   --bg-tint1: #222;

package/realtime-server/dist/index.d.ts

@@ -30,24 +30,16 @@ declare class CustomSocket<I extends Events, O extends Events> implements Socket
 }
 
 declare class ChildSocket<I extends Events, O extends Events> extends CustomSocket<I, O> {
-    process: ChildProcessWithoutNullStreams;
-    key: string;
-    logger: {
-        info: (prefix: string, message: string, ...args: unknown[]) => void;
-        warn: (prefix: string, message: string, ...args: unknown[]) => void;
-        error: (prefix: string, message: string, ...args: unknown[]) => void;
-    };
     protected incompleteData: string;
     protected unprocessedEvents: string[];
     protected incompleteLog: string;
     protected unprocessedLogs: string[];
     id: string;
+    process: ChildProcessWithoutNullStreams;
+    key: string;
+    logger: Pick<Console, `error` | `info` | `warn`>;
     protected handleLog(arg: Json.Serializable): void;
-    constructor(process: ChildProcessWithoutNullStreams, key: string, logger?: {
-        info: (prefix: string, message: string, ...args: unknown[]) => void;
-        warn: (prefix: string, message: string, ...args: unknown[]) => void;
-        error: (prefix: string, message: string, ...args: unknown[]) => void;
-    });
+    constructor(process: ChildProcessWithoutNullStreams, key: string, logger?: Pick<Console, `error` | `info` | `warn`>);
 }
 
 declare class SubjectSocket<I extends Events, O extends Events> extends CustomSocket<I, O> {

package/realtime-server/dist/index.js

@@ -61,7 +61,31 @@ var CustomSocket = class {
 
 // realtime-server/src/ipc-sockets/child-socket.ts
 var ChildSocket = class extends CustomSocket {
-  constructor(process2, key, logger = console) {
+  incompleteData = ``;
+  unprocessedEvents = [];
+  incompleteLog = ``;
+  unprocessedLogs = [];
+  id = `#####`;
+  process;
+  key;
+  logger;
+  handleLog(arg) {
+    if (Array.isArray(arg)) {
+      const [level, ...rest] = arg;
+      switch (level) {
+        case `i`:
+          this.logger.info(...rest);
+          break;
+        case `w`:
+          this.logger.warn(...rest);
+          break;
+        case `e`:
+          this.logger.error(...rest);
+          break;
+      }
+    }
+  }
+  constructor(process2, key, logger) {
     super((event, ...args) => {
       const stringifiedEvent = JSON.stringify([event, ...args]) + ``;
       const errorHandler = (err) => {
@@ -76,8 +100,17 @@ var ChildSocket = class extends CustomSocket {
     });
     this.process = process2;
     this.key = key;
-    this.logger = logger;
-    this.process = process2;
+    this.logger = logger ?? {
+      info: (...args) => {
+        console.info(this.id, this.key, ...args);
+      },
+      warn: (...args) => {
+        console.warn(this.id, this.key, ...args);
+      },
+      error: (...args) => {
+        console.error(this.id, this.key, ...args);
+      }
+    };
     this.process.stdout.on(
       `data`,
       (buffer) => {
@@ -139,27 +172,6 @@ var ChildSocket = class extends CustomSocket {
       this.id = process2.pid.toString();
     }
   }
-  incompleteData = ``;
-  unprocessedEvents = [];
-  incompleteLog = ``;
-  unprocessedLogs = [];
-  id = `#####`;
-  handleLog(arg) {
-    if (Array.isArray(arg)) {
-      const [level, ...rest] = arg;
-      switch (level) {
-        case `i`:
-          this.logger.info(this.id, this.key, ...rest);
-          break;
-        case `w`:
-          this.logger.warn(this.id, this.key, ...rest);
-          break;
-        case `e`:
-          this.logger.error(this.id, this.key, ...rest);
-          break;
-      }
-    }
-  }
 };
 var SubjectSocket = class extends CustomSocket {
   in;

package/realtime-server/src/ipc-sockets/child-socket.ts

@@ -1,4 +1,5 @@
 import type { ChildProcessWithoutNullStreams } from "node:child_process"
+import type { Console } from "node:console"
 
 import type { Json } from "atom.io/json"
 import { parseJson } from "atom.io/json"
@@ -19,31 +20,31 @@ export class ChildSocket<
 
 	public id = `#####`
 
+	public process: ChildProcessWithoutNullStreams
+	public key: string
+	public logger: Pick<Console, `error` | `info` | `warn`>
+
 	protected handleLog(arg: Json.Serializable): void {
 		if (Array.isArray(arg)) {
 			const [level, ...rest] = arg
 			switch (level) {
 				case `i`:
-					this.logger.info(this.id, this.key, ...rest)
+					this.logger.info(...rest)
 					break
 				case `w`:
-					this.logger.warn(this.id, this.key, ...rest)
+					this.logger.warn(...rest)
 					break
 				case `e`:
-					this.logger.error(this.id, this.key, ...rest)
+					this.logger.error(...rest)
 					break
 			}
 		}
 	}
 
 	public constructor(
-		public process: ChildProcessWithoutNullStreams,
-		public key: string,
-		public logger: {
-			info: (prefix: string, message: string, ...args: unknown[]) => void
-			warn: (prefix: string, message: string, ...args: unknown[]) => void
-			error: (prefix: string, message: string, ...args: unknown[]) => void
-		} = console,
+		process: ChildProcessWithoutNullStreams,
+		key: string,
+		logger?: Pick<Console, `error` | `info` | `warn`>,
 	) {
 		super((event, ...args) => {
 			const stringifiedEvent = JSON.stringify([event, ...args]) + `\x03`
@@ -60,6 +61,18 @@ export class ChildSocket<
 			return this
 		})
 		this.process = process
+		this.key = key
+		this.logger = logger ?? {
+			info: (...args: unknown[]) => {
+				console.info(this.id, this.key, ...args)
+			},
+			warn: (...args: unknown[]) => {
+				console.warn(this.id, this.key, ...args)
+			},
+			error: (...args: unknown[]) => {
+				console.error(this.id, this.key, ...args)
+			},
+		}
 		this.process.stdout.on(
 			`data`,
 			<Event extends keyof I>(buffer: EventBuffer<string, I[Event]>) => {