Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@lu-development/ux-mylu-patterns-react
Advanced tools
@lu-development/ux-mylu-patterns-react - npm Package Compare versions
Comparing version 0.3.0-dev.201906042118.f84556a to 0.3.0-dev.201906062138.28b1f02
@@ -8,1 +8,5 @@ /// <reference types="react" /> | ||
| }, "hidden" | "dir" | "slot" | "style" | "title" | "contextmenu" | "color" | "children" | "className" | "key" | "actionBackgroundColor" | "actionIcon" | "imgUrl" | "onMyluAvatarClicked" | "showAction" | "innerHTML" | "accessKey" | "class" | "contentEditable" | "contenteditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "spellcheck" | "tabIndex" | "tabindex" | "inputMode" | "inputmode" | "is" | "radioGroup" | "radiogroup" | "part" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autocapitalize" | "autoCorrect" | "autocorrect" | "autoSave" | "autosave" | "itemProp" | "itemprop" | "itemScope" | "itemscope" | "itemType" | "itemtype" | "itemID" | "itemid" | "itemRef" | "itemref" | "results" | "security" | "unselectable" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDblClick" | "onDblClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLMyluAvatarElement>>; | ||
| export declare const MyluSetMenu: import("react").ForwardRefExoticComponent<Pick<JSX.MyluSetMenu & ReactProps & { | ||
| ref?: import("react").RefObject<HTMLMyluSetMenuElement>; | ||
| children?: import("react").ReactNode; | ||
| }, "hidden" | "dir" | "slot" | "style" | "title" | "contextmenu" | "color" | "children" | "className" | "key" | "innerHTML" | "accessKey" | "class" | "contentEditable" | "contenteditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "spellcheck" | "tabIndex" | "tabindex" | "inputMode" | "inputmode" | "is" | "radioGroup" | "radiogroup" | "part" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autocapitalize" | "autoCorrect" | "autocorrect" | "autoSave" | "autosave" | "itemProp" | "itemprop" | "itemScope" | "itemscope" | "itemType" | "itemtype" | "itemID" | "itemid" | "itemRef" | "itemref" | "results" | "security" | "unselectable" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAuxClick" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDblClick" | "onDblClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sets"> & import("react").RefAttributes<HTMLMyluSetMenuElement>>; |
@@ -5,2 +5,3 @@ import { defineCustomElements } from '@lu-development/ux-mylu-patterns/dist/loader'; | ||
| export const MyluAvatar = createReactComponent('mylu-avatar'); | ||
| export const MyluSetMenu = createReactComponent('mylu-set-menu'); | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "name": "@lu-development/ux-mylu-patterns-react", | ||
| "version": "0.3.0-dev.201906042118.f84556a", | ||
| "version": "0.3.0-dev.201906062138.28b1f02", | ||
| "description": "React specific wrapper for @lu-development/ux-mylu-patterns", | ||
@@ -8,4 +8,5 @@ "keywords": [], | ||
| "scripts": { | ||
| "installModules": "npm install", | ||
| "build": "npm run clean && npm run compile", | ||
| "install.modules": "npm install", | ||
| "build": "npm run clean && npm run compile && npm run copy.patterns", | ||
| "copy.patterns": "node scripts/copy-patterns.js", | ||
| "clean": "rm -rf dist", | ||
@@ -15,3 +16,5 @@ "compile": "npm run tsc", | ||
| "tsc": "tsc -p .", | ||
| "test": "jest" | ||
| "test": "jest", | ||
| "validate": "npm run test && npm run build", | ||
| "prerelease": "npm run validate && np prerelease --yolo --any-branch --tag next" | ||
| }, | ||
@@ -22,3 +25,4 @@ "main": "./dist/index.js", | ||
| "files": [ | ||
| "dist/" | ||
| "dist/", | ||
| "css/" | ||
| ], | ||
@@ -33,5 +37,7 @@ "devDependencies": { | ||
| "@types/react-router-dom": "^4.3.1", | ||
| "fs-extra": "^8.0.1", | ||
| "jest": "^23.0.0", | ||
| "jest-dom": "^3.0.2", | ||
| "np": "^3.1.0", | ||
| "path": "^0.12.7", | ||
| "react": "^16.7.0", | ||
@@ -43,7 +49,6 @@ "react-dom": "^16.7.0", | ||
| "ts-jest": "^23.10.5", | ||
| "typescript": "^3.2.2", | ||
| "@stencil/core": "1.0.0-beta.8" | ||
| "typescript": "^3.2.2" | ||
| }, | ||
| "dependencies": { | ||
| "@lu-development/ux-mylu-patterns": "0.3.0-dev.201906042118.f84556a" | ||
| "@lu-development/ux-mylu-patterns": "0.3.0-dev.201906062138.28b1f02" | ||
| }, | ||
@@ -50,0 +55,0 @@ "peerDependencies": { |
@@ -1,64 +0,3 @@ | ||
| ## @ionic/react (beta) | ||
| ## @lu-development/ux-mylu-patterns-react | ||
| These are React specific building blocks on top of [@ionic/core](https://www.npmjs.com/package/@ionic/core) components/services. | ||
| To get started simply install `@ionic/react` and `@ionic/core` with npm into your project. We recommend you use `create-react-app` to get started | ||
| and to use TypeScript for the best experience. | ||
| We are currently working on providing more detailed documentation on usage but please refer to our example application for now. | ||
| If you would like to see an example app of the implementation please go to our [react conference app](https://github.com/ionic-team/ionic-react-conference-app) | ||
| # Current Status of Components | ||
| Below is a list of components yet to be implemented. More information about | ||
| | Component | | ||
| | ------------------ | | ||
| | `IonInfiniteScroll` | | ||
| | `IonVirtualScroll` | | ||
| ## Publishing a Native Application | ||
| You can now make use of all of the ionic components in your React application. | ||
| If you want to publish your app to the App Store or Google Play you will need to use the ionic cli to execute Capacitor commands to do so. | ||
| More information on this can be found here. https://ionicframework.com/docs/cli | ||
| If you want to learn more about Capacitor our dedicated site can be found here. https://capacitor.ionicframework.com/ | ||
| The commands that you will need to execute are below in your project's root. | ||
| ```sh | ||
| ionic init "My React App" --type=custom | ||
| ionic integrations enable capacitor | ||
| ``` | ||
| Open the './capacitor.config.json' file in your projects root. | ||
| Change `"webDir": "www"` to be `"webDir": "build"` (dependent on your config but create-react-app defaults with this as the build directory) | ||
| Then run the following command to get started with either `ios` or `android` platforms. | ||
| ``` | ||
| ionic capacitor add <android|ios> | ||
| ``` | ||
| After build you build your app you will need to copy your capacitor resources into the build dir so execute the following command. | ||
| ``` | ||
| ionic capacitor copy | ||
| ``` | ||
| To open your application to build/emulate in Android Studio or Xcode run the `open` command. | ||
| ``` | ||
| ionic capacitor open <android|ios> | ||
| ``` | ||
| ## Related | ||
| * [Ionic Documentation](https://ionicframework.com/docs/) | ||
| * [Ionic Worldwide Slack](http://ionicworldwide.herokuapp.com/) | ||
| * [Ionic Forum](https://forum.ionicframework.com/) | ||
| * [Ionicons](http://ionicons.com/) | ||
| * [Capacitor](https://capacitor.ionicframework.com/) | ||
| ## License | ||
| * [MIT](https://raw.githubusercontent.com/ionic-team/ionic/master/LICENSE) | ||
| These are React specific building blocks on top of @lu-development/ux-mylu-patterns components/services. |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by124.62%
47799
- Number of package files
- increased by30.77%
34
- Lines of code
- increased by8.21%
211
Worsened metrics
- Dev dependency count
- increased by5.56%
19
- Number of lines in readme file
- decreased by-93.85%
4