From 950ca77482886ac69ff4ea7471a207f3aa0336bd Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 21 May 2025 12:38:15 +0000 Subject: [PATCH 1/5] Initial plan for issue From 2312de255934e762caf7f6a8f64b74c3320d253b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 21 May 2025 12:47:37 +0000 Subject: [PATCH 2/5] Implement TypeScript migration for applications Co-authored-by: kirilpopov <6021897+kirilpopov@users.noreply.github.com> --- README.md | 50 ++- .../solution/client-details/src/index.html | 72 +++++ .../solution/client-details/src/index.ts | 74 +++++ .../solution/client-details/tsconfig.json | 8 + .../solution/client-details/webpack.config.js | 31 ++ typescript/solution/clients/src/index.html | 57 ++++ typescript/solution/clients/src/index.ts | 162 ++++++++++ typescript/solution/clients/tsconfig.json | 8 + typescript/solution/clients/webpack.config.js | 31 ++ typescript/solution/package.json | 31 ++ .../portfolio-downloader/src/index.html | 42 +++ .../portfolio-downloader/src/index.ts | 78 +++++ .../portfolio-downloader/tsconfig.json | 8 + .../portfolio-downloader/webpack.config.js | 31 ++ typescript/solution/stocks/src/index.html | 58 ++++ typescript/solution/stocks/src/index.ts | 285 ++++++++++++++++++ typescript/solution/stocks/tsconfig.json | 8 + typescript/solution/stocks/webpack.config.js | 31 ++ .../start/client-details/src/index.html | 70 +++++ typescript/start/client-details/src/index.ts | 43 +++ typescript/start/client-details/tsconfig.json | 8 + .../start/client-details/webpack.config.js | 31 ++ typescript/start/clients/src/index.html | 55 ++++ typescript/start/clients/src/index.ts | 101 +++++++ typescript/start/clients/tsconfig.json | 8 + typescript/start/clients/webpack.config.js | 31 ++ typescript/start/package.json | 31 ++ .../start/portfolio-downloader/src/index.html | 41 +++ .../start/portfolio-downloader/src/index.ts | 62 ++++ .../start/portfolio-downloader/tsconfig.json | 8 + .../portfolio-downloader/webpack.config.js | 31 ++ typescript/start/stocks/src/index.html | 56 ++++ typescript/start/stocks/src/index.ts | 213 +++++++++++++ typescript/start/stocks/tsconfig.json | 8 + typescript/start/stocks/webpack.config.js | 31 ++ typescript/tsconfig.json | 16 + typescript/types/io-connect.d.ts | 101 +++++++ 37 files changed, 2004 insertions(+), 6 deletions(-) create mode 100644 typescript/solution/client-details/src/index.html create mode 100644 typescript/solution/client-details/src/index.ts create mode 100644 typescript/solution/client-details/tsconfig.json create mode 100644 typescript/solution/client-details/webpack.config.js create mode 100644 typescript/solution/clients/src/index.html create mode 100644 typescript/solution/clients/src/index.ts create mode 100644 typescript/solution/clients/tsconfig.json create mode 100644 typescript/solution/clients/webpack.config.js create mode 100644 typescript/solution/package.json create mode 100644 typescript/solution/portfolio-downloader/src/index.html create mode 100644 typescript/solution/portfolio-downloader/src/index.ts create mode 100644 typescript/solution/portfolio-downloader/tsconfig.json create mode 100644 typescript/solution/portfolio-downloader/webpack.config.js create mode 100644 typescript/solution/stocks/src/index.html create mode 100644 typescript/solution/stocks/src/index.ts create mode 100644 typescript/solution/stocks/tsconfig.json create mode 100644 typescript/solution/stocks/webpack.config.js create mode 100644 typescript/start/client-details/src/index.html create mode 100644 typescript/start/client-details/src/index.ts create mode 100644 typescript/start/client-details/tsconfig.json create mode 100644 typescript/start/client-details/webpack.config.js create mode 100644 typescript/start/clients/src/index.html create mode 100644 typescript/start/clients/src/index.ts create mode 100644 typescript/start/clients/tsconfig.json create mode 100644 typescript/start/clients/webpack.config.js create mode 100644 typescript/start/package.json create mode 100644 typescript/start/portfolio-downloader/src/index.html create mode 100644 typescript/start/portfolio-downloader/src/index.ts create mode 100644 typescript/start/portfolio-downloader/tsconfig.json create mode 100644 typescript/start/portfolio-downloader/webpack.config.js create mode 100644 typescript/start/stocks/src/index.html create mode 100644 typescript/start/stocks/src/index.ts create mode 100644 typescript/start/stocks/tsconfig.json create mode 100644 typescript/start/stocks/webpack.config.js create mode 100644 typescript/tsconfig.json create mode 100644 typescript/types/io-connect.d.ts diff --git a/README.md b/README.md index 2d5b583..7b62cbc 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,45 @@ -# io.Connect Desktop Tutorials - -Source code for the JavaScript tutorial for developing an **io.Connect Desktop** project. - -For a guide on using the tutorial code, see the [Tutorials](https://docs.interop.io/desktop/tutorials/javascript/index.html) section of the official **io.Connect Desktop** documentation. - +# io.Connect Desktop Tutorials + +Source code for the JavaScript and TypeScript tutorials for developing an **io.Connect Desktop** project. + +For a guide on using the tutorial code, see the [Tutorials](https://docs.interop.io/desktop/tutorials/javascript/index.html) section of the official **io.Connect Desktop** documentation. + +## JavaScript Version + +The JavaScript tutorial is located in the `javascript` directory. It contains both starter code and the complete solution. + +## TypeScript Version + +The TypeScript tutorial is located in the `typescript` directory. It mirrors the JavaScript version but with TypeScript support. Both starter code and solution are provided. + +### Building TypeScript Projects + +1. Navigate to either the `typescript/solution` or `typescript/start` directory: + +```bash +cd typescript/solution +# or +cd typescript/start +``` + +2. Install dependencies: + +```bash +npm install +``` + +3. Build all applications: + +```bash +npm run build +``` + +4. Start the applications: + +```bash +npm start +``` + +You can also build and start individual applications using the specific build and start scripts. See the package.json for available commands. + > ⚠️ *Note that this tutorial is for a licensed product.* \ No newline at end of file diff --git a/typescript/solution/client-details/src/index.html b/typescript/solution/client-details/src/index.html new file mode 100644 index 0000000..c917d85 --- /dev/null +++ b/typescript/solution/client-details/src/index.html @@ -0,0 +1,72 @@ + + + + + +
+ + + + + +| Detail | +Value | +
|---|---|
| Full Name | ++ |
| Address | ++ |
| Phone Number | ++ |
| + | |
| Account Manager | ++ |
| Full Name | +PID | +GID | +Account Manager | +
|---|
| Symbol | +Description | +Bid | +Ask | +
|---|
| Detail | +Value | +
|---|---|
| Full Name | ++ |
| Address | ++ |
| Phone Number | ++ |
| + | |
| Account Manager | ++ |
| Full Name | +PID | +GID | +Account Manager | +
|---|
| Symbol | +Description | +Bid | +Ask | +
|---|