@echoform/echo-ui 0.1.0

package/README.md

@@ -0,0 +1,86 @@
+# @echoform/echo-ui
+
+Shared React Native / Expo UI component library by **Echoform Productions**.
+
+---
+
+## Project layout
+
+```
+(OnSpace project root)
+├── app/                        ← Expo Router host app (preview only)
+│   ├── _layout.tsx
+│   └── (tabs)/
+│       ├── _layout.tsx
+│       └── index.tsx           ← Demo screen
+│
+└── packages/
+    └── echo-ui/                ← Publishable npm package
+        ├── package.json        ← name: @echoform/echo-ui
+        ├── tsconfig.json
+        └── src/
+            ├── index.ts        ← Public entry point
+            └── components/
+                └── EchoUITest.tsx
+```
+
+---
+
+## Building the package
+
+```bash
+cd packages/echo-ui
+npm install          # install devDependencies (tsc, @types/*)
+npm run build        # emits dist/ (JS + .d.ts + source maps)
+```
+
+The `dist/` directory is produced by `tsc` using `packages/echo-ui/tsconfig.json`.  
+It contains plain CommonJS JavaScript and TypeScript declaration files — no raw
+TypeScript, so consuming projects need no special Metro configuration.
+
+---
+
+## Publishing to npm
+
+```bash
+cd packages/echo-ui
+npm run build        # always build before publish
+npm publish          # requires: npm login, package name available
+```
+
+The `publishConfig.access` field is set to `"public"` so the scoped package
+publishes to the public registry without an npm Organisation plan.
+
+---
+
+## Consuming in another OnSpace project
+
+After publishing:
+
+```bash
+npx expo install @echoform/echo-ui
+```
+
+```tsx
+import { EchoUITest } from '@echoform/echo-ui';
+
+<EchoUITest label="Rig Vault – Echo" />
+```
+
+---
+
+## OnSpace preview host
+
+The host app at `app/(tabs)/index.tsx` imports directly from the **source tree**
+(`../../packages/echo-ui/src`) so the OnSpace Live Preview works without any
+Metro alias or symlink configuration.
+
+Consuming projects always import from the compiled npm package.
+
+---
+
+## Version history
+
+| Version | Notes |
+|---------|-------|
+| 0.1.0 | Initial scaffold — `EchoUITest` smoke-test component only |

package/dist/components/EchoUITest.d.ts

@@ -0,0 +1,14 @@
+/**
+ * EchoUITest
+ *
+ * Minimal smoke-test component. Its sole purpose is to confirm that the
+ * package build pipeline and import chain are working end-to-end.
+ * Replace / delete this component once real Echo UI components exist.
+ */
+import React from 'react';
+export interface EchoUITestProps {
+    /** Optional label rendered inside the badge. Defaults to "@echoform/echo-ui". */
+    label?: string;
+}
+export declare function EchoUITest({ label }: EchoUITestProps): React.JSX.Element;
+//# sourceMappingURL=EchoUITest.d.ts.map

package/dist/components/EchoUITest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoUITest.d.ts","sourceRoot":"","sources":["../../src/components/EchoUITest.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAA2B,EAAE,EAAE,eAAe,qBAS1E"}

package/dist/components/EchoUITest.js

@@ -0,0 +1,53 @@
+"use strict";
+/**
+ * EchoUITest
+ *
+ * Minimal smoke-test component. Its sole purpose is to confirm that the
+ * package build pipeline and import chain are working end-to-end.
+ * Replace / delete this component once real Echo UI components exist.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoUITest = EchoUITest;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+function EchoUITest({ label = '@echoform/echo-ui' }) {
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.View style={styles.badge}>
+        <react_native_1.Text style={styles.packageLabel}>{label}</react_native_1.Text>
+        <react_native_1.Text style={styles.statusLabel}>Package import OK</react_native_1.Text>
+      </react_native_1.View>
+    </react_native_1.View>);
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 16,
+    },
+    badge: {
+        backgroundColor: '#0D0D0D',
+        borderWidth: 1,
+        borderColor: '#2A2A2A',
+        borderRadius: 12,
+        paddingVertical: 18,
+        paddingHorizontal: 28,
+        alignItems: 'center',
+        gap: 6,
+    },
+    packageLabel: {
+        color: '#C8FF00',
+        fontSize: 15,
+        fontWeight: '700',
+        letterSpacing: 0.4,
+    },
+    statusLabel: {
+        color: '#888888',
+        fontSize: 12,
+        fontWeight: '500',
+        letterSpacing: 0.2,
+    },
+});
+//# sourceMappingURL=EchoUITest.js.map

package/dist/components/EchoUITest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoUITest.js","sourceRoot":"","sources":["../../src/components/EchoUITest.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;;AAUH,gCASC;AAjBD,kDAA0B;AAC1B,+CAAsD;AAOtD,SAAgB,UAAU,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAmB;IACzE,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,mBAAI,CAC/C;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,mBAAI,CAC1D;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,KAAK,EAAE;QACL,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,GAAG;KACnB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @echoform/echo-ui
+ * Public package entry point.
+ *
+ * Export every public component and utility from here.
+ * Consumers import directly:  import { EchoUITest } from '@echoform/echo-ui'
+ */
+export { EchoUITest } from './components/EchoUITest';
+export type { EchoUITestProps } from './components/EchoUITest';
+//# 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;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+"use strict";
+/**
+ * @echoform/echo-ui
+ * Public package entry point.
+ *
+ * Export every public component and utility from here.
+ * Consumers import directly:  import { EchoUITest } from '@echoform/echo-ui'
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoUITest = void 0;
+var EchoUITest_1 = require("./components/EchoUITest");
+Object.defineProperty(exports, "EchoUITest", { enumerable: true, get: function () { return EchoUITest_1.EchoUITest; } });
+//# 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;;;;;;GAMG;;;AAEH,sDAAqD;AAA5C,wGAAA,UAAU,OAAA"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@echoform/echo-ui",
+  "version": "0.1.0",
+  "description": "Echoform Productions – shared React Native / Expo UI component library",
+  "author": "Echoform Productions",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --project tsconfig.json",
+    "build:watch": "tsc --project tsconfig.json --watch",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.73.0"
+  },
+  "devDependencies": {},
+  "keywords": [
+    "echoform",
+    "echo-ui",
+    "react-native",
+    "expo",
+    "ui-library"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/echoformproductions/Echo-UI.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}