@instantdb/react-native-mmkv 0.0.0

package/README.md

@@ -0,0 +1,62 @@
+<p align="center">
+  <a href="https://instantdb.com">
+    <img alt="Shows the Instant logo" src="https://instantdb.com/img/icon/android-chrome-512x512.png" width="10%">
+  </a>
+  <h1 align="center">@instantdb/react-native-mmkv</h1>
+</p>
+
+<p align="center">
+  <a 
+    href="https://discord.com/invite/VU53p7uQcE" >
+    <img height=20 src="https://img.shields.io/discord/1031957483243188235" />
+  </a>
+  <img src="https://img.shields.io/github/stars/instantdb/instant" alt="stars">
+</p>
+
+<p align="center">
+   <a href="https://www.instantdb.com/docs/start-rn">Get Started</a> ·
+   <a href="https://instantdb.com/examples">Examples</a> ·
+   <a href="https://www.instantdb.com/docs/start-rn">Docs</a> ·
+   <a href="https://discord.com/invite/VU53p7uQcE">Discord</a>
+<p>
+
+Welcome to [Instant's](http://instantdb.com) React Native MMKV interface.
+
+```javascript
+// ༼ つ ◕_◕ ༽つ Real-time Chat
+// ----------------------------------
+// * Updates instantly
+// * Multiplayer
+// * Works offline
+
+import { init, id } from '@instantdb/react-native';
+improt Storage from '@instantdb/react-native-mmkv';
+
+const db = init({
+  appId: process.env.NEXT_PUBLIC_APP_ID,
+  Storage: Storage
+});
+
+function Chat() {
+  // 1. Read
+  const { isLoading, error, data } = db.useQuery({
+    messages: {},
+  });
+
+  // 2. Write
+  const addMessage = (message) => {
+    db.transact(db.tx.messages[id()].update(message));
+  };
+
+  // 3. Render!
+  return <UI data={data} onAdd={addMessage} />;
+}
+```
+
+# Get Started
+
+Follow the [getting started](https://www.instantdb.com/docs/start-rn) tutorial to set up a live React Native app in under 5 minutes!
+
+# Questions?
+
+If you have any questions, feel free to drop us a line on our [Discord](https://discord.com/invite/VU53p7uQcE)

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import { StorageInterface, StorageInterfaceStoreName } from '@instantdb/core';
+import { MMKV } from 'react-native-mmkv';
+export default class Storage extends StorageInterface {
+    _store: MMKV;
+    constructor(appId: string, storeName: StorageInterfaceStoreName);
+    getItem(k: string): Promise<any>;
+    setItem(k: string, v: any): Promise<void>;
+    multiSet(keyValuePairs: Array<[string, any]>): Promise<void>;
+    removeItem(k: string): Promise<void>;
+    getAllKeys(): Promise<string[]>;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAc,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,gBAAgB;IACnD,MAAM,EAAE,IAAI,CAAC;gBACD,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB;IASzD,OAAO,CAAC,CAAC,EAAE,MAAM;IAQjB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG;IAIzB,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAM5C,UAAU,CAAC,CAAC,EAAE,MAAM;IAIpB,UAAU;CAGjB"}

package/dist/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@instantdb/core");
+const react_native_mmkv_1 = require("react-native-mmkv");
+class Storage extends core_1.StorageInterface {
+    _store;
+    constructor(appId, storeName) {
+        super(appId, storeName);
+        this._store = (0, react_native_mmkv_1.createMMKV)({
+            id: `instant-${appId}-${storeName}`,
+            readOnly: false,
+            mode: 'multi-process',
+        });
+    }
+    async getItem(k) {
+        const item = this._store.getString(k);
+        if (item) {
+            return JSON.parse(item);
+        }
+        return null;
+    }
+    async setItem(k, v) {
+        this._store.set(k, JSON.stringify(v));
+    }
+    async multiSet(keyValuePairs) {
+        for (const [k, v] of keyValuePairs) {
+            this.setItem(k, v);
+        }
+    }
+    async removeItem(k) {
+        this._store.remove(k);
+    }
+    async getAllKeys() {
+        return this._store.getAllKeys();
+    }
+}
+exports.default = Storage;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,0CAA8E;AAC9E,yDAAqD;AAErD,MAAqB,OAAQ,SAAQ,uBAAgB;IACnD,MAAM,CAAO;IACb,YAAY,KAAa,EAAE,SAAoC;QAC7D,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,IAAA,8BAAU,EAAC;YACvB,EAAE,EAAE,WAAW,KAAK,IAAI,SAAS,EAAE;YACnC,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,eAAe;SACtB,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,CAAS;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,CAAS,EAAE,CAAM;QAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,aAAmC;QAChD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,CAAS;QACxB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,UAAU;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;IAClC,CAAC;CACF;AApCD,0BAoCC","sourcesContent":["import { StorageInterface, StorageInterfaceStoreName } from '@instantdb/core';\nimport { createMMKV, MMKV } from 'react-native-mmkv';\n\nexport default class Storage extends StorageInterface {\n  _store: MMKV;\n  constructor(appId: string, storeName: StorageInterfaceStoreName) {\n    super(appId, storeName);\n    this._store = createMMKV({\n      id: `instant-${appId}-${storeName}`,\n      readOnly: false,\n      mode: 'multi-process',\n    });\n  }\n\n  async getItem(k: string) {\n    const item = this._store.getString(k);\n    if (item) {\n      return JSON.parse(item);\n    }\n    return null;\n  }\n\n  async setItem(k: string, v: any) {\n    this._store.set(k, JSON.stringify(v));\n  }\n\n  async multiSet(keyValuePairs: Array<[string, any]>) {\n    for (const [k, v] of keyValuePairs) {\n      this.setItem(k, v);\n    }\n  }\n\n  async removeItem(k: string) {\n    this._store.remove(k);\n  }\n\n  async getAllKeys() {\n    return this._store.getAllKeys();\n  }\n}\n"]}

package/dist/module/index.d.ts

@@ -0,0 +1,12 @@
+import { StorageInterface, StorageInterfaceStoreName } from '@instantdb/core';
+import { MMKV } from 'react-native-mmkv';
+export default class Storage extends StorageInterface {
+    _store: MMKV;
+    constructor(appId: string, storeName: StorageInterfaceStoreName);
+    getItem(k: string): Promise<any>;
+    setItem(k: string, v: any): Promise<void>;
+    multiSet(keyValuePairs: Array<[string, any]>): Promise<void>;
+    removeItem(k: string): Promise<void>;
+    getAllKeys(): Promise<string[]>;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/module/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAc,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,gBAAgB;IACnD,MAAM,EAAE,IAAI,CAAC;gBACD,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB;IASzD,OAAO,CAAC,CAAC,EAAE,MAAM;IAQjB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG;IAIzB,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAM5C,UAAU,CAAC,CAAC,EAAE,MAAM;IAIpB,UAAU;CAGjB"}

package/dist/module/index.js

@@ -0,0 +1,35 @@
+import { StorageInterface } from '@instantdb/core';
+import { createMMKV } from 'react-native-mmkv';
+export default class Storage extends StorageInterface {
+    _store;
+    constructor(appId, storeName) {
+        super(appId, storeName);
+        this._store = createMMKV({
+            id: `instant-${appId}-${storeName}`,
+            readOnly: false,
+            mode: 'multi-process',
+        });
+    }
+    async getItem(k) {
+        const item = this._store.getString(k);
+        if (item) {
+            return JSON.parse(item);
+        }
+        return null;
+    }
+    async setItem(k, v) {
+        this._store.set(k, JSON.stringify(v));
+    }
+    async multiSet(keyValuePairs) {
+        for (const [k, v] of keyValuePairs) {
+            this.setItem(k, v);
+        }
+    }
+    async removeItem(k) {
+        this._store.remove(k);
+    }
+    async getAllKeys() {
+        return this._store.getAllKeys();
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA6B,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAQ,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,gBAAgB;IACnD,MAAM,CAAO;IACb,YAAY,KAAa,EAAE,SAAoC;QAC7D,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;YACvB,EAAE,EAAE,WAAW,KAAK,IAAI,SAAS,EAAE;YACnC,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,eAAe;SACtB,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,CAAS;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,CAAS,EAAE,CAAM;QAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,aAAmC;QAChD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,CAAS;QACxB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,UAAU;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;IAClC,CAAC;CACF","sourcesContent":["import { StorageInterface, StorageInterfaceStoreName } from '@instantdb/core';\nimport { createMMKV, MMKV } from 'react-native-mmkv';\n\nexport default class Storage extends StorageInterface {\n  _store: MMKV;\n  constructor(appId: string, storeName: StorageInterfaceStoreName) {\n    super(appId, storeName);\n    this._store = createMMKV({\n      id: `instant-${appId}-${storeName}`,\n      readOnly: false,\n      mode: 'multi-process',\n    });\n  }\n\n  async getItem(k: string) {\n    const item = this._store.getString(k);\n    if (item) {\n      return JSON.parse(item);\n    }\n    return null;\n  }\n\n  async setItem(k: string, v: any) {\n    this._store.set(k, JSON.stringify(v));\n  }\n\n  async multiSet(keyValuePairs: Array<[string, any]>) {\n    for (const [k, v] of keyValuePairs) {\n      this.setItem(k, v);\n    }\n  }\n\n  async removeItem(k: string) {\n    this._store.remove(k);\n  }\n\n  async getAllKeys() {\n    return this._store.getAllKeys();\n  }\n}\n"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@instantdb/react-native-mmkv",
+  "version": "0.0.0",
+  "description": "React Native MMKV interface for Instant DB",
+  "homepage": "https://github.com/instantdb/instant/tree/main/client/packages/react-native-mmkv",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/instantdb/instant.git",
+    "directory": "client/packages/react-native-mmkv"
+  },
+  "main": "dist/index.js",
+  "module": "dist/module/index.js",
+  "types": "dist/module/index.d.ts",
+  "unpkg": "dist/index.js",
+  "devDependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/preset-env": "^7.16.11",
+    "@types/node": "^22.6.1",
+    "npm-run-all": "^4.1.5",
+    "react-native-mmkv": "^4.1.1",
+    "typescript": "^5.9.3",
+    "vitest": "^0.21.0"
+  },
+  "peerDependencies": {
+    "react-native-mmkv": ">=1.15"
+  },
+  "dependencies": {
+    "@instantdb/core": "0.0.0"
+  },
+  "scripts": {
+    "test": "vitest",
+    "test:types": "tsc -p tsconfig.test.json --noEmit",
+    "test:ci": "pnpm run test:types",
+    "build": "rm -rf dist; npm run build:main && npm run build:module",
+    "dev:main": "tsc -p tsconfig.json -w --skipLibCheck --preserveWatchOutput | grep -v '^$'",
+    "dev:module": "tsc -p tsconfig.module.json -w --skipLibCheck --preserveWatchOutput | grep -v '^$'",
+    "dev": "run-p dev:main dev:module",
+    "clean": "rm -rf dist",
+    "build:main": "tsc -p tsconfig.json",
+    "build:module": "tsc -p tsconfig.module.json",
+    "publish-package": "pnpm pack && npm publish *.tgz --access public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,40 @@
+import { StorageInterface, StorageInterfaceStoreName } from '@instantdb/core';
+import { createMMKV, MMKV } from 'react-native-mmkv';
+
+export default class Storage extends StorageInterface {
+  _store: MMKV;
+  constructor(appId: string, storeName: StorageInterfaceStoreName) {
+    super(appId, storeName);
+    this._store = createMMKV({
+      id: `instant-${appId}-${storeName}`,
+      readOnly: false,
+      mode: 'multi-process',
+    });
+  }
+
+  async getItem(k: string) {
+    const item = this._store.getString(k);
+    if (item) {
+      return JSON.parse(item);
+    }
+    return null;
+  }
+
+  async setItem(k: string, v: any) {
+    this._store.set(k, JSON.stringify(v));
+  }
+
+  async multiSet(keyValuePairs: Array<[string, any]>) {
+    for (const [k, v] of keyValuePairs) {
+      this.setItem(k, v);
+    }
+  }
+
+  async removeItem(k: string) {
+    this._store.remove(k);
+  }
+
+  async getAllKeys() {
+    return this._store.getAllKeys();
+  }
+}

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src"],
+  "exclude": ["node_modules", "dist", "src/__types__"],
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "strictNullChecks": true,
+    "skipLibCheck": true
+  }
+}

package/tsconfig.module.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "module": "es2015",
+    "moduleResolution": "node",
+    "outDir": "dist/module"
+  }
+}

package/tsconfig.test.json

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src", "src/__types__"],
+  "exclude": ["node_modules", "dist"]
+}