@teleporthq/teleport-component-generator-reactnative - npm Package Versions

published 0.15.0 • 4 years ago

Changelog

v0.15.0 (2020-12-11)

:nail_care: Style Flavours

#503 (feat): Define and use design tokens in root. And use them for styles, media queries and project style sheets.

Design tokens are here, you can deifne basic tokens which in returns converts into css-variablees in the projects generated. All, we need to do is, define a simple designLanguage field in the root of the ProjectUIDL.

And then start using the tokens in the UIDL using

{
    ...
   "style":{
      "flex":"1",
      "color":{
         "type":"dynamic",
         "content":{
            "referenceType":"token",
            "id":"blue-500"
         }
      }
   }
}

You can use these tokens in

Project Styles
Media Queries inside project styles
Inline Styles

Supports all style-flavours that we currently support.

css-variables in css / css-modules based templates (css, css-modules, styled-jsx),
Tokens / contants in CSS-In-JS based libraries (styled-components, jss)

:earth_asia: Core

#507 feat(vuild): exposing vuidl for better Dx for integrations We are exporting UIDL types from @teleporthq/teleport-types like, ComponentUIDL, ProjectUIDL etc. But these are mostly used for internal implementations. The syntax for UIDL is much more simpler than this.

For example, if we define a simple UIDLNode with styles.

{
  "type":"element",
  "content":{
     "elementType":"text",
     "style":{
        "width":"200px"
     },
     "children":[
        {
           "type":"static",
           "content":"Hello World!"
        }
     ]
  }
}

The generators pass this through resolving step and generates nodes. But when you use UIDLElement it throws error. Since UIDLElement expects the style to be UIDLStyleDefinitions which in return says that the style should be

{
  "width":{
     "type":"static",
     "content":"200px"
  }
}

But, we don't actually need to define static nodes this way, samee thing applies to static children in UIDL. So, start using VComponentUIDL from @teleporthq/teleport-types https://repl.teleporthq.io/?uidlLink=lrvw58rmbqcxpr4dsrfrv

These VUIDL helps in writing more compact and human redeable UIDL's. For more types that are exported, please check --> https://github.com/teleporthq/teleport-code-generators/blob/development/packages/teleport-types/src/vuidl.ts (@JayaKrishnaNamburu)

#505 refactor(validator): improved validation checks for used tokens and project style references (@JayaKrishnaNamburu)
#503 (feat): Define and use design tokens in root. And use them for styles, media queries and project style sheets

:bug: Bug Fix

teleport-project-generator
- #513 fix(proj-generator): fixed path mapping if the style sheet is from the same folder.

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.14.0

published 0.14.0 • 4 years ago

Changelog

v0.14.0 (2020-10-23)

:electric_plug: Angular Generators

#496 fix(angular-base): ignore imports for frameworks like angular. External imports added directly in modules for Angular. (@JayaKrishnaNamburu)

:bug: Bug Fix

teleport-plugin-common
- #493 fix: addAttributeToJSXTag when attr's value is boolean. Fixed attribute value generation, if the attribute's vlaue is boolean. (@good-father)
teleport-uidl-resolver
- #491 refactor(html-mappings): add linebreak to html mappings (@ionutpasca)

:house: Docs

teleport-plugin-common, teleport-project-generator
- #485 Fix typo's in HAST-Builders (@teeteejo)

:fire: Refactoring

#490 refactor(publisher-vercel): rename from now-publisher to vercel (@creativenull)

Committers: 6

Arnold Chand (@creativenull)
Jaya Krishna Namburu (@JayaKrishnaNamburu)
Marek (@mrewers)
Pașca Ionuț (@ionutpasca)
@teeteejo
好爸爸 (@good-father)

0.13.3

published 0.13.3 • 4 years ago

Changelog

v0.13.3 (2020-09-16)

:bug: Bug Fix

teleport-types
- #484 fix(types): type check correction for default types in Style Variations (@JayaKrishnaNamburu)

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.13.1

published 0.13.1 • 4 years ago

Changelog

v0.13.1 (2020-09-15)

:bug: Bug Fix

teleport-plugin-react-styled-components, teleport-plugin-react-styled-jsx, teleport-test
- #481 fix(styles): fixed issue for refering to project styles when no styles are present on the node. We can now refer to a style in project-stylesheet even if the node doesn't have any styles on it. (@JayaKrishnaNamburu)

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.13.0

published 0.13.0 • 4 years ago

Changelog

v0.13.0 (2020-09-09)

:rocket: New Features

#478 feat(core): importing modules or packages and using them as reference for nodes (@JayaKrishnaNamburu)

:electric_plug: Preact Generators

#480 refactor(preact-template): upgrading preact to use preact x (@JayaKrishnaNamburu)

:earth_asia: Core

#478 feat(core): importing modules or packages and using them as reference for nodes (@JayaKrishnaNamburu)

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.12.4

published 0.12.4 • 5 years ago

Changelog

v0.12.4 (2020-08-11)

:bug: Bug Fix

teleport-plugin-css-modules
- #475 fix(css-modules): importing project styles at first than local styles (@JayaKrishnaNamburu)

:fire: Refactoring

teleport-component-generator, teleport-plugin-jsx-head-config, teleport-plugin-reactnative-app-routing, teleport-plugin-vue-app-routing, teleport-types, teleport-uidl-validator
- #471 refactor(teleport-types): refactored checkes and validators for UIDLDependency (@JayaKrishnaNamburu)

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.12.3

published 0.12.3 • 5 years ago

Changelog

v0.12.3 (2020-07-21)

:rocket: New Features

teleport-code-generator, teleport-plugin-css-modules, teleport-plugin-css, teleport-plugin-react-jss, teleport-plugin-react-styled-components, teleport-plugin-react-styled-jsx
- #460 refactor(code-generator): allowing code-generator to pass options to component-generators (@JayaKrishnaNamburu)

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.12.2

published 0.12.2 • 5 years ago

Changelog

v0.12.2 (2020-07-20)

:rocket: New Features

#459 feat(proj-styles): adding support for conditions on project-styles (@JayaKrishnaNamburu)

Committers: 1

Jaya Krishna Namburu (@JayaKrishnaNamburu)

0.12.1

published 0.12.1 • 5 years ago

Changelog