react-rock 0.1.0 → 3.0.2

package/README.md

@@ -1,160 +1,94 @@
-# TSDX React User Guide
-
-Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.
-
-> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.
-
-> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)
-
-## Commands
-
-TSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.
-
-The recommended workflow is to run TSDX in one terminal:
-
-```bash
-npm start # or yarn start
-```
-
-This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.
-
-Then run the example inside another:
-
-```bash
-cd example
-npm i # or yarn to install dependencies
-npm start # or yarn start
-```
-
-The default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).
-
-To do a one-off build, use `npm run build` or `yarn build`.
-
-To run tests, use `npm test` or `yarn test`.
-
-## Configuration
-
-Code quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.
-
-### Jest
-
-Jest tests are set up to run with `npm test` or `yarn test`.
-
-### Bundle analysis
-
-Calculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.
-
-#### Setup Files
-
-This is the folder structure we set up for you:
-
-```txt
-/example
-  index.html
-  index.tsx       # test your component here in a demo app
-  package.json
-  tsconfig.json
-/src
-  index.tsx       # EDIT THIS
-/test
-  blah.test.tsx   # EDIT THIS
-.gitignore
-package.json
-README.md         # EDIT THIS
-tsconfig.json
-```
-
-#### React Testing Library
-
-We do not set up `react-testing-library` for you yet, we welcome contributions and documentation on this.
-
-### Rollup
-
-TSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.
-
-### TypeScript
-
-`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.
-
-## Continuous Integration
-
-### GitHub Actions
-
-Two actions are added by default:
-
-- `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix
-- `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit)
-
-## Optimizations
-
-Please see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations:
-
-```js
-// ./types/index.d.ts
-declare var __DEV__: boolean;
-
-// inside your code...
-if (__DEV__) {
-  console.log('foo');
-}
-```
-
-You can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions.
-
-## Module Formats
-
-CJS, ESModules, and UMD module formats are supported.
-
-The appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.
-
-## Deploying the Example Playground
-
-The Playground is just a simple [Parcel](https://parceljs.org) app, you can deploy it anywhere you would normally deploy that. Here are some guidelines for **manually** deploying with the Netlify CLI (`npm i -g netlify-cli`):
-
-```bash
-cd example # if not already in the example folder
-npm run build # builds to dist
-netlify deploy # deploy the dist folder
-```
-
-Alternatively, if you already have a git repo connected, you can set up continuous deployment with Netlify:
-
-```bash
-netlify init
-# build command: yarn build && cd example && yarn && yarn build
-# directory to deploy: example/dist
-# pick yes for netlify.toml
-```
-
-## Named Exports
-
-Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.
-
-## Including Styles
-
-There are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.
-
-For vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.
-
-## Publishing to NPM
-
-We recommend using [np](https://github.com/sindresorhus/np).
-
-## Usage with Lerna
-
-When creating a new package with TSDX within a project set up with Lerna, you might encounter a `Cannot resolve dependency` error when trying to run the `example` project. To fix that you will need to make changes to the `package.json` file _inside the `example` directory_.
-
-The problem is that due to the nature of how dependencies are installed in Lerna projects, the aliases in the example project's `package.json` might not point to the right place, as those dependencies might have been installed in the root of your Lerna project.
-
-Change the `alias` to point to where those packages are actually installed. This depends on the directory structure of your Lerna project, so the actual path might be different from the diff below.
-
-```diff
-   "alias": {
--    "react": "../node_modules/react",
--    "react-dom": "../node_modules/react-dom"
-+    "react": "../../../node_modules/react",
-+    "react-dom": "../../../node_modules/react-dom"
-   },
-```
-
-An alternative to fixing this problem would be to remove aliases altogether and define the dependencies referenced as aliases as dev dependencies instead. [However, that might cause other problems.](https://github.com/palmerhq/tsdx/issues/64)
+### React Rock
+`react-rock` is a very powerfull react state management system library. you can use it with your small and big application.
+
+
+### How to use
+`UserHandler.js`
+```js
+import {createState} from 'react-rock'
+
+const User = createState()
+
+export default User
+```
+
+```jsx
+import User from 'UserHandler'
+
+const App = () => {
+    const items = User.getAll()
+
+    return(
+        <div>
+            <ul>
+                {
+                    items.map(item => ...)
+                }
+            </ul>
+            <button onClick={() => {
+                User.insert({
+                    name: "",
+                    email: ""
+                })
+            }}>Add Item</button>
+        </div>
+    )
+}
+
+```
+
+## How to use in class component
+```js
+import {StateComponent} from 'react-rock'
+import User from 'UserHandler'
+
+class View extends StateComponent{
+
+  render(){
+    const items = User.getAll()
+
+    return (
+      <div>
+          <ul>
+            {
+                items.map(item => ...)
+            }
+          </ul>
+          <button onClick={() => {
+                User.insert({
+                    name: "",
+                    email: ""
+                })
+          }}>Add Item</button>
+        </div>
+    )
+  }
+}
+
+```
+
+## Methods
+
+```js
+import User from 'UserHandler'
+const users = User.find({name: "nax"})
+
+const users = User.find({
+  name: {
+    contain: "abc",
+    startWith: "a",
+    endWith: "@",
+  }
+})
+
+const users = User.find({
+  age: {
+    lt: 20,
+    gt: 10,
+
+    lte: 20,
+    gte: 10
+  }
+})
+
+```

package/dist/Finder.d.ts

@@ -0,0 +1,22 @@
+export type QueryValueType = {
+    contain?: string | number;
+    startWith?: string | number;
+    endWith?: string | number;
+    gt?: number;
+    lt?: number;
+    gte?: number;
+    lte?: number;
+};
+export type QueryType<Row = {}> = {
+    [key in keyof Row]?: string | number | null | undefined | QueryValueType;
+};
+export type FinderArgsType<Row> = {
+    getRow?: (row: Row, index: number) => Row | void;
+    skip?: number;
+    take?: number;
+};
+declare const Finder: <Row extends object>(rows: Row[], query: null | QueryType<Row>, args?: FinderArgsType<Row>) => {
+    rows: Row[];
+    indexes: number[];
+};
+export default Finder;

package/dist/Finder.js

@@ -0,0 +1,113 @@
+const isOb = (ob) => typeof ob === "object" && !Array.isArray(ob) && ob !== null;
+const isInQuery = (rowVlaue, queryObject) => {
+    let match = true;
+    for (let queryKey in queryObject) {
+        let queryVal = queryObject[queryKey];
+        switch (queryKey) {
+            case "contain":
+                if (!(typeof rowVlaue === 'string' && rowVlaue.search(queryVal) !== -1)) {
+                    match = false;
+                    break;
+                }
+                break;
+            case "startWith":
+                if (!(typeof rowVlaue === 'string' && rowVlaue.startsWith(queryVal))) {
+                    match = false;
+                    break;
+                }
+                break;
+            case "endWith":
+                if (!(typeof rowVlaue === 'string' && rowVlaue.endsWith(queryVal))) {
+                    match = false;
+                    break;
+                }
+                break;
+            case "lt":
+                if (!(typeof rowVlaue === 'number' && rowVlaue < queryVal)) {
+                    match = false;
+                    break;
+                }
+                break;
+            case "gt":
+                if (!(typeof rowVlaue === 'number' && rowVlaue > queryVal)) {
+                    match = false;
+                    break;
+                }
+                break;
+            case "lte":
+                if (!(typeof rowVlaue === 'number' && rowVlaue <= queryVal)) {
+                    match = false;
+                    break;
+                }
+                break;
+            case "gte":
+                if (!(typeof rowVlaue === 'number' && rowVlaue >= queryVal)) {
+                    match = false;
+                    break;
+                }
+                break;
+        }
+    }
+    return match;
+};
+const Finder = (rows, query, args) => {
+    let result = [];
+    let indexes = [];
+    for (let i = 0; i < rows.length; i++) {
+        let row = rows[i];
+        let found = false;
+        if (isOb(query)) {
+            for (let rowKey in query) {
+                let queryVal = query[rowKey];
+                if (!(rowKey in row))
+                    break;
+                if (isOb(queryVal)) {
+                    if (isInQuery(row[rowKey], queryVal)) {
+                        found = true;
+                    }
+                    else {
+                        found = false;
+                        break;
+                    }
+                }
+                else if (row[rowKey] === queryVal) {
+                    found = true;
+                }
+                else {
+                    found = false;
+                    break;
+                }
+            }
+        }
+        else {
+            found = true;
+        }
+        if (found) {
+            if (args?.getRow) {
+                let r = args.getRow({ ...row }, i);
+                if (r) {
+                    row = r;
+                }
+                else {
+                    continue;
+                }
+            }
+            result.push({ ...row, _index: i });
+            indexes.push(i);
+        }
+    }
+    const take = args?.take || result.length;
+    const skip = args?.skip || 0;
+    if (args?.take && args?.skip) {
+        result = result.splice(skip, take);
+    }
+    else if (!args?.skip && args?.take) {
+        result.splice(args.take);
+    }
+    else if (!args?.take && args?.skip) {
+        result = result.splice(args.skip);
+    }
+    return { rows: result, indexes };
+};
+export default Finder;
+//# sourceMappingURL=Finder.js.map

package/dist/Finder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Finder.js","sourceRoot":"","sources":["../src/Finder.ts"],"names":[],"mappings":"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"}

package/dist/StateComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare class StateComponent<P = {}, S = {}, SS = any> extends React.Component<P, S, SS> {
+    constructor(props: P);
+}

package/dist/StateComponent.js

@@ -0,0 +1,11 @@
+"use client";
+import React from 'react';
+export class StateComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        const R = this.render.bind(this);
+        this.render = () => React.createElement(React.Fragment, null,
+            React.createElement(R, null));
+    }
+}
+//# sourceMappingURL=StateComponent.js.map

package/dist/StateComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateComponent.js","sourceRoot":"","sources":["../src/StateComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,OAAO,cAAyC,SAAQ,KAAK,CAAC,SAAmB;IACnF,YAAY,KAAQ;QAChB,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAQ,CAAA;QACvC,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC;YAAE,oBAAC,CAAC,OAAG,CAAG,CAAA;IAClC,CAAC;CACJ"}

package/dist/index.d.ts

@@ -1,2 +1,5 @@
-import * as React from 'react';
-export declare const Thing: () => React.JSX.Element;
+import { IStateHandler } from './types';
+export * from './types';
+export * from './StateComponent';
+export declare const noDispatch: (cb: Function) => void;
+export declare const createState: <Row extends object, MetaProps extends object = {}>() => IStateHandler<Row, MetaProps>;

package/dist/index.js

@@ -1,8 +1,148 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./react-rock.cjs.production.min.js')
-} else {
-  module.exports = require('./react-rock.cjs.development.js')
-}
+import { useEffect, useId, useMemo, useState } from 'react';
+import Finder from './Finder';
+export * from './types';
+export * from './StateComponent';
+const _row = (row) => {
+    return {
+        ...row,
+        _id: row._id || _uid(),
+        _observe: row._observe || _random()
+    };
+};
+const _random = () => Date.now() + Math.floor(1000 + Math.random() * 9000);
+const _uid = () => _random().toString(32).replace("-", "").substring(0, 15);
+let activeDispatch = true;
+export const noDispatch = (cb) => {
+    activeDispatch = false;
+    cb();
+    activeDispatch = true;
+};
+export const createState = () => {
+    let DATA = [];
+    let META = new Map();
+    const STATE_INFO = {
+        dispatches: new Map(),
+        observe: 0,
+        meta_observe: 0
+    };
+    const _dispatch = (type) => {
+        STATE_INFO[type == "meta" ? "meta_observe" : "observe"] = Math.random();
+        activeDispatch && STATE_INFO.dispatches.forEach(d => d.type === type && d.cb());
+    };
+    const useHook = (type) => {
+        const id = useId();
+        const [, dispatch] = useState(0);
+        useEffect(() => {
+            STATE_INFO.dispatches.set(id, { type, cb: () => dispatch(Math.random()) });
+            return () => {
+                STATE_INFO.dispatches.delete(id);
+            };
+        }, []);
+    };
+    class StateHandler {
+        static create(row) {
+            const r = _row(row);
+            DATA.push(r);
+            _dispatch("state");
+            return r;
+        }
+        static createMany(rows) {
+            for (let row of rows) {
+                const r = _row(row);
+                DATA.push(r);
+            }
+            _dispatch("state");
+        }
+        static update(row, where, args) {
+            Finder(DATA, where, {
+                ...args,
+                getRow: (r, index) => {
+                    args?.getRow && args.getRow(r, index);
+                    DATA[index] = _row({ ...r, ...row });
+                }
+            });
+            _dispatch("state");
+        }
+        static updateAll(row) {
+            for (let i = 0; i < DATA.length; i++) {
+                DATA[i] = _row({ ...DATA[i], ...row });
+            }
+            _dispatch("state");
+        }
+        static delete(where, args) {
+            const found = Finder(DATA, where, args);
+            for (let index of found.indexes) {
+                DATA.splice(index, 1);
+            }
+            _dispatch("state");
+        }
+        static clearState() {
+            DATA = [];
+            _dispatch("state");
+        }
+        static getAll(args) {
+            try {
+                useHook("state");
+                return useMemo(() => Finder(DATA, null, args).rows, [STATE_INFO.observe]);
+            }
+            catch (error) {
+                return Finder(DATA, null, args);
+            }
+        }
+        static find(where, args) {
+            try {
+                useHook("state");
+                return useMemo(() => Finder(DATA, where, args).rows, [STATE_INFO.observe]);
+            }
+            catch (error) {
+                return Finder(DATA, where, args).rows;
+            }
+        }
+        static findFirst(where) {
+            return StateHandler.find(where)[0];
+        }
+        static findById(_id) {
+            return StateHandler.findFirst({ _id });
+        }
+        static move(oldIdx, newIdx) {
+            const row = DATA[oldIdx];
+            if (row) {
+                DATA.splice(oldIdx, 1);
+                DATA.splice(newIdx, 0, _row(row));
+                _dispatch("state");
+            }
+        }
+        static setMeta(key, value) {
+            META.set(key, value);
+            _dispatch("meta");
+        }
+        static getMeta(key, def) {
+            try {
+                useHook("meta");
+                return META.get(key) || def;
+            }
+            catch (error) {
+                return META.get(key) || def;
+            }
+        }
+        static getAllMeta() {
+            try {
+                useHook("meta");
+                return useMemo(() => Object.fromEntries(META), [STATE_INFO.meta_observe]);
+            }
+            catch (error) {
+                return Object.fromEntries(META);
+            }
+        }
+        static deleteMeta(key) {
+            META.delete(key);
+            _dispatch("meta");
+        }
+        static clearMeta() {
+            META.clear();
+            _dispatch("meta");
+        }
+    }
+    return StateHandler;
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,28 @@
+import { FinderArgsType, QueryType } from "./Finder";
+export type StateDataType = "state" | "meta";
+export type RowPredefinedFields = {
+    _id: string;
+    _index: number;
+    _observe: number;
+};
+export type RowType<Row> = Row & RowPredefinedFields;
+export type WhereType<Row> = QueryType<RowType<Row>>;
+export type ArgsType<Row> = FinderArgsType<RowType<Row>>;
+export interface IStateHandler<Row, MetaProps> {
+    create(row: Row): RowType<Row>;
+    createMany(rows: Row[]): void;
+    update(row: Partial<Row>, where: WhereType<Row>, args?: ArgsType<Row>): void;
+    updateAll(row: Partial<Row>): void;
+    delete(where: WhereType<Row>, args?: ArgsType<Row>): void;
+    clearState(): void;
+    getAll(args?: ArgsType<Row>): RowType<Row>[];
+    find(where: WhereType<Row>, args?: ArgsType<Row>): RowType<Row>[];
+    findFirst(where: WhereType<Row>): RowType<Row>;
+    findById(_id: string): RowType<Row>;
+    move(oldIdx: number, newIdx: number): void;
+    setMeta<T extends keyof MetaProps>(key: T, value: MetaProps[T]): void;
+    getMeta<T extends keyof MetaProps>(key: T, def?: any): MetaProps[T];
+    getAllMeta(): MetaProps;
+    deleteMeta<T extends keyof MetaProps>(key: T): void;
+    clearMeta(): void;
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,61 +1,38 @@
-{
-  "version": "0.1.0",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "engines": {
-    "node": ">=10"
-  },
-  "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build",
-    "size": "size-limit",
-    "analyze": "size-limit --why"
-  },
-  "peerDependencies": {
-    "react": ">=16"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
-  },
-  "prettier": {
-    "printWidth": 80,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5"
-  },
-  "name": "react-rock",
-  "author": "Naxrul Ahmed",
-  "module": "dist/react-rock.esm.js",
-  "size-limit": [
-    {
-      "path": "dist/react-rock.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/react-rock.esm.js",
-      "limit": "10 KB"
-    }
-  ],
-  "devDependencies": {
-    "@size-limit/preset-small-lib": "^11.0.2",
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.18",
-    "husky": "^9.0.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "size-limit": "^11.0.2",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.6.2",
-    "typescript": "^3.9.10"
-  }
-}
+{
+  "version": "3.0.2",
+  "name": "react-rock",
+  "author": "Naxrul Ahmed",
+  "module": "dist/index.js",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "start": "parcel --no-cache index.html",
+    "build": "npx rimraf ./dist && npx tsc",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "devDependencies": {
+    "@size-limit/preset-small-lib": "^11.1.4",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "parcel": "^2.12.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.5.3"
+  }
+}

package/dist/react-rock.cjs.development.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-// Delete me
-var Thing = function Thing() {
-  return React.createElement("div", null, "the snozzberries taste like snozzberries");
-};
-
-exports.Thing = Thing;
-//# sourceMappingURL=react-rock.cjs.development.js.map

package/dist/react-rock.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-rock.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\n\n// Delete me\nexport const Thing = () => {\n  return <div>the snozzberries taste like snozzberries</div>;\n};\n"],"names":["Thing","React"],"mappings":";;;;;;AAEA;IACaA,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOC,4EAAmD;AAC5D;;;;"}

package/dist/react-rock.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.Thing=function(){return e.createElement("div",null,"the snozzberries taste like snozzberries")};
-//# sourceMappingURL=react-rock.cjs.production.min.js.map

package/dist/react-rock.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-rock.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\n\n// Delete me\nexport const Thing = () => {\n  return <div>the snozzberries taste like snozzberries</div>;\n};\n"],"names":["React"],"mappings":"yGAGqB,WACnB,OAAOA"}

package/dist/react-rock.esm.js

@@ -1,9 +0,0 @@
-import { createElement } from 'react';
-
-// Delete me
-var Thing = function Thing() {
-  return createElement("div", null, "the snozzberries taste like snozzberries");
-};
-
-export { Thing };
-//# sourceMappingURL=react-rock.esm.js.map

package/dist/react-rock.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-rock.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\n\n// Delete me\nexport const Thing = () => {\n  return <div>the snozzberries taste like snozzberries</div>;\n};\n"],"names":["Thing","React"],"mappings":";;AAEA;IACaA,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOC,sEAAmD;AAC5D;;;;"}

package/src/index.tsx

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-// Delete me
-export const Thing = () => {
-  return <div>the snozzberries taste like snozzberries</div>;
-};