Render is not exiting (not doing anything) about terminalizer

[faressoft]

@olstenlarck

Great, can you edit the code on render/index.js and change show: false to show: true.

And then execute

./node_modules/electron/dist/electron render/index.js

Open the devTools, you can find it in the menus view > Toggle Developer Tools. Check if there is any errors in the Console.

[rgehan]

Had the same issue, fixed it by installing terminalizer via NPM instead of Yarn

[unix]

I found the reason for this problem.

In the YML configuration file, a simple comment may lead to null values.
for example (in config.yml):

  frameBox:
    type: floating
    title: fine.sh
    style:
        # border: 0px black solid

style:

render command is not working properly, If I set a null value for style. but as long as I assign it a value of Array, everything is working again.

and a simple solution (if you have a similar problem, you can check .yml file.):

  frameBox:
    type: floating
    title: fine.sh
    style: []

[tunnckoCore]

Yes. 😆 Seems like others are flattened all. Hm.

[shirobachi]

I think I've similar problem ..
Im on i3wm ubuntu 20.04LTS I when I run

~ ⇨ sudo npm install -g electron --unsafe-perm=true --allow-root

changed 87 packages, and audited 88 packages in 6s

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

found 0 vulnerabilities

record and play work fine but render:

~ ⇨ terminalizer render Downloads/test
Error: 
  Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/terminalizer/render/frames'

Hint:
  Use the --help option to get help about the usage

[shirobachi]

Actually Im not sure if it's about terminalizer or npm bc I've problem with other npm package too ..

[faressoft]

So the issue is about the render command right? Is there any output like the progress bars?

I tried your recording fine and it is rendered on my machine without any issues.

[tunnckoCore]

No progress bars, probably takes too long? i'll try to let it go and if it will finish in ~10 minutes ;d

[tunnckoCore]

Damn, i even forgot about that :D No success.

~/tunnckoCore/brom
❯ terminalizer render demo
^C

~/tunnckoCore/brom 2h 53m 5s
❯ 

[faressoft]

@olstenlarck are you running it on a Linux without GUI ?

[tunnckoCore]

Nope.

I'm on i3.

[faressoft]

Can you please find the path where terminalizer is installed.

Cd into it

cd /usr/local/lib/node_modules/terminalizer

Execute

./node_modules/electron/dist/electron

Doesn't open Electron window ?

[tunnckoCore]

Opens. I'm using other apps too.

And trying above.

[tunnckoCore]

~/tunnckoCore/foobar
❯ yarn add terminalizer
 
~/tunnckoCore/foobar
❯ ls node_modules/terminalizer                                      
bin/  commands/  img/  lib/  node_modules/  render/  app.js  config.yml  di.js  LICENSE  package.json  README.md  utility.js

~/tunnckoCore/foobar
❯ ls node_modules/terminalizer/node_modules 

~/tunnckoCore/foobar
❯ ls node_modules/electron/dist/electron 
node_modules/electron/dist/electron*

~/tunnckoCore/foobar
❯ ./node_modules/electron/dist/electron

[tunnckoCore]

😆

Failed to load resource: net::ERR_FILE_NOT_FOUND
xterm.js Failed to load resource: net::ERR_FILE_NOT_FOUND
jquery.min.js Failed to load resource: net::ERR_FILE_NOT_FOUND
async.min.js Failed to load resource: net::ERR_FILE_NOT_FOUND
terminalizer.js:300 Uncaught ReferenceError: jQuery is not defined
    at terminalizer.js:300
index.html:96 Uncaught ReferenceError: $ is not defined
    at index.html:96
/home/charlike/tunnckoCore/esmc-examples/node_modules/electron/dist/resources/electron.asar/renderer/security-warnings.js:188 Electron Security Warning (Insecure Content-Security-Policy) This renderer process has either no Content Security Policy set or a policy with "unsafe-eval" enabled. This exposes users of this app to unnecessary security risks.

For more information and help, consult https://electronjs.org/docs/tutorial/security.
This warning will not show up once the app is packaged.
warnAboutInsecureCSP @ /home/charlike/tunnckoCore/esmc-examples/node_modules/electron/dist/resources/electron.asar/renderer/security-warnings.js:188

Is the error.

[tunnckoCore]

Oookey, replacing them with jsDelivr mostly works. Errors keep coming.

[tunnckoCore]

Error loading data.json on terminalizer.js:100

[faressoft]

About data.json no worries. Just use render command without hacking the app like this :p

[tunnckoCore]

I'm using what you said, render/index.js from there it loads render/index.html too, so there i replace relative script tags to jsDelivr.

In anyway, think for better electron packaging... ?

[faressoft]

Yes I got your idea about jsDelivr. But the question why the files are not loaded !

Please send me the output of

npm list

[tunnckoCore]

Hm. Wait a bit. I'll try npm too.

[faressoft]

Can you find this path

node_modules/jquery/dist/jquery.min.js

[tunnckoCore]

Hm.

~/tunnckoCore/foobar 9s
❯ npm list | grep jquery
  ├── [email protected]

~/tunnckoCore/foobar
❯ ls node_modules/jquery/dist/       
core.js  jquery.js  jquery.min.js  jquery.min.map  jquery.slim.js  jquery.slim.min.js  jquery.slim.min.map

~/tunnckoCore/foobar
❯ ls node_modules/terminalizer/node_modules 
fs-extra/

Probably because the flattening. I'll try pnpm because is more strict.

[faressoft]

@rgehan What do you think the reason is ?

[rgehan]

I didn't investigate so I couldn't say. I'll try to find what were the errors

[faressoft]

@olstenlarck

So under terminalizer/node_modules we don't have jQuery !

[tunnckoCore]

I already tried. Still no success, until i git clone and just npm install, it just freaking works. But why it fails when installing through package managers?

I hardly believe that you should think for better packaging, first. Or second im not sure about this node-pty-prebuilt.

[tunnckoCore]

No, we don't have lodash in your deps, btw.

[tunnckoCore]

With pnpm i supposed it would work, since it does not flat deps, so that way i found that you don have lodash in you pacakge.json - first. Secon, using pnpm iddn't worked eeither because it creates links.

[faressoft]

lodash Wow ! I forgot that. I should add it.

~/tunnckoCore/foobar
❯ ls node_modules/terminalizer/node_modules 
fs-extra/

Does this output means that the only installed dependency is fs-extra under terminalizer/node_modules ?

[faressoft]

So the app check the current node_modules for the dependencies, if not found it checks the node_modules of the parent directory. But I didn't know that yarn install things in this way, since I am linking the frontend dependencies considering that they are installed in the current node_modules under terminalizer directory.

Have you tried npm install -g terminalizer instead of yarn !

[tunnckoCore]

the above

~/tunnckoCore/foobar
❯ ls node_modules/terminalizer/node_modules 
fs-extra/

was using npm.

I can't even install it globally. :D For some freaking reason.

~/tunnckoCore
❯ ls ~/.nvm/versions/node/v8.11.2/lib/node_modules 
npm/  yarn/

~/tunnckoCore
❯ npm i -g terminalizer
/home/charlike/.nvm/versions/node/v8.11.2/bin/terminalizer -> /home/charlike/.nvm/versions/node/v8.11.2/lib/node_modules/terminalizer/bin/app.js

> [email protected] install /home/charlike/.nvm/versions/node/v8.11.2/lib/node_modules/terminalizer/node_modules/node-pty-prebuilt
> prebuild-install || node scripts/install.js


> [email protected] postinstall /home/charlike/.nvm/versions/node/v8.11.2/lib/node_modules/terminalizer/node_modules/electron
> node install.js


> [email protected] postinstall /home/charlike/.nvm/versions/node/v8.11.2/lib/node_modules/terminalizer/node_modules/node-pty-prebuilt
> node scripts/post-install.js

+ [email protected]
added 266 packages in 12.45s

~/tunnckoCore 14s
❯ terminalizer record demo              
/home/charlike/.config/yarn/global/node_modules/terminalizer/node_modules/electron/index.js:9
  throw new Error('Electron failed to install correctly, please delete node_modules/electron and try installing again')
  ^

Error: Electron failed to install correctly, please delete node_modules/electron and try installing again
    at Object.<anonymous> (/home/charlike/.config/yarn/global/node_modules/terminalizer/node_modules/electron/index.js:9:9)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/home/charlike/.config/yarn/global/node_modules/terminalizer/app.js:22:21)
    at Module._compile (module.js:652:30)

[tunnckoCore]

That's one fresh node. I don't know why Electron fails to build.

[faressoft]

Please uninstall terminalizer if already installed.

Execute

rm -rf ~/.electron

Then install it using npm globally.

[tunnckoCore]

Still the same

~/tunnckoCore/foobar
❯ nvm install 9
Downloading and installing node v9.11.2...
Downloading https://nodejs.org/dist/v9.11.2/node-v9.11.2-linux-x64.tar.xz...
######################################################################################################################## 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v9.11.2 (npm v5.6.0)

~/tunnckoCore/foobar
❯ sudo rm -rf ~/.electro*

~/tunnckoCore/foobar
❯ npm i -g terminalizer
/home/charlike/.nvm/versions/node/v9.11.2/bin/terminalizer -> /home/charlike/.nvm/versions/node/v9.11.2/lib/node_modules/terminalizer/bin/app.js

> [email protected] install /home/charlike/.nvm/versions/node/v9.11.2/lib/node_modules/terminalizer/node_modules/node-pty-prebuilt
> prebuild-install || node scripts/install.js


> [email protected] postinstall /home/charlike/.nvm/versions/node/v9.11.2/lib/node_modules/terminalizer/node_modules/electron
> node install.js

Downloading SHASUMS256.txt
[============================================>] 100.0% of 5.33 kB (5.33 kB/s)

> [email protected] postinstall /home/charlike/.nvm/versions/node/v9.11.2/lib/node_modules/terminalizer/node_modules/node-pty-prebuilt
> node scripts/post-install.js

+ [email protected]
added 266 packages in 66.809s

~/tunnckoCore/foobar 1m 8s
❯ terminalizer record sasa
/home/charlike/.config/yarn/global/node_modules/terminalizer/node_modules/electron/index.js:9
  throw new Error('Electron failed to install correctly, please delete node_modules/electron and try installing again')
  ^

Error: Electron failed to install correctly, please delete node_modules/electron and try installing again
    at Object.<anonymous> (/home/charlike/.config/yarn/global/node_modules/terminalizer/node_modules/electron/index.js:9:9)
    at Module._compile (internal/modules/cjs/loader.js:654:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
    at Module.load (internal/modules/cjs/loader.js:566:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
    at Function.Module._load (internal/modules/cjs/loader.js:498:3)
    at Module.require (internal/modules/cjs/loader.js:598:17)
    at require (internal/modules/cjs/helpers.js:11:18)
    at Object.<anonymous> (/home/charlike/.config/yarn/global/node_modules/terminalizer/app.js:22:21)
    at Module._compile (internal/modules/cjs/loader.js:654:30)

~/tunnckoCore/foobar
❯ 

[tunnckoCore]

Seems working or fixed. Fresh nvm install, fresh Node 10.8, fresh Yarn 1.9, but when terminalizer render demo it doe snot show the progress and seems like it does not creates any files anywhere.. not in ~, not in current working directoy, not in /tmp... hm?

[tunnckoCore]

terminalizer play demo works just fine.

[faressoft]

Can you please uninstall and install terminalizer again and confirm if everything is working fine with the new version that includes a prebuilt for Node.js v10

[tunnckoCore]

Same thing.

❯ sudo rm -rf ~/.elect*   
[sudo] password for charlike:            

~/tunnckoCore/flow-reporter-codeframe master *
❯ npm i -g terminalizer
/home/charlike/.nvm/versions/node/v10.8.0/bin/terminalizer -> /home/charlike/.nvm/versions/node/v10.8.0/lib/node_modules/terminalizer/bin/app.js

> [email protected] install /home/charlike/.nvm/versions/node/v10.8.0/lib/node_modules/terminalizer/node_modules/node-pty-prebuilt
> prebuild-install || node scripts/install.js


> [email protected] postinstall /home/charlike/.nvm/versions/node/v10.8.0/lib/node_modules/terminalizer/node_modules/electron
> node install.js

Downloading SHASUMS256.txt
[============================================>] 100.0% of 5.33 kB (5.33 kB/s)

> [email protected] postinstall /home/charlike/.nvm/versions/node/v10.8.0/lib/node_modules/terminalizer/node_modules/node-pty-prebuilt
> node scripts/post-install.js

+ [email protected]
added 267 packages from 189 contributors in 64.7s


   ╭───────────────────────────────────────────────────────────────╮
   │                                                               │
   │       New minor version of npm available! 6.2.0 → 6.3.0       │
   │   Changelog: https://github.com/npm/cli/releases/tag/v6.3.0   │
   │               Run npm install -g npm to update!               │
   │                                                               │
   ╰───────────────────────────────────────────────────────────────╯


~/tunnckoCore/flow-reporter-codeframe master * 1m 9s
❯ terminalizer record foooo
The recording session is started
Press CTRL+D to exit and save the recording
[charlike@arckos flow-reporter-codeframe]$ ls -al
total 316
drwxr-xr-x  12 charlike charlike   4096 Aug 17 16:30 .
drwxr-xr-x   8 charlike charlike   4096 Aug 11 15:35 ..
-rw-r--r--   1 charlike charlike    594 Aug 11 13:48 .all-contributorsrc
drwxr-xr-x   2 charlike charlike   4096 Aug 11 14:39 bin
drwxr-xr-x   2 charlike charlike   4096 Aug 11 13:48 .circleci
-rw-r--r--   1 charlike charlike   3246 Aug 11 13:48 CODE_OF_CONDUCT.md
-rw-r--r--   1 charlike charlike   1517 Aug 11 13:48 CONTRIBUTING.md
drwxr-xr-x   3 charlike charlike   4096 Aug 11 14:52 coverage
-rw-r--r--   1 charlike charlike   5249 Aug 17 16:30 demo.yml
drwxr-xr-x   2 charlike charlike   4096 Aug 11 13:48 docs
-rw-r--r--   1 charlike charlike    218 Aug 11 13:48 .editorconfig
-rw-r--r--   1 charlike charlike     14 Aug 11 13:48 .eslintignore
-rw-r--r--   1 charlike charlike     89 Aug 11 14:42 .flowconfig
drwxr-xr-x   8 charlike charlike   4096 Aug 17 16:33 .git
-rw-r--r--   1 charlike charlike    437 Aug 11 13:48 .gitignore
-rw-r--r--   1 charlike charlike  11390 Aug 11 13:48 LICENSE
drwxr-xr-x   2 charlike charlike   4096 Aug 11 15:17 media
drwxr-xr-x 537 charlike charlike  20480 Aug 11 15:23 node_modules
drwxr-xr-x   2 charlike charlike   4096 Aug 11 17:44 .nyc_output
-rw-r--r--   1 charlike charlike   2107 Aug 11 17:43 package.json
-rw-r--r--   1 charlike charlike  10179 Aug 11 18:11 README.md
drwxr-xr-x   2 charlike charlike   4096 Aug 11 14:39 src
drwxr-xr-x   4 charlike charlike   4096 Aug 11 17:44 test
-rw-r--r--   1 charlike charlike   8340 Aug 11 18:11 .verb.md
-rw-r--r--   1 charlike charlike 179410 Aug 11 15:21 yarn.lock
[charlike@arckos flow-reporter-codeframe]$ logout
Successfully Recorded
The recording data is saved into the file:
/home/charlike/tunnckoCore/flow-reporter-codeframe/foooo.yml
You can edit the file and even change the configurations.

~/tunnckoCore/flow-reporter-codeframe master *
❯ terminalizer render foooo

~/tunnckoCore/flow-reporter-codeframe master *
❯ 

[faressoft]

@olstenlarck Can you please edit the following files

vim ~/.nvm/versions/node/v10.8.0/lib/node_modules/terminalizer/render/index.js

Change

new BrowserWindow({show: false, width: 8000, height: 8000});

To

new BrowserWindow({});

And

vim ~/.nvm/versions/node/v10.8.0/lib/node_modules/terminalizer/render/index.html

Change

frameDelay: 0

To

frameDelay: 5000

To show the rendering window. Execute the terminalizer render demo then open the dev tools in the shown window and check for any errors in the Console tab.

[tunnckoCore]

With Yarn, it's the same thing - jQuery is not defined.

With NPM, everything works now, using 0.2.11

[xiaozhuai]

Tody, I have the same problem.
The problem is, when npm install global package, it install dependencies under it's node_modules dir.
but yarn install dependencies in another way.
And then I search for node_modules in source, it's here.
In render/index.html

6:  <link rel="stylesheet" href="../node_modules/xterm/dist/xterm.css">
29:  <script src="../node_modules/xterm/dist/xterm.js"></script>
30:  <script src="../node_modules/jquery/dist/jquery.min.js"></script>
31:  <script src="../node_modules/async/dist/async.min.js"></script>

to import jquery, for example, it should be replaced to

<script>window.$ = window.jQuery = require('jquery/dist/jquery.min');</script>

Same for other imports use node_modules path.

Sorry for my English...I hope that might works!

[Djouko]

Bonjour. j'ai des problemes sur la sauvegarde des conigurations effectuees sur les terminaux. j.ai essaye terminalizer , mais on me dis que la commande est introuvable.
s'il-vous-plait, j'ai besoin d'aide !