{"id": "plugin_hooks:plugin-hook-extra-js-urls", "page": "plugin_hooks", "ref": "plugin-hook-extra-js-urls", "title": "extra_js_urls(template, database, table, columns, view_name, request, datasette)", "content": "This takes the same arguments as  extra_template_vars(...) \n                 This works in the same way as  extra_css_urls()  but for JavaScript. You can\n                    return a list of URLs, a list of dictionaries or an awaitable function that returns those things: \n                 from datasette import hookimpl\n\n\n@hookimpl\ndef extra_js_urls():\n    return [\n        {\n            \"url\": \"https://code.jquery.com/jquery-3.3.1.slim.min.js\",\n            \"sri\": \"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\",\n        }\n    ] \n                 You can also return URLs to files from your plugin's  static/  directory, if\n                    you have one: \n                 @hookimpl\ndef extra_js_urls():\n    return [\"/-/static-plugins/your-plugin/app.js\"] \n                 Note that  your-plugin  here should be the hyphenated plugin name - the name that is displayed in the list on the  /-/plugins  debug page. \n                 If your code uses  JavaScript modules  you should include the  \"module\": True  key. See  Custom CSS and JavaScript  for more details. \n                 @hookimpl\ndef extra_js_urls():\n    return [\n        {\n            \"url\": \"/-/static-plugins/your-plugin/app.js\",\n            \"module\": True,\n        }\n    ] \n                 Examples:  datasette-cluster-map ,  datasette-vega", "breadcrumbs": "[\"Plugin hooks\", \"Page extras\"]", "references": "[{\"href\": \"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules\", \"label\": \"JavaScript modules\"}, {\"href\": \"https://datasette.io/plugins/datasette-cluster-map\", \"label\": \"datasette-cluster-map\"}, {\"href\": \"https://datasette.io/plugins/datasette-vega\", \"label\": \"datasette-vega\"}]"}