A React-based sample application demonstrating iTwin Platform Transformations Filter by Saved View transformation.
- Node.js 22
- iTwin Platform account and application registration
- Clone the repository:
git clone https://github.com/iTwin/transformations-api-sample.git
cd transformations-sample- Install dependencies:
npm ci- Configure environment variables:
Create a
.envfile in the root directory with the following variables:
IMJS_AUTH_CLIENT_CLIENT_ID=""
IMJS_AUTH_CLIENT_REDIRECT_URI="http://localhost:3000/sign-in"
IMJS_AUTH_CLIENT_LOGOUT_URI="http://localhost:3000/sign-out"
IMJS_AUTH_CLIENT_SCOPES="itwin-platform"
IMJS_AUTH_AUTHORITY="https://ims.bentley.com"Fill in IMJS_AUTH_CLIENT_CLIENT_ID with your created SPA client id.
- Start the development server:
npm start-
Open your browser and navigate to
http://localhost:3000 -
Sign in with your iTwin Platform credentials
-
Follow the step-by-step workflow:
- Select source iTwin and iModel
- Configure transformation settings
- Process transformation
- View results
src/
├── App.tsx # Root component of the app
├── common/
│ ├── hooks/ # Custom hooks used in the app
│ │ └── transformationsHooks.ts # Transformations API hooks
│ ├── library/ # Various reusable functions
│ │ └── transformationsClient.ts # Transformations API client
│ └── ui/ # UI components used in the App
└── filter-sample/ # Filter by Saved View components
├── create-configuration/ # UI components used to configure and run transformation
├── view-progress/ # UI components used to track transformation progress
└── view-results/ # UI components used to open viewer to inspect transformation results
This project is licensed under the MIT License - see the LICENSE.md file for details.