Update packages to new name (#229)
# Pull Request ## 📖 Description <!--- Provide some background and a description of your work. --> Commensurate with the update of this repository to "design-to-code" all packages have been udpated. This means the following packages are now changed: - `@microsoft/fast-tooling` -> `@microsoft/design-to-code` - `@microsoft/fast-tooling-react` -> `@microsoft/design-to-code-react` - `@microsoft/fast-tooling-wasm` -> `@microsoft/design-to-code-wasm` ### 🎫 Issues <!--- List and link relevant issues here using the keyword "closes" if this PR will close an issue, eg. closes #411 --> #223 ## 👩💻 Reviewer Notes <!--- Provide some notes for reviewers to help them provide targeted feedback and testing. --> Check for any missed instances of FAST Tooling, fast-tooling etc. ## ✅ Checklist ### General <!--- Review the list and put an x in the boxes that apply. --> - [ ] I have added tests for my changes. - [x] I have tested my changes. - [x] I have updated the project documentation to reflect my changes. ## ⏭ Next Steps <!--- If there is relevant follow-up work to this PR, please list any existing issues or provide brief descriptions of what you would like to do next. --> - Publish packages
This commit is contained in:
Родитель
0415f3bf90
Коммит
438c89a1a2
|
@ -21,9 +21,9 @@ body:
|
|||
label: What package(s) are causing the problem?
|
||||
multiple: true
|
||||
options:
|
||||
- "@microsoft/fast-tooling"
|
||||
- "@microsoft/fast-tooling-react"
|
||||
- "@microsoft/fast-tooling-wasm"
|
||||
- "@microsoft/design-to-code"
|
||||
- "@microsoft/design-to-code-react"
|
||||
- "@microsoft/design-to-code-wasm"
|
||||
- type: dropdown
|
||||
id: browsers
|
||||
attributes:
|
||||
|
|
|
@ -13,9 +13,9 @@ body:
|
|||
label: What package(s) should this feature be added to?
|
||||
multiple: true
|
||||
options:
|
||||
- "@microsoft/fast-tooling"
|
||||
- "@microsoft/fast-tooling-react"
|
||||
- "@microsoft/fast-tooling-wasm"
|
||||
- "@microsoft/design-to-code"
|
||||
- "@microsoft/design-to-code-react"
|
||||
- "@microsoft/design-to-code-wasm"
|
||||
- type: textarea
|
||||
id: summary
|
||||
attributes:
|
||||
|
|
|
@ -71,4 +71,4 @@ jobs:
|
|||
webhook_token: ${{ secrets.DISCORD_NOTIFICATION_WEBHOOK_TOKEN }}
|
||||
color: "#DE2D6D"
|
||||
username: "FAST DevOps Bot"
|
||||
message: "Publishing has completed on https://github.com/microsoft/fast-tooling/actions"
|
||||
message: "Publishing has completed on https://github.com/microsoft/design-to-code/actions"
|
||||
|
|
|
@ -85,7 +85,7 @@ If you are merging a pull request, be sure to use the pull request title as the
|
|||
For further reading on how commits are created through the GitHub interface during pull request merging, read this [article](https://docs.github.com/en/github/collaborating-with-pull-requests/incorporating-changes-from-a-pull-request/merging-a-pull-request#merging-a-pull-request).
|
||||
### Documenting breaking changes
|
||||
|
||||
Make sure to document the migration strategy in a `MIGRATION.md` file in the package(s) that has breaking changes, eg. `packages/fast-tooling/MIGRATION.md`.
|
||||
Make sure to document the migration strategy in a `MIGRATION.md` file in the package(s) that has breaking changes, eg. `packages/design-to-code/MIGRATION.md`.
|
||||
|
||||
Example of how to format `MIGRATION.md`:
|
||||
|
||||
|
@ -100,7 +100,7 @@ Example of how to format `MIGRATION.md`:
|
|||
|
||||
### Recommended settings for Visual Studio Code
|
||||
|
||||
You can use any code editor you like when working with the FAST Tooling monorepo. One of our favorites is [Visual Studio Code](https://code.visualstudio.com/). VS Code has great autocomplete support for TypeScript and JavaScript APIs, as well as a rich ecosystem of plugins.
|
||||
You can use any code editor you like when working with the Design to Code monorepo. One of our favorites is [Visual Studio Code](https://code.visualstudio.com/). VS Code has great autocomplete support for TypeScript and JavaScript APIs, as well as a rich ecosystem of plugins.
|
||||
|
||||
Default VS Code settings for this project are configured as [Workspace settings](https://code.visualstudio.com/docs/getstarted/settings) in the `.vscode` directory. These settings override user settings for the workspace and are configured to ensure consistent code formatting across different environments. We also include a list of [Workspace recommended extensions](https://code.visualstudio.com/docs/editor/extension-marketplace#_workspace-recommended-extensions) for VS Code for syntax highlighting and code linting.
|
||||
|
||||
|
|
|
@ -8,12 +8,12 @@ Beachball is configured for patches and minor changes in a single file (`./beach
|
|||
|
||||
Running `npm run change` triggers an interactive process on the command line to capture the type and description of the change. These details are used to generate a file in the `./change/*` folder. Change file names are formatted as `{package-name}-{guid}.json` with the following example.
|
||||
|
||||
File location and name: `change/@microsoft-fast-tooling-4685ad54-b24a-4d2b-b160-519d410f468d.json`
|
||||
File location and name: `change/@microsoft-design-to-code-4685ad54-b24a-4d2b-b160-519d410f468d.json`
|
||||
```json
|
||||
{
|
||||
"type": "minor",
|
||||
"comment": "Add fancy new feature for components.",
|
||||
"packageName": "@microsoft/fast-tooling",
|
||||
"packageName": "@microsoft/design-to-code",
|
||||
"email": "name@example.com",
|
||||
"dependentChangeType": "minor",
|
||||
"date": "2021-03-01T19:10:06.323Z"
|
||||
|
@ -23,7 +23,7 @@ File location and name: `change/@microsoft-fast-tooling-4685ad54-b24a-4d2b-b160-
|
|||
More information on the change process and change types can be found on the [Beachball website](https://microsoft.github.io/beachball/cli/change.html#change).
|
||||
:::
|
||||
|
||||
These changes are then committed and submitted as a pull request for code review. Once approved and merged into `main` the continuous delivery (CD) process awaits, located on GitHub Actions [CD - Publisher](https://github.com/microsoft/fast-tooling/blob/main/.github/workflows/cd-publish.yml) workflow. This process is triggered every Sunday through Thursday night or on-demand available for repository code owners.
|
||||
These changes are then committed and submitted as a pull request for code review. Once approved and merged into `main` the continuous delivery (CD) process awaits, located on GitHub Actions [CD - Publisher](https://github.com/microsoft/design-to-code/blob/main/.github/workflows/cd-publish.yml) workflow. This process is triggered every Sunday through Thursday night or on-demand available for repository code owners.
|
||||
|
||||
Once fired, the `./change/*` files are used as instructions for Beachball's [Semantic versioning](https://semver.org/) and changelog generation. The process then runs `npm run publish-ci` to publish new package versions to the NPM registry. Publishing to the NPM registry requires a GitHub Secret `NPM_TOKEN` which can be found on the NPM User account for the "Access Tokens" page.
|
||||
|
||||
|
|
18
README.md
18
README.md
|
@ -2,31 +2,29 @@
|
|||
|
||||
This is the Design to Code project, containing a set of packages that can be combined to create complex workflows. The goal of these workflows is to allow users to create and modify their own web based experiences, from individual web components to completed web sites.
|
||||
|
||||
This project is not to be confused with its related project [FAST](https://github.com/microsoft/fast), a set of libraries for creating native web components and design systems.
|
||||
|
||||
## Packages
|
||||
|
||||
### `@microsoft/fast-tooling`
|
||||
### `@microsoft/design-to-code`
|
||||
|
||||
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
|
||||
[![npm version](https://badge.fury.io/js/@microsoft%2Ffast-tooling.svg)](https://badge.fury.io/js/@microsoft%2Ffast-tooling)
|
||||
[![npm version](https://badge.fury.io/js/@microsoft%2Fdesign-to-code.svg)](https://badge.fury.io/js/@microsoft%2Fdesign-to-code)
|
||||
|
||||
The `@microsoft/fast-tooling` package contains a web worker referred to as the Message System and infrastructure for registering, posting, and receiving messages that aide in editing and navigating a serializable data structure that maps to JSON schema. There are also various services available to integrate commonly used libraries with the Message System, such as AJV and the Monaco Editor. To learn more, check out the package [README](./packages/fast-tooling).
|
||||
The `@microsoft/design-to-code` package contains a web worker referred to as the Message System and infrastructure for registering, posting, and receiving messages that aide in editing and navigating a serializable data structure that maps to JSON schema. There are also various services available to integrate commonly used libraries with the Message System, such as AJV and the Monaco Editor. To learn more, check out the package [README](./packages/design-to-code).
|
||||
|
||||
### `@microsoft/fast-tooling-react`
|
||||
### `@microsoft/design-to-code-react`
|
||||
|
||||
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
|
||||
[![npm version](https://badge.fury.io/js/@microsoft%2Ffast-tooling-react.svg)](https://badge.fury.io/js/@microsoft%2Ffast-tooling-react)
|
||||
[![npm version](https://badge.fury.io/js/@microsoft%2Fdesign-to-code-react.svg)](https://badge.fury.io/js/@microsoft%2Fdesign-to-code-react)
|
||||
|
||||
The `@microsoft/fast-tooling-react` package contains various React components that work with the message system provided by `@microsoft/fast-tooling` to edit data, render data as HTML, and navigate data. To learn more, check out the package [README](./packages/fast-tooling-react).
|
||||
The `@microsoft/design-to-code-react` package contains various React components that work with the message system provided by `@microsoft/design-to-code` to edit data, render data as HTML, and navigate data. To learn more, check out the package [README](./packages/design-to-code-react).
|
||||
|
||||
## Joining the Community
|
||||
|
||||
Looking to get answers to questions or engage with us in realtime? Our community is most active [on Discord](https://discord.gg/FcSNfg4). Submit requests and issues on [GitHub](https://github.com/microsoft/fast-tooling/issues/new/choose), or join us by contributing on [some good first issues via GitHub](https://github.com/microsoft/fast-tooling/labels/community:good-first-issue).
|
||||
Looking to get answers to questions or engage with us in realtime? Our community is most active [on Discord](https://discord.gg/FcSNfg4). Submit requests and issues on [GitHub](https://github.com/microsoft/design-to-code/issues/new/choose), or join us by contributing on [some good first issues via GitHub](https://github.com/microsoft/design-to-code/labels/community:good-first-issue).
|
||||
|
||||
We look forward to building an amazing open source community with you!
|
||||
|
||||
## Contact
|
||||
|
||||
* Join the community and chat with us in real-time on [Discord](https://discord.gg/FcSNfg4).
|
||||
* Submit requests and issues on [GitHub](https://github.com/microsoft/fast-tooling/issues/new/choose).
|
||||
* Submit requests and issues on [GitHub](https://github.com/microsoft/design-to-code/issues/new/choose).
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "none",
|
||||
"comment": "Updated package name",
|
||||
"packageName": "@microsoft/design-to-code",
|
||||
"email": "7559015+janechu@users.noreply.github.com",
|
||||
"dependentChangeType": "none"
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"type": "none",
|
||||
"comment": "Updated package name",
|
||||
"packageName": "@microsoft/design-to-code-react",
|
||||
"email": "7559015+janechu@users.noreply.github.com",
|
||||
"dependentChangeType": "none"
|
||||
}
|
|
@ -1,17 +1,17 @@
|
|||
{
|
||||
"name": "@microsoft/fast-tooling-repository",
|
||||
"name": "@microsoft/design-to-code-repository",
|
||||
"version": "0.1.0",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@microsoft/fast-tooling-repository",
|
||||
"name": "@microsoft/design-to-code-repository",
|
||||
"version": "0.1.0",
|
||||
"license": "MIT",
|
||||
"workspaces": [
|
||||
"./packages/fast-tooling",
|
||||
"./packages/fast-tooling-react",
|
||||
"./packages/fast-tooling-wasm",
|
||||
"./packages/design-to-code",
|
||||
"./packages/design-to-code-react",
|
||||
"./packages/design-to-code-wasm",
|
||||
"./website"
|
||||
],
|
||||
"devDependencies": {
|
||||
|
@ -2685,16 +2685,16 @@
|
|||
"lodash-es": "^4.17.10"
|
||||
}
|
||||
},
|
||||
"node_modules/@microsoft/fast-tooling": {
|
||||
"resolved": "packages/fast-tooling",
|
||||
"node_modules/@microsoft/design-to-code": {
|
||||
"resolved": "packages/design-to-code",
|
||||
"link": true
|
||||
},
|
||||
"node_modules/@microsoft/fast-tooling-react": {
|
||||
"resolved": "packages/fast-tooling-react",
|
||||
"node_modules/@microsoft/design-to-code-react": {
|
||||
"resolved": "packages/design-to-code-react",
|
||||
"link": true
|
||||
},
|
||||
"node_modules/@microsoft/fast-tooling-wasm": {
|
||||
"resolved": "packages/fast-tooling-wasm",
|
||||
"node_modules/@microsoft/design-to-code-wasm": {
|
||||
"resolved": "packages/design-to-code-wasm",
|
||||
"link": true
|
||||
},
|
||||
"node_modules/@microsoft/fast-web-utilities": {
|
||||
|
@ -25048,8 +25048,8 @@
|
|||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling": {
|
||||
"name": "@microsoft/fast-tooling",
|
||||
"packages/design-to-code": {
|
||||
"name": "@microsoft/design-to-code",
|
||||
"version": "0.37.10",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
|
@ -25116,8 +25116,8 @@
|
|||
"lodash-es": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling-react": {
|
||||
"name": "@microsoft/fast-tooling-react",
|
||||
"packages/design-to-code-react": {
|
||||
"name": "@microsoft/design-to-code-react",
|
||||
"version": "2.13.13",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
|
@ -25129,7 +25129,7 @@
|
|||
"@microsoft/fast-foundation": "^2.13.1",
|
||||
"@microsoft/fast-jss-manager-react": "^3.0.0 || ^4.0.0",
|
||||
"@microsoft/fast-jss-utilities": "^4.8.0",
|
||||
"@microsoft/fast-tooling": "^0.37.10",
|
||||
"@microsoft/design-to-code": "^0.37.10",
|
||||
"@microsoft/fast-web-utilities": "^4.8.1",
|
||||
"@skatejs/val": "^0.5.0",
|
||||
"exenv-es6": "^1.0.0",
|
||||
|
@ -25176,7 +25176,7 @@
|
|||
"react": "^16.8.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling-react/node_modules/prettier": {
|
||||
"packages/design-to-code-react/node_modules/prettier": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.2.tgz",
|
||||
"integrity": "sha512-5xJQIPT8BraI7ZnaDwSbu5zLrB6vvi8hVV58yHQ+QK64qrY40dULy0HSRlQ2/2IdzeBpjhDkqdcFBnFeDEMVdg==",
|
||||
|
@ -25188,7 +25188,7 @@
|
|||
"node": ">=10.13.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling-react/node_modules/typescript": {
|
||||
"packages/design-to-code-react/node_modules/typescript": {
|
||||
"version": "4.3.5",
|
||||
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
|
||||
"integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
|
||||
|
@ -25201,8 +25201,8 @@
|
|||
"node": ">=4.2.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling-wasm": {
|
||||
"name": "@microsoft/fast-tooling-wasm",
|
||||
"packages/design-to-code-wasm": {
|
||||
"name": "@microsoft/design-to-code-wasm",
|
||||
"version": "1.1.4",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
|
@ -25215,7 +25215,7 @@
|
|||
"yargs": "^16.2.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling-wasm/node_modules/typescript": {
|
||||
"packages/design-to-code-wasm/node_modules/typescript": {
|
||||
"version": "4.3.5",
|
||||
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
|
||||
"integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
|
||||
|
@ -25228,7 +25228,7 @@
|
|||
"node": ">=4.2.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/ast": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/ast": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
|
||||
"integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
|
||||
|
@ -25238,25 +25238,25 @@
|
|||
"@webassemblyjs/helper-wasm-bytecode": "1.11.1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/helper-api-error": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/helper-api-error": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
|
||||
"integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
|
||||
"dev": true
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/helper-buffer": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/helper-buffer": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
|
||||
"integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
|
||||
"dev": true
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/helper-wasm-bytecode": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/helper-wasm-bytecode": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
|
||||
"integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
|
||||
"dev": true
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/helper-wasm-section": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/helper-wasm-section": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
|
||||
"integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
|
||||
|
@ -25268,7 +25268,7 @@
|
|||
"@webassemblyjs/wasm-gen": "1.11.1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/ieee754": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/ieee754": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
|
||||
"integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
|
||||
|
@ -25277,7 +25277,7 @@
|
|||
"@xtuc/ieee754": "^1.2.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/leb128": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/leb128": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
|
||||
"integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
|
||||
|
@ -25286,13 +25286,13 @@
|
|||
"@xtuc/long": "4.2.2"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/utf8": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/utf8": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
|
||||
"integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
|
||||
"dev": true
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/wasm-edit": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/wasm-edit": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
|
||||
"integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
|
||||
|
@ -25308,7 +25308,7 @@
|
|||
"@webassemblyjs/wast-printer": "1.11.1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/wasm-gen": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/wasm-gen": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
|
||||
"integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
|
||||
|
@ -25321,7 +25321,7 @@
|
|||
"@webassemblyjs/utf8": "1.11.1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/wasm-opt": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/wasm-opt": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
|
||||
"integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
|
||||
|
@ -25333,7 +25333,7 @@
|
|||
"@webassemblyjs/wasm-parser": "1.11.1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/wasm-parser": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/wasm-parser": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
|
||||
"integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
|
||||
|
@ -25347,7 +25347,7 @@
|
|||
"@webassemblyjs/utf8": "1.11.1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/@webassemblyjs/wast-printer": {
|
||||
"packages/design-to-code/node_modules/@webassemblyjs/wast-printer": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
|
||||
"integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
|
||||
|
@ -25357,7 +25357,7 @@
|
|||
"@xtuc/long": "4.2.2"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/acorn": {
|
||||
"packages/design-to-code/node_modules/acorn": {
|
||||
"version": "8.7.0",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz",
|
||||
"integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==",
|
||||
|
@ -25369,7 +25369,7 @@
|
|||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/acorn-import-assertions": {
|
||||
"packages/design-to-code/node_modules/acorn-import-assertions": {
|
||||
"version": "1.8.0",
|
||||
"resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
|
||||
"integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
|
||||
|
@ -25378,13 +25378,13 @@
|
|||
"acorn": "^8"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/commander": {
|
||||
"packages/design-to-code/node_modules/commander": {
|
||||
"version": "2.20.3",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
|
||||
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
|
||||
"dev": true
|
||||
},
|
||||
"packages/fast-tooling/node_modules/enhanced-resolve": {
|
||||
"packages/design-to-code/node_modules/enhanced-resolve": {
|
||||
"version": "5.9.2",
|
||||
"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.2.tgz",
|
||||
"integrity": "sha512-GIm3fQfwLJ8YZx2smuHpBKkXC1yOk+OBEmKckVyL0i/ea8mqDEykK3ld5dgH1QYPNyT/lIllxV2LULnxCHaHkA==",
|
||||
|
@ -25397,7 +25397,7 @@
|
|||
"node": ">=10.13.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/has-flag": {
|
||||
"packages/design-to-code/node_modules/has-flag": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
|
||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||
|
@ -25406,7 +25406,7 @@
|
|||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/jest-worker": {
|
||||
"packages/design-to-code/node_modules/jest-worker": {
|
||||
"version": "27.5.1",
|
||||
"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
|
||||
"integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
|
||||
|
@ -25420,7 +25420,7 @@
|
|||
"node": ">= 10.13.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/loader-runner": {
|
||||
"packages/design-to-code/node_modules/loader-runner": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
|
||||
"integrity": "sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==",
|
||||
|
@ -25429,7 +25429,7 @@
|
|||
"node": ">=6.11.5"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/prettier": {
|
||||
"packages/design-to-code/node_modules/prettier": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.2.tgz",
|
||||
"integrity": "sha512-5xJQIPT8BraI7ZnaDwSbu5zLrB6vvi8hVV58yHQ+QK64qrY40dULy0HSRlQ2/2IdzeBpjhDkqdcFBnFeDEMVdg==",
|
||||
|
@ -25441,7 +25441,7 @@
|
|||
"node": ">=10.13.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/resolve-typescript-plugin": {
|
||||
"packages/design-to-code/node_modules/resolve-typescript-plugin": {
|
||||
"version": "1.1.5",
|
||||
"resolved": "https://registry.npmjs.org/resolve-typescript-plugin/-/resolve-typescript-plugin-1.1.5.tgz",
|
||||
"integrity": "sha512-EpRRTcn2AjTD7jeJPxeBSPfbdNR2/O3HGR5sNub2IvBdGytguVh4gh0B2HHLx6wyYmaCUSlk91IwARbg/5q7zg==",
|
||||
|
@ -25456,7 +25456,7 @@
|
|||
"webpack": "^5.0.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/serialize-javascript": {
|
||||
"packages/design-to-code/node_modules/serialize-javascript": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
|
||||
"integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
|
||||
|
@ -25465,7 +25465,7 @@
|
|||
"randombytes": "^2.1.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/source-map": {
|
||||
"packages/design-to-code/node_modules/source-map": {
|
||||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
|
||||
|
@ -25474,7 +25474,7 @@
|
|||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/supports-color": {
|
||||
"packages/design-to-code/node_modules/supports-color": {
|
||||
"version": "8.1.1",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
|
||||
"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
|
||||
|
@ -25489,7 +25489,7 @@
|
|||
"url": "https://github.com/chalk/supports-color?sponsor=1"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/tapable": {
|
||||
"packages/design-to-code/node_modules/tapable": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
|
||||
"integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
|
||||
|
@ -25498,7 +25498,7 @@
|
|||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/terser": {
|
||||
"packages/design-to-code/node_modules/terser": {
|
||||
"version": "5.14.2",
|
||||
"resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
|
||||
"integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
|
||||
|
@ -25516,7 +25516,7 @@
|
|||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/terser-webpack-plugin": {
|
||||
"packages/design-to-code/node_modules/terser-webpack-plugin": {
|
||||
"version": "5.3.1",
|
||||
"resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
|
||||
"integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==",
|
||||
|
@ -25550,13 +25550,13 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/tslib": {
|
||||
"packages/design-to-code/node_modules/tslib": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
|
||||
"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
|
||||
"dev": true
|
||||
},
|
||||
"packages/fast-tooling/node_modules/typescript": {
|
||||
"packages/design-to-code/node_modules/typescript": {
|
||||
"version": "4.3.5",
|
||||
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
|
||||
"integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
|
||||
|
@ -25569,7 +25569,7 @@
|
|||
"node": ">=4.2.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/watchpack": {
|
||||
"packages/design-to-code/node_modules/watchpack": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
|
||||
"integrity": "sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==",
|
||||
|
@ -25582,7 +25582,7 @@
|
|||
"node": ">=10.13.0"
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/webpack": {
|
||||
"packages/design-to-code/node_modules/webpack": {
|
||||
"version": "5.71.0",
|
||||
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.71.0.tgz",
|
||||
"integrity": "sha512-g4dFT7CFG8LY0iU5G8nBL6VlkT21Z7dcYDpJAEJV5Q1WLb9UwnFbrem1k7K52ILqEmomN7pnzWFxxE6SlDY56A==",
|
||||
|
@ -25629,7 +25629,7 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"packages/fast-tooling/node_modules/webpack-sources": {
|
||||
"packages/design-to-code/node_modules/webpack-sources": {
|
||||
"version": "3.2.3",
|
||||
"resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
|
||||
"integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
|
||||
|
@ -28607,8 +28607,8 @@
|
|||
"exenv-es6": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"@microsoft/fast-tooling": {
|
||||
"version": "file:packages/fast-tooling",
|
||||
"@microsoft/design-to-code": {
|
||||
"version": "file:packages/design-to-code",
|
||||
"requires": {
|
||||
"@microsoft/fast-colors": "^5.1.3",
|
||||
"@microsoft/fast-components": "^2.9.2",
|
||||
|
@ -28981,8 +28981,8 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"@microsoft/fast-tooling-react": {
|
||||
"version": "file:packages/fast-tooling-react",
|
||||
"@microsoft/design-to-code-react": {
|
||||
"version": "file:packages/design-to-code-react",
|
||||
"requires": {
|
||||
"@babel/core": "^7.12.13",
|
||||
"@babel/preset-env": "^7.12.13",
|
||||
|
@ -28995,7 +28995,7 @@
|
|||
"@microsoft/fast-foundation": "^2.13.1",
|
||||
"@microsoft/fast-jss-manager-react": "^3.0.0 || ^4.0.0",
|
||||
"@microsoft/fast-jss-utilities": "^4.8.0",
|
||||
"@microsoft/fast-tooling": "^0.37.10",
|
||||
"@microsoft/design-to-code": "^0.37.10",
|
||||
"@microsoft/fast-web-utilities": "^4.8.1",
|
||||
"@skatejs/val": "^0.5.0",
|
||||
"@types/jest": "^25.2.1",
|
||||
|
@ -29046,8 +29046,8 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"@microsoft/fast-tooling-wasm": {
|
||||
"version": "file:packages/fast-tooling-wasm",
|
||||
"@microsoft/design-to-code-wasm": {
|
||||
"version": "file:packages/design-to-code-wasm",
|
||||
"requires": {
|
||||
"html-webpack-plugin": "^3.2.0",
|
||||
"ts-loader": "^4.0.1",
|
||||
|
|
|
@ -9,9 +9,9 @@
|
|||
"license": "MIT",
|
||||
"private": true,
|
||||
"workspaces": [
|
||||
"./packages/fast-tooling",
|
||||
"./packages/fast-tooling-react",
|
||||
"./packages/fast-tooling-wasm",
|
||||
"./packages/design-to-code",
|
||||
"./packages/design-to-code-react",
|
||||
"./packages/design-to-code-wasm",
|
||||
"./website"
|
||||
],
|
||||
"repository": {
|
||||
|
|
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
|
@ -1,8 +1,6 @@
|
|||
**Deprecated**: This package is being deprecated in favor of `@microsoft/design-to-code-react`.
|
||||
# Design to Code React
|
||||
|
||||
# FAST Tooling React
|
||||
|
||||
The tooling available in FAST Tooling React can be used together to create UI for manipulating serializable data and viewing React components.
|
||||
The tooling available in Design to Code React can be used together to create UI for manipulating serializable data and viewing React components.
|
||||
|
||||
![JavaScript](https://img.shields.io/badge/ES6-Supported-yellow.svg?style=for-the-badge&logo=JavaScript) ![TypeScript](https://img.shields.io/badge/TypeScript-Supported-blue.svg?style=for-the-badge)
|
||||
|
||||
|
@ -48,7 +46,7 @@ The tooling available in FAST Tooling React can be used together to create UI fo
|
|||
|
||||
## Benefits
|
||||
|
||||
The FAST Tooling can be used in any combination for the following scenarios:
|
||||
Design to Code can be used in any combination for the following scenarios:
|
||||
- Mapping serializable data to a React component in an application
|
||||
- Editing data using a form generated from a JSON schema
|
||||
- Viewing a React component in an isolated iframe environment
|
||||
|
@ -72,7 +70,7 @@ Example:
|
|||
```jsx
|
||||
import { DndProvider } from "react-dnd";
|
||||
import HTML5Backend from "react-dnd-html5-backend";
|
||||
import { ModularForm, ModularViewer } from "@microsoft/fast-tooling-react";
|
||||
import { ModularForm, ModularViewer } from "@microsoft/design-to-code-react";
|
||||
|
||||
// See details on implementation from the standalone
|
||||
// versions of Form and Viewer
|
||||
|
@ -84,31 +82,31 @@ import { ModularForm, ModularViewer } from "@microsoft/fast-tooling-react";
|
|||
|
||||
## Installation
|
||||
|
||||
`npm i --save @microsoft/fast-tooling-react`
|
||||
`npm i --save @microsoft/design-to-code-react`
|
||||
|
||||
## Requirements
|
||||
|
||||
The `@microsoft/fast-tooling-react` package will be installed with `@microsoft/fast-tooling`. The `@microsoft/fast-tooling` package includes exports required for implementing the React specific components, namely the `MessageSystem` and the minified webworker which handles data manipulation. Please refer to the documentation for `@microsoft/fast-tooling` for a better understanding of these systems.
|
||||
The `@microsoft/design-to-code-react` package will be installed with `@microsoft/design-to-code`. The `@microsoft/design-to-code` package includes exports required for implementing the React specific components, namely the `MessageSystem` and the minified webworker which handles data manipulation. Please refer to the documentation for `@microsoft/design-to-code` for a better understanding of these systems.
|
||||
|
||||
## Form
|
||||
|
||||
The required property is the `messageSystem`, see `@microsoft/fast-tooling` for details on setting this up.
|
||||
The required property is the `messageSystem`, see `@microsoft/design-to-code` for details on setting this up.
|
||||
|
||||
Example:
|
||||
```jsx
|
||||
import { Form } from "@microsoft/fast-tooling-react";
|
||||
import { Form } from "@microsoft/design-to-code-react";
|
||||
|
||||
/**
|
||||
* Add to your render function
|
||||
*/
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
/>
|
||||
```
|
||||
|
||||
### Validation
|
||||
|
||||
Validation is treated as optional, there is a validation utility provided by the `@microsoft/fast-tooling` package that will give basic JSON schema validation errors. Refer to the `@microsoft/fast-tooling` README for details.
|
||||
Validation is treated as optional, there is a validation utility provided by the `@microsoft/design-to-code` package that will give basic JSON schema validation errors. Refer to the `@microsoft/design-to-code` README for details.
|
||||
|
||||
### Drag and drop
|
||||
|
||||
|
@ -123,7 +121,7 @@ To make a custom control, use the secondary export `StandardControlPlugin` which
|
|||
When the plugin instance is passed to the `<Form />`
|
||||
either the id or the type is then referenced and will cause the control to render.
|
||||
|
||||
A config is passed to the control, the specifications of this can be found [here](https://github.com/microsoft/fast/blob/master/packages/fast-tooling-react/src/form/templates/template.control.utilities.props.tsx). Note that the `ControlConfig` interface may include extra properties depending on the control type being used.
|
||||
A config is passed to the control, the specifications of this can be found [here](https://github.com/microsoft/design-to-code/blob/main/packages/design-to-code-react/src/form/templates/template.control.utilities.props.tsx). Note that the `ControlConfig` interface may include extra properties depending on the control type being used.
|
||||
|
||||
Example id plugin:
|
||||
|
||||
|
@ -143,7 +141,7 @@ JSON Schema:
|
|||
JSX:
|
||||
```jsx
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
controls={[
|
||||
new StandardControlPlugin({
|
||||
id: "foo",
|
||||
|
@ -163,7 +161,7 @@ Example type plugin:
|
|||
|
||||
```jsx
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
controls={[
|
||||
new StandardControlPlugin({
|
||||
type: ControlType.textarea,
|
||||
|
@ -185,7 +183,7 @@ Example type plugin:
|
|||
Control types are available as an enum provided as a secondary export `ControlType` and consist of the following:
|
||||
|
||||
```js
|
||||
import { ControlType } from "@microsoft/fast-tooling-react";
|
||||
import { ControlType } from "@microsoft/design-to-code-react";
|
||||
|
||||
// Available types
|
||||
ControlType.select
|
||||
|
@ -218,12 +216,12 @@ These control types can be paired with our default controls, the following of wh
|
|||
Example of a replacement type:
|
||||
|
||||
```jsx
|
||||
import { ControlType, TextareaControl } from "@microsoft/fast-tooling-react";
|
||||
import { ControlType, TextareaControl } from "@microsoft/design-to-code-react";
|
||||
|
||||
...
|
||||
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
controls={[
|
||||
new StandardControlPlugin({
|
||||
type: ControlType.textarea,
|
||||
|
@ -244,7 +242,7 @@ Example of a replacement for all controls, using the component for the default c
|
|||
|
||||
```jsx
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
controls={[
|
||||
new StandardControlPlugin({
|
||||
control: (config) => {
|
||||
|
@ -271,7 +269,7 @@ To assist in the creation of a custom control plugin template, another secondary
|
|||
Example:
|
||||
|
||||
```jsx
|
||||
import { ControlTemplateUtilities } from "@microsoft/fast-tooling-react";
|
||||
import { ControlTemplateUtilities } from "@microsoft/design-to-code-react";
|
||||
|
||||
export class MyControlTemplate extends ControlTemplateUtilities {
|
||||
public render() {
|
||||
|
@ -498,7 +496,7 @@ Example:
|
|||
|
||||
```jsx
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
categories={{
|
||||
"category-schema-id": {
|
||||
"": [
|
||||
|
@ -605,7 +603,7 @@ Example:
|
|||
|
||||
```tsx
|
||||
<Form
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
categories={{
|
||||
"https://my.schema.id": {
|
||||
"": [ // The root level dataLocation
|
||||
|
@ -625,13 +623,13 @@ Example:
|
|||
|
||||
## Navigation
|
||||
|
||||
The required property is the `messageSystem`, see `@microsoft/fast-tooling` for details on setting this up.
|
||||
The required property is the `messageSystem`, see `@microsoft/design-to-code` for details on setting this up.
|
||||
|
||||
Example:
|
||||
|
||||
```jsx
|
||||
<Navigation
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
/>
|
||||
```
|
||||
|
||||
|
@ -643,7 +641,7 @@ Example:
|
|||
|
||||
```jsx
|
||||
<Navigation
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
types={["object", "string"]} // only "object" and "string" data types are rendered
|
||||
/>
|
||||
```
|
||||
|
@ -716,13 +714,13 @@ handleLocationUpdate = (location) => {
|
|||
|
||||
The `Viewer` component creates an iframe, it can have a fixed or adjustable width and height and can be used independently or as a set with the `SelectDevice` and `Rotate` components.
|
||||
|
||||
The required property is the `messageSystem`, see `@microsoft/fast-tooling` for details on setting this up and the `iframeSrc`.
|
||||
The required property is the `messageSystem`, see `@microsoft/design-to-code` for details on setting this up and the `iframeSrc`.
|
||||
|
||||
Example:
|
||||
|
||||
```jsx
|
||||
<Viewer
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
iframeSrc={"/example-content"}
|
||||
/>
|
||||
```
|
||||
|
@ -735,7 +733,7 @@ Example:
|
|||
|
||||
```jsx
|
||||
<Viewer
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
iframeSrc={"/example-content"}
|
||||
width={500}
|
||||
height={300}
|
||||
|
@ -748,7 +746,7 @@ Example:
|
|||
|
||||
```jsx
|
||||
<Viewer
|
||||
messageSystem={fastMessageSystem}
|
||||
messageSystem={messageSystem}
|
||||
iframeSrc={"/example-content"}
|
||||
width={this.state.viewerWidth}
|
||||
height={this.state.viewerHeight}
|
||||
|
@ -774,12 +772,12 @@ handleUpdateViewerWidth = (newViewerWidth) => {
|
|||
|
||||
### Sending custom messages
|
||||
|
||||
Sending custom messages through from the iframe can be done with a `postMessage` to the iframe window. The custom message should define the `type` and `action`. The type should be `MessageSystemType.custom` imported from the `@microsoft/fast-tooling` package and the `action` is defined as the enum value `ViewerCustomAction.call` provided as an export.
|
||||
Sending custom messages through from the iframe can be done with a `postMessage` to the iframe window. The custom message should define the `type` and `action`. The type should be `MessageSystemType.custom` imported from the `@microsoft/design-to-code` package and the `action` is defined as the enum value `ViewerCustomAction.call` provided as an export.
|
||||
|
||||
Example:
|
||||
```javascript
|
||||
import { MessageSystemType } from "@microsoft/fast-tooling";
|
||||
import { ViewerCustomAction } from "@microsoft/fast-tooling-react";
|
||||
import { MessageSystemType } from "@microsoft/design-to-code";
|
||||
import { ViewerCustomAction } from "@microsoft/design-to-code-react";
|
||||
|
||||
window.postMessage({
|
||||
type: MessageSystemType.custom,
|
||||
|
@ -802,7 +800,7 @@ Example:
|
|||
import {
|
||||
defaultDevices,
|
||||
SelectDevice,
|
||||
} from "@microsoft/fast-tooling-react";
|
||||
} from "@microsoft/design-to-code-react";
|
||||
|
||||
<SelectDevice
|
||||
devices={defaultDevices}
|
||||
|
@ -843,7 +841,7 @@ Example:
|
|||
```jsx
|
||||
import {
|
||||
Rotate,
|
||||
} from "@microsoft/fast-tooling-react";
|
||||
} from "@microsoft/design-to-code-react";
|
||||
|
||||
<Rotate
|
||||
orientation={this.state.orientation}
|
||||
|
@ -857,13 +855,13 @@ import {
|
|||
|
||||
As data from the dictionary of data is intended to be mapped to JSON schema, it may need to be transformed to be useful as, for instance, a React component.
|
||||
|
||||
Assuming that each JSON schema represents React props for a given component, a mapper has been provided which can be used in conjunction with the `@microsoft/fast-tooling` export `mapDataDictionary`.
|
||||
Assuming that each JSON schema represents React props for a given component, a mapper has been provided which can be used in conjunction with the `@microsoft/design-to-code` export `mapDataDictionary`.
|
||||
|
||||
Example:
|
||||
|
||||
```js
|
||||
import { mapDataDictionary } from "@microsoft/fast-tooling";
|
||||
import { reactMapper } from "@microsoft/fast-tooling-react";
|
||||
import { mapDataDictionary } from "@microsoft/design-to-code";
|
||||
import { reactMapper } from "@microsoft/design-to-code-react";
|
||||
|
||||
const componentDictionary = {
|
||||
"button-schema-id": MyButton
|
|
@ -13,7 +13,7 @@ import {
|
|||
MessageSystem,
|
||||
MessageSystemType,
|
||||
SchemaDictionary,
|
||||
} from "@microsoft/fast-tooling";
|
||||
} from "@microsoft/design-to-code";
|
||||
|
||||
export type componentDataOnChange = (e: React.ChangeEvent<HTMLFormElement>) => void;
|
||||
|
|
@ -7,7 +7,7 @@ import {
|
|||
FileControl,
|
||||
} from "../../src";
|
||||
import CSSControl from "../../src/form/custom-controls/control.css";
|
||||
import { properties as allCSSProperties } from "@microsoft/fast-tooling/dist/esm/css-data";
|
||||
import { properties as allCSSProperties } from "@microsoft/design-to-code/dist/esm/css-data";
|
||||
import { FormProps } from "../../src/form/form.props";
|
||||
import {
|
||||
FormAttributeSettingsMappingToPropertyNames,
|
||||
|
@ -21,7 +21,7 @@ import {
|
|||
MessageSystem,
|
||||
MessageSystemType,
|
||||
SchemaDictionary,
|
||||
} from "@microsoft/fast-tooling";
|
||||
} from "@microsoft/design-to-code";
|
||||
import {
|
||||
accentColorName,
|
||||
L1ColorName,
|
||||
|
@ -31,7 +31,7 @@ import {
|
|||
errorColorName,
|
||||
FloatingColorName,
|
||||
} from "../../src/style";
|
||||
import { CSSPropertiesDictionary } from "@microsoft/fast-tooling/dist/esm/data-utilities/mapping.mdn-data";
|
||||
import { CSSPropertiesDictionary } from "@microsoft/design-to-code/dist/esm/data-utilities/mapping.mdn-data";
|
||||
import { ControlContext } from "../../src/form/templates/types";
|
||||
import { CSSStandardControlPlugin } from "../../src/form/custom-controls/css";
|
||||
import { CSSControlConfig } from "../../src/form/custom-controls/css/css.template.control.standard.props";
|
||||
|
@ -45,10 +45,10 @@ import {
|
|||
fastTextField,
|
||||
} from "@microsoft/fast-components";
|
||||
import {
|
||||
fastToolingColorPicker,
|
||||
fastToolingFile,
|
||||
fastToolingFileActionObjectUrl,
|
||||
} from "@microsoft/fast-tooling/dist/esm/web-components";
|
||||
colorPickerComponent,
|
||||
fileComponent,
|
||||
fileActionObjectUrlComponent,
|
||||
} from "@microsoft/design-to-code/dist/esm/web-components";
|
||||
|
||||
DesignSystem.getOrCreate().register(
|
||||
fastButton(),
|
||||
|
@ -57,9 +57,9 @@ DesignSystem.getOrCreate().register(
|
|||
fastOption(),
|
||||
fastSelect(),
|
||||
fastTextField(),
|
||||
fastToolingColorPicker({ prefix: "fast-tooling" }),
|
||||
fastToolingFile({ prefix: "fast-tooling" }),
|
||||
fastToolingFileActionObjectUrl({ prefix: "fast-tooling" })
|
||||
colorPickerComponent({ prefix: "dtc" }),
|
||||
fileComponent({ prefix: "dtc" }),
|
||||
fileActionObjectUrlComponent({ prefix: "dtc" })
|
||||
);
|
||||
|
||||
export type componentDataOnChange = (e: React.ChangeEvent<HTMLFormElement>) => void;
|
|
@ -2,7 +2,7 @@ import React from "react";
|
|||
import { ModularNavigation } from "../../src";
|
||||
import childrenSchema from "./navigation/children.schema";
|
||||
import { children } from "./navigation/example.data";
|
||||
import { DataType, MessageSystem, MessageSystemType } from "@microsoft/fast-tooling";
|
||||
import { DataType, MessageSystem, MessageSystemType } from "@microsoft/design-to-code";
|
||||
import noChildrenSchema from "./navigation/no-children.schema";
|
||||
import {
|
||||
accentColorName,
|
||||
|
@ -13,8 +13,8 @@ import {
|
|||
inactiveTextColorName,
|
||||
L3OutlineColorName,
|
||||
} from "../../src/style";
|
||||
import { Data } from "@microsoft/fast-tooling";
|
||||
import { MessageSystemNavigationTypeAction } from "@microsoft/fast-tooling";
|
||||
import { Data } from "@microsoft/design-to-code";
|
||||
import { MessageSystemNavigationTypeAction } from "@microsoft/design-to-code";
|
||||
|
||||
export interface NavigationTestPageState {
|
||||
navigation: any;
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { DataDictionary } from "@microsoft/fast-tooling";
|
||||
import { DataDictionary } from "@microsoft/design-to-code";
|
||||
import noChildrenSchema from "./no-children.schema";
|
||||
import childrenSchema from "./children.schema";
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
import React from "react";
|
||||
import { MessageSystemType } from "@microsoft/fast-tooling";
|
||||
import { MessageSystemType } from "@microsoft/design-to-code";
|
||||
import { ViewerCustomAction } from "../../../src";
|
||||
|
||||
interface ViewerContentState {
|
|
@ -1,5 +1,5 @@
|
|||
import React from "react";
|
||||
import { MessageSystem, MessageSystemType } from "@microsoft/fast-tooling";
|
||||
import { MessageSystem, MessageSystemType } from "@microsoft/design-to-code";
|
||||
import {
|
||||
defaultDevices,
|
||||
Device,
|
|
@ -7,7 +7,7 @@ import {
|
|||
MessageSystem,
|
||||
MessageSystemType,
|
||||
SchemaDictionary,
|
||||
} from "@microsoft/fast-tooling";
|
||||
} from "@microsoft/design-to-code";
|
||||
import FancyButton from "./web-components/fancy-button";
|
||||
import { webComponentSchemas } from "./web-components/index";
|
||||
import fancyButtonSchema from "./web-components/fancy-button.schema";
|
|
@ -1,4 +1,7 @@
|
|||
import { linkedDataSchema, ReservedElementMappingKeyword } from "@microsoft/fast-tooling";
|
||||
import {
|
||||
linkedDataSchema,
|
||||
ReservedElementMappingKeyword,
|
||||
} from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -6,7 +6,7 @@ import {
|
|||
mapDataDictionary,
|
||||
MessageSystemType,
|
||||
SchemaDictionary,
|
||||
} from "@microsoft/fast-tooling";
|
||||
} from "@microsoft/design-to-code";
|
||||
import FancyButton from "./fancy-button";
|
||||
|
||||
interface WebComponentViewerContentState {
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"name": "@microsoft/fast-tooling-react",
|
||||
"name": "@microsoft/design-to-code-react",
|
||||
"description": "A React-specific set of components and utilities to assist in creating web UI",
|
||||
"sideEffects": false,
|
||||
"version": "2.13.13",
|
||||
|
@ -10,10 +10,10 @@
|
|||
"license": "MIT",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/microsoft/fast-tooling.git"
|
||||
"url": "git+https://github.com/microsoft/design-to-code.git"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/microsoft/fast-tooling/issues/new/choose"
|
||||
"url": "https://github.com/microsoft/design-to-code/issues/new/choose"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"types": "dist/index.d.ts",
|
||||
|
@ -123,7 +123,7 @@
|
|||
"@microsoft/fast-foundation": "^2.13.1",
|
||||
"@microsoft/fast-jss-manager-react": "^3.0.0 || ^4.0.0",
|
||||
"@microsoft/fast-jss-utilities": "^4.8.0",
|
||||
"@microsoft/fast-tooling": "^0.37.10",
|
||||
"@microsoft/design-to-code": "^0.37.10",
|
||||
"@microsoft/fast-web-utilities": "^4.8.1",
|
||||
"@skatejs/val": "^0.5.0",
|
||||
"exenv-es6": "^1.0.0",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -1,4 +1,4 @@
|
|||
import { linkedDataSchema } from "@microsoft/fast-tooling";
|
||||
import { linkedDataSchema } from "@microsoft/design-to-code";
|
||||
|
||||
export default {
|
||||
$schema: "http://json-schema.org/schema#",
|
|
@ -6,7 +6,7 @@ import {
|
|||
linkedDataSchema,
|
||||
mapDataDictionary,
|
||||
pluginIdKeyword,
|
||||
} from "@microsoft/fast-tooling";
|
||||
} from "@microsoft/design-to-code";
|
||||
import { ComponentDictionary, reactMapper, reactResolver } from "./mapping";
|
||||
import Adapter from "enzyme-adapter-react-16";
|
||||
import { configure, mount } from "enzyme";
|
|
@ -5,7 +5,7 @@ import {
|
|||
pluginIdKeyword,
|
||||
PropertyKeyword,
|
||||
ResolverConfig,
|
||||
} from "@microsoft/fast-tooling";
|
||||
} from "@microsoft/design-to-code";
|
||||
|
||||
export interface ReactMapDataDictionaryPlugin {
|
||||
/**
|
||||
|
@ -54,7 +54,7 @@ function mapPropertyWithPlugin(plugin: ReactMapDataDictionaryPlugin, value: any)
|
|||
|
||||
/**
|
||||
* A mapping function intended to be used with the
|
||||
* `mapDataDictionary` export from the @microsoft/fast-tooling library
|
||||
* `mapDataDictionary` export from the @microsoft/design-to-code library
|
||||
*/
|
||||
export function reactMapper(
|
||||
componentDictionary: ComponentDictionary
|
||||
|
@ -111,7 +111,7 @@ export function reactMapper(
|
|||
|
||||
/**
|
||||
* A resolver function intended to be used with the
|
||||
* `mapDataDictionary` export from the @microsoft/fast-tooling library
|
||||
* `mapDataDictionary` export from the @microsoft/design-to-code library
|
||||
*/
|
||||
export function reactResolver(config: ResolverConfig<unknown>): any {
|
||||
if (config.dataDictionary[1] !== config.dictionaryId) {
|
|
@ -8,7 +8,7 @@ import { ArrayControlClassNameContract } from "./control.array.style";
|
|||
import HTML5Backend from "react-dnd-html5-backend";
|
||||
import { DndProvider } from "react-dnd";
|
||||
import { ControlType } from "../templates";
|
||||
import { DataType, ValidationError } from "@microsoft/fast-tooling";
|
||||
import { DataType, ValidationError } from "@microsoft/design-to-code";
|
||||
import defaultStrings from "../form.strings";
|
||||
|
||||
const TestArrayControl: React.FC<any> = (
|
|
@ -1,7 +1,7 @@
|
|||
import { ManagedClasses } from "@microsoft/fast-components-class-name-contracts-base";
|
||||
import React from "react";
|
||||
import { keyEnter, keyTab } from "@microsoft/fast-web-utilities";
|
||||
import { getDataFromSchema } from "@microsoft/fast-tooling";
|
||||
import { getDataFromSchema } from "@microsoft/design-to-code";
|
||||
import manageJss, { ManagedJSSProps } from "@microsoft/fast-jss-manager-react";
|
||||
import { DragItem } from "../templates";
|
||||
import { ArrayAction, LinkedDataActionType } from "../templates/types";
|
Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше
Загрузка…
Ссылка в новой задаче