# 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:
Jane Chu 2022-10-03 10:13:10 -07:00 коммит произвёл GitHub
Родитель 0415f3bf90
Коммит 438c89a1a2
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
545 изменённых файлов: 1332 добавлений и 1335 удалений

6
.github/ISSUE_TEMPLATE/bug-report.yml поставляемый
Просмотреть файл

@ -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:

6
.github/ISSUE_TEMPLATE/feature-request.yml поставляемый
Просмотреть файл

@ -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:

2
.github/workflows/cd-release-packages.yml поставляемый
Просмотреть файл

@ -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.

Просмотреть файл

@ -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"
}

122
package-lock.json сгенерированный
Просмотреть файл

@ -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) &nbsp; ![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";

Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше