pgn-parser - experimenty s npm

[Bebul]

Chci použít: https://github.com/mliebelt/pgn-parser

V IntelliJ build in terminal:

D:\dev\MondayFight>npm i @mliebelt/pgn-parser --save
npm WARN saveError ENOENT: no such file or directory, open 'D:\dev\MondayFight\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\dev\MondayFight\package.json'
npm WARN MondayFight No description
npm WARN MondayFight No repository field.
npm WARN MondayFight No README data
npm WARN MondayFight No license field.

+ @mliebelt/[email protected]
added 1 package from 1 contributor and audited 1 package in 4.836s
found 0 vulnerabilities

Zkoušel jsem předtím použít zdrojáky přes github clone. Ale řvalo to mnoho různých errorů, souvisejících s module, require atd.

[Bebul]

Uncaught SyntaxError: Cannot use import statement outside a module

[Bebul]

Řešením bylo použití Browserify. Je to tricky:

• nainstaloval jsem Browserify zmíněným příkazem z IntelliJ terminálu příkazem npm
• mám teď browserify přístupný z cmd.exe

1. do jeho zdrojáků nechceme zasahovat a pgn-parser.js lze použít jen v nějakém module, rádoby Node.js stylu.
2. proto si vyrobím vlastní skript, který vystěhuje to co potřebuju ven
   • hlavní trik: funkce se vystěhuje do window.mojeFunkce = funkceKterouChci

Napsal jsem to jako dokumentační issue přímo k tomu pgn-parser

[Bebul]

I had hard time to make the library possible to use in the client side application, Browser.

The successfull steps were at last:

1. install Browserify
2. store the parse function as window property
   File: parsePgn.js

   const parser =  require('./pgn-parser.js')
   window.parsePgn = parser.parse

3. process newly created parsePgn.js through Browserify:

 browserify parsePgn.js -o pgn-bundle.js

4. in the index.html then use

 <script type="text/javascript" src="pgn/pgn-bundle.js"></script>

5. and the parsePgn is now available:

    let gameList = parsePgn('[White "Me"] [Black "Magnus"] 1. f4 e5 2. g4 Qh4#', {startRule: "game"});