anim-3d-obj 1.0.13 → 1.0.14

package/README.md

@@ -1,9 +1,108 @@
-This is component-library files on here are imported from: https://github.com/mdnelles/anim-3d-objs-launcher
 
-That version is browser launchable (has App.tsx file)
+# React Typescript Cuboid Builder
 
-This repo is for the npm published version
+This project allows a user to create Cuboids of any size simply by entering a set of parameters.  
+The program does the leg work with regard to calculating translationZ depth and config on the fly.
 
-## IMPORTANT
 
-be sure and run `npm run build` then run `npm publish`
+
+## Deployment
+
+Install sequence
+
+```
+git clone https://github.com/mdnelles/anim-3d-objs.git
+npm i
+npm run start
+```
+
+## Examples
+All sided simple https://codesandbox.io/s/anim-3d-obj-all-sides-simple-sdy1q0
+
+Two sided simple https://codesandbox.io/s/anim-3d-obj-2-sides-simple-9wognm
+
+90 degree wobble on X axis https://codesandbox.io/s/anim-3d-obj-wobblex-08mxqe
+
+speed wobble(y) 3 sides https://codesandbox.io/s/anim-3d-obj-3-sides-wobble-y-axis-dceqdp
+
+## Authors
+
+- [@mdnelles](https://github.com/mdnelles)
+
+
+## Demo
+
+The following code
+
+```
+const indivStyles: object = {
+      // // face individual styles (over rides global)
+      bottom: {
+         bfv: "visible",
+         fontFamily: "Helvetica",
+      },
+      front: {
+         border: "1px solid #f00",
+         bgc: "#f00",
+         bfv: "visible",
+         fontFamily: "Arial, Sans",
+      },
+      left: {
+         bgc: "yellow",
+      },
+      top: {
+         bgc: "pink",
+      },
+      right: {
+         bgc: "purple",
+      },
+      back: {
+         border: "1px solid #f00",
+         bgc: "#0f0",
+         bfv: "visible",
+         fontFamily: "Arial, Sans",
+      },
+   };
+```
+
+and 
+```
+         <Cuboid
+            width={260}
+            depth={260}
+            height={92}
+            perspectiveOrigin='50% 50%'
+            zIndex={10}
+            animSpecs={animSpecs}
+            indivStyles={indivStyles}
+            faces={faceprops}
+            globalStyles={globalStyles}
+         >
+            {}
+         </Cuboid>
+```
+
+will produce the following
+
+![Logo](https://raw.githubusercontent.com/mdnelles/objs-local/main/img.png?token=GHSAT0AAAAAABQVNJ4VATWQM4SI3LXSTDZWYVDOL7Q)
+
+##Face Format
+for things like `background-image: url("myImg.png");` they can be done in `moreStyles` argument.
+```
+   const Specs: any = styled.div`
+      opacity: ${!!opac ? opac : globalStyles.opac};
+      position: ${position};
+      left: ${left};
+      margin: ${margin};
+      padding: ${padding};
+      width: ${width}px;
+      font-family: ${fontFamily};
+      height: ${height}px;
+      background-color: ${!!bgc ? bgc : globalStyles.bgc};
+      border: ${!!border ? border : globalStyles.border};
+      backface-visibility: ${!!bfv ? bfv : globalStyles.bfv};
+      ${transform}
+      top: ${top};
+      ${moreStyles}
+   `;
+```

package/dist/cjs/components/index.d.ts

@@ -1 +1,2 @@
+export * from './Button';
 export * from './Cuboid';

package/dist/cjs/components/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-//export * from './Button';
+__exportStar(require("./Button"), exports);
 __exportStar(require("./Cuboid"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2BAA2B;AAC3B,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB"}

package/dist/esm/components/index.d.ts

@@ -1 +1,2 @@
+export * from './Button';
 export * from './Cuboid';

package/dist/esm/components/index.js

@@ -1,3 +1,3 @@
-//export * from './Button';
+export * from './Button';
 export * from './Cuboid';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/package.json

@@ -2,10 +2,10 @@
     "name": "anim-3d-obj",
     "repository": {
         "type": "git",
-        "url": "https://github.com/mdnelles/anim-3d-objs-launcher"
+        "url": "https://github.com/joeythelantern/Component-Library.git"
     },
     "homepage": "https://github.com/mdnelles/anim-3d-objs",
-    "version": "1.0.13",
+    "version": "1.0.14",
     "description": "A component library for getting people started with easy to re-use components for everyday projects.",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -17,7 +17,7 @@
         "build:esm": "tsc",
         "build:cjs": "tsc --module CommonJS --outDir dist/cjs"
     },
-    "author": "mnelles",
+    "author": "mdnelles",
     "license": "MIT",
     "devDependencies": {
         "@types/node": "^17.0.21",