Trame module as a development #638

kerim371 · 2024-11-27T17:28:43Z

kerim371
Nov 27, 2024

Hi,

I would like to work with source code of Trame. The question is how to start?
For example, sometimes Trame functionality lacks some features like #636 and I want to play around with it.

Is there anything you can recommend?

jourdain · 2024-11-27T17:44:08Z

jourdain
Nov 27, 2024
Maintainer

First you need to get the vue component that you build handle any missing property and trigger any event that you want to leverage. Once the JS side is worked out, you can expose those to Python so it can be used by trame.

7 replies

kerim371 Nov 27, 2024
Author

I just removed the current node.js, then installed nvm-windows and installed node v16.20.2.
The output of npm install is:

up to date, audited 1064 packages in 16s

96 packages are looking for funding
  run `npm fund` for details

42 vulnerabilities (2 low, 19 moderate, 17 high, 4 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
PS D:\dev\trame-deckgl\vue-components> node --version
v16.20.2

Is it ok?

jourdain Nov 27, 2024
Maintainer

looks like it

kerim371 Nov 27, 2024
Author

Following to the description the further command npm run build then falls into the problems:

PS D:\dev\trame-deckgl\vue-components> npm run build

> trame-deckgl@2.0.0 build
> vue-cli-service build --target lib --name TrameDeckGL --filename trame-deckgl src/use.js

Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating

⠙  Building for production as library (commonjs,umd,umd-min)...Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
⠇  Building for production as library (commonjs,umd,umd-min)...

 ERROR  Failed to compile with 1 error                                                                        1:12:56 AM

D:\dev\trame-deckgl\vue-components\src\components\TrameDeck.js
   1:54  error  Delete `␍`  prettier/prettier
   2:1   error  Delete `␍`  prettier/prettier
   3:17  error  Delete `␍`  prettier/prettier
   4:21  error  Delete `␍`  prettier/prettier
   5:11  error  Delete `␍`  prettier/prettier
   6:20  error  Delete `␍`  prettier/prettier
   7:20  error  Delete `␍`  prettier/prettier
   8:7   error  Delete `␍`  prettier/prettier
   9:17  error  Delete `␍`  prettier/prettier
  10:20  error  Delete `␍`  prettier/prettier
  11:7   error  Delete `␍`  prettier/prettier
  12:15  error  Delete `␍`  prettier/prettier
  13:21  error  Delete `␍`  prettier/prettier
  14:22  error  Delete `␍`  prettier/prettier
  15:7   error  Delete `␍`  prettier/prettier
  16:23  error  Delete `␍`  prettier/prettier
  17:20  error  Delete `␍`  prettier/prettier
  18:7   error  Delete `␍`  prettier/prettier
  19:5   error  Delete `␍`  prettier/prettier
  20:11  error  Delete `␍`  prettier/prettier
  21:24  error  Delete `␍`  prettier/prettier
  22:29  error  Delete `␍`  prettier/prettier
  23:7   error  Delete `␍`  prettier/prettier
  24:18  error  Delete `␍`  prettier/prettier
  25:29  error  Delete `␍`  prettier/prettier
  26:7   error  Delete `␍`  prettier/prettier
  27:5   error  Delete `␍`  prettier/prettier
  28:13  error  Delete `␍`  prettier/prettier
  29:23  error  Delete `␍`  prettier/prettier
  30:24  error  Delete `␍`  prettier/prettier
  31:40  error  Delete `␍`  prettier/prettier
  32:92  error  Delete `␍`  prettier/prettier
  33:1   error  Delete `␍`  prettier/prettier
  34:32  error  Delete `␍`  prettier/prettier
  35:21  error  Delete `␍`  prettier/prettier
  36:21  error  Delete `␍`  prettier/prettier
  37:19  error  Delete `␍`  prettier/prettier
  38:27  error  Delete `␍`  prettier/prettier
  39:24  error  Delete `␍`  prettier/prettier
  40:12  error  Delete `␍`  prettier/prettier
  41:8   error  Delete `␍`  prettier/prettier
  42:7   error  Delete `␍`  prettier/prettier
  43:18  error  Delete `␍`  prettier/prettier
  44:22  error  Delete `␍`  prettier/prettier
  45:29  error  Delete `␍`  prettier/prettier
  46:25  error  Delete `␍`  prettier/prettier
  47:8   error  Delete `␍`  prettier/prettier
  48:7   error  Delete `␍`  prettier/prettier
  49:5   error  Delete `␍`  prettier/prettier
  50:20  error  Delete `␍`  prettier/prettier
  51:27  error  Delete `␍`  prettier/prettier
  52:5   error  Delete `␍`  prettier/prettier
  53:20  error  Delete `␍`  prettier/prettier
  54:22  error  Delete `␍`  prettier/prettier
  55:5   error  Delete `␍`  prettier/prettier
  56:27  error  Delete `␍`  prettier/prettier
  57:3   error  Delete `␍`  prettier/prettier

D:\dev\trame-deckgl\vue-components\src\components\index.js
  1:37  error  Delete `␍`  prettier/prettier
  2:1   error  Delete `␍`  prettier/prettier
  3:17  error  Delete `␍`  prettier/prettier
  4:13  error  Delete `␍`  prettier/prettier
  5:3   error  Delete `␍`  prettier/prettier

D:\dev\trame-deckgl\vue-components\src\use.js
  1:39  error  Delete `␍`  prettier/prettier
  2:1   error  Delete `␍`  prettier/prettier
  3:31  error  Delete `␍`  prettier/prettier
  4:46  error  Delete `␍`  prettier/prettier
  5:43  error  Delete `␍`  prettier/prettier
  6:6   error  Delete `␍`  prettier/prettier
  7:2   error  Delete `␍`  prettier/prettier

✖ 69 problems (69 errors, 0 warnings)
  69 errors and 0 warnings potentially fixable with the `--fix` option.


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
⠏  Building for production as library (commonjs,umd,umd-min)...

 ERROR  Failed to compile with 1 error                                                                        1:12:56 AM


D:\dev\trame-deckgl\vue-components\src\components\TrameDeck.js
   1:54  error  Delete `␍`  prettier/prettier
   2:1   error  Delete `␍`  prettier/prettier
   3:17  error  Delete `␍`  prettier/prettier
   4:21  error  Delete `␍`  prettier/prettier
   5:11  error  Delete `␍`  prettier/prettier
   6:20  error  Delete `␍`  prettier/prettier
   7:20  error  Delete `␍`  prettier/prettier
   8:7   error  Delete `␍`  prettier/prettier
   9:17  error  Delete `␍`  prettier/prettier
  10:20  error  Delete `␍`  prettier/prettier
  11:7   error  Delete `␍`  prettier/prettier
  12:15  error  Delete `␍`  prettier/prettier
  13:21  error  Delete `␍`  prettier/prettier
  14:22  error  Delete `␍`  prettier/prettier
  15:7   error  Delete `␍`  prettier/prettier
  16:23  error  Delete `␍`  prettier/prettier
  17:20  error  Delete `␍`  prettier/prettier
  18:7   error  Delete `␍`  prettier/prettier
  19:5   error  Delete `␍`  prettier/prettier
  20:11  error  Delete `␍`  prettier/prettier
  21:24  error  Delete `␍`  prettier/prettier
  22:29  error  Delete `␍`  prettier/prettier
  23:7   error  Delete `␍`  prettier/prettier
  24:18  error  Delete `␍`  prettier/prettier
  25:29  error  Delete `␍`  prettier/prettier
  26:7   error  Delete `␍`  prettier/prettier
  27:5   error  Delete `␍`  prettier/prettier
  28:13  error  Delete `␍`  prettier/prettier
  29:23  error  Delete `␍`  prettier/prettier
  30:24  error  Delete `␍`  prettier/prettier
  31:40  error  Delete `␍`  prettier/prettier
  32:92  error  Delete `␍`  prettier/prettier
  33:1   error  Delete `␍`  prettier/prettier
  34:32  error  Delete `␍`  prettier/prettier
  35:21  error  Delete `␍`  prettier/prettier
  36:21  error  Delete `␍`  prettier/prettier
  37:19  error  Delete `␍`  prettier/prettier
  38:27  error  Delete `␍`  prettier/prettier
  39:24  error  Delete `␍`  prettier/prettier
  40:12  error  Delete `␍`  prettier/prettier
  41:8   error  Delete `␍`  prettier/prettier
  42:7   error  Delete `␍`  prettier/prettier
  43:18  error  Delete `␍`  prettier/prettier
  44:22  error  Delete `␍`  prettier/prettier
  45:29  error  Delete `␍`  prettier/prettier
  46:25  error  Delete `␍`  prettier/prettier
  47:8   error  Delete `␍`  prettier/prettier
  48:7   error  Delete `␍`  prettier/prettier
  49:5   error  Delete `␍`  prettier/prettier
  50:20  error  Delete `␍`  prettier/prettier
  51:27  error  Delete `␍`  prettier/prettier
  52:5   error  Delete `␍`  prettier/prettier
  53:20  error  Delete `␍`  prettier/prettier
  54:22  error  Delete `␍`  prettier/prettier
  55:5   error  Delete `␍`  prettier/prettier
  56:27  error  Delete `␍`  prettier/prettier
  57:3   error  Delete `␍`  prettier/prettier

D:\dev\trame-deckgl\vue-components\src\components\index.js
  1:37  error  Delete `␍`  prettier/prettier
  2:1   error  Delete `␍`  prettier/prettier
  3:17  error  Delete `␍`  prettier/prettier
  4:13  error  Delete `␍`  prettier/prettier
  5:3   error  Delete `␍`  prettier/prettier

D:\dev\trame-deckgl\vue-components\src\use.js
  1:39  error  Delete `␍`  prettier/prettier
  2:1   error  Delete `␍`  prettier/prettier
  3:31  error  Delete `␍`  prettier/prettier
  4:46  error  Delete `␍`  prettier/prettier
  5:43  error  Delete `␍`  prettier/prettier
  6:6   error  Delete `␍`  prettier/prettier
  7:2   error  Delete `␍`  prettier/prettier

✖ 69 problems (69 errors, 0 warnings)
  69 errors and 0 warnings potentially fixable with the `--fix` option.


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
⠦  Building for production as library (commonjs,umd,umd-min)...

 ERROR  Failed to compile with 1 error                                                                        1:13:04 AM


D:\dev\trame-deckgl\vue-components\src\components\TrameDeck.js
   1:54  error  Delete `␍`  prettier/prettier
   2:1   error  Delete `␍`  prettier/prettier
   3:17  error  Delete `␍`  prettier/prettier
   4:21  error  Delete `␍`  prettier/prettier
   5:11  error  Delete `␍`  prettier/prettier
   6:20  error  Delete `␍`  prettier/prettier
   7:20  error  Delete `␍`  prettier/prettier
   8:7   error  Delete `␍`  prettier/prettier
   9:17  error  Delete `␍`  prettier/prettier
  10:20  error  Delete `␍`  prettier/prettier
  11:7   error  Delete `␍`  prettier/prettier
  12:15  error  Delete `␍`  prettier/prettier
  13:21  error  Delete `␍`  prettier/prettier
  14:22  error  Delete `␍`  prettier/prettier
  15:7   error  Delete `␍`  prettier/prettier
  16:23  error  Delete `␍`  prettier/prettier
  17:20  error  Delete `␍`  prettier/prettier
  18:7   error  Delete `␍`  prettier/prettier
  19:5   error  Delete `␍`  prettier/prettier
  20:11  error  Delete `␍`  prettier/prettier
  21:24  error  Delete `␍`  prettier/prettier
  22:29  error  Delete `␍`  prettier/prettier
  23:7   error  Delete `␍`  prettier/prettier
  24:18  error  Delete `␍`  prettier/prettier
  25:29  error  Delete `␍`  prettier/prettier
  26:7   error  Delete `␍`  prettier/prettier
  27:5   error  Delete `␍`  prettier/prettier
  28:13  error  Delete `␍`  prettier/prettier
  29:23  error  Delete `␍`  prettier/prettier
  30:24  error  Delete `␍`  prettier/prettier
  31:40  error  Delete `␍`  prettier/prettier
  32:92  error  Delete `␍`  prettier/prettier
  33:1   error  Delete `␍`  prettier/prettier
  34:32  error  Delete `␍`  prettier/prettier
  35:21  error  Delete `␍`  prettier/prettier
  36:21  error  Delete `␍`  prettier/prettier
  37:19  error  Delete `␍`  prettier/prettier
  38:27  error  Delete `␍`  prettier/prettier
  39:24  error  Delete `␍`  prettier/prettier
  40:12  error  Delete `␍`  prettier/prettier
  41:8   error  Delete `␍`  prettier/prettier
  42:7   error  Delete `␍`  prettier/prettier
  43:18  error  Delete `␍`  prettier/prettier
  44:22  error  Delete `␍`  prettier/prettier
  45:29  error  Delete `␍`  prettier/prettier
  46:25  error  Delete `␍`  prettier/prettier
  47:8   error  Delete `␍`  prettier/prettier
  48:7   error  Delete `␍`  prettier/prettier
  49:5   error  Delete `␍`  prettier/prettier
  50:20  error  Delete `␍`  prettier/prettier
  51:27  error  Delete `␍`  prettier/prettier
  52:5   error  Delete `␍`  prettier/prettier
  53:20  error  Delete `␍`  prettier/prettier
  54:22  error  Delete `␍`  prettier/prettier
  55:5   error  Delete `␍`  prettier/prettier
  56:27  error  Delete `␍`  prettier/prettier
  57:3   error  Delete `␍`  prettier/prettier

D:\dev\trame-deckgl\vue-components\src\components\index.js
  1:37  error  Delete `␍`  prettier/prettier
  2:1   error  Delete `␍`  prettier/prettier
  3:17  error  Delete `␍`  prettier/prettier
  4:13  error  Delete `␍`  prettier/prettier
  5:3   error  Delete `␍`  prettier/prettier

D:\dev\trame-deckgl\vue-components\src\use.js
  1:39  error  Delete `␍`  prettier/prettier
  2:1   error  Delete `␍`  prettier/prettier
  3:31  error  Delete `␍`  prettier/prettier
  4:46  error  Delete `␍`  prettier/prettier
  5:43  error  Delete `␍`  prettier/prettier
  6:6   error  Delete `␍`  prettier/prettier
  7:2   error  Delete `␍`  prettier/prettier

✖ 69 problems (69 errors, 0 warnings)
  69 errors and 0 warnings potentially fixable with the `--fix` option.


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
 ERROR  Error: Build failed with errors.
Error: Build failed with errors.
    at D:\dev\trame-deckgl\vue-components\node_modules\@vue\cli-service\lib\commands\build\index.js:207:23
    at D:\dev\trame-deckgl\vue-components\node_modules\webpack\lib\webpack.js:148:8
    at D:\dev\trame-deckgl\vue-components\node_modules\neo-async\async.js:2830:7
    at done (D:\dev\trame-deckgl\vue-components\node_modules\neo-async\async.js:2865:11)
    at D:\dev\trame-deckgl\vue-components\node_modules\neo-async\async.js:2818:7
    at D:\dev\trame-deckgl\vue-components\node_modules\webpack\lib\HookWebpackError.js:68:3
    at Hook.eval [as callAsync] (eval at create (D:\dev\trame-deckgl\vue-components\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (D:\dev\trame-deckgl\vue-components\node_modules\tapable\lib\Hook.js:18:14)
    at Cache.shutdown (D:\dev\trame-deckgl\vue-components\node_modules\webpack\lib\Cache.js:150:23)
    at D:\dev\trame-deckgl\vue-components\node_modules\webpack\lib\Compiler.js:1225:15
    at Hook.eval [as callAsync] (eval at create (D:\dev\trame-deckgl\vue-components\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (D:\dev\trame-deckgl\vue-components\node_modules\tapable\lib\Hook.js:18:14)
    at Compiler.close (D:\dev\trame-deckgl\vue-components\node_modules\webpack\lib\Compiler.js:1218:23)
    at D:\dev\trame-deckgl\vue-components\node_modules\webpack\lib\MultiCompiler.js:577:14
    at arrayEach (D:\dev\trame-deckgl\vue-components\node_modules\neo-async\async.js:2405:9)
    at Object.each (D:\dev\trame-deckgl\vue-components\node_modules\neo-async\async.js:2846:9)

jourdain Nov 27, 2024
Maintainer

Looks like windows end of lines. Maybe run npm run lint to fix the Windows formating issue.

kerim371 Nov 27, 2024
Author

Right! Thank you.
That was the issue.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Trame module as a development #638

{{title}}

Replies: 1 comment 7 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Trame module as a development #638

kerim371 Nov 27, 2024

Replies: 1 comment · 7 replies

jourdain Nov 27, 2024 Maintainer

kerim371 Nov 27, 2024 Author

jourdain Nov 27, 2024 Maintainer

kerim371 Nov 27, 2024 Author

jourdain Nov 27, 2024 Maintainer

kerim371 Nov 27, 2024 Author

kerim371
Nov 27, 2024

Replies: 1 comment 7 replies

jourdain
Nov 27, 2024
Maintainer

kerim371 Nov 27, 2024
Author

jourdain Nov 27, 2024
Maintainer

kerim371 Nov 27, 2024
Author

jourdain Nov 27, 2024
Maintainer

kerim371 Nov 27, 2024
Author