[15.0][MIG] web_widget_bokeh_chart

Author: ChrisOForgeFlow

requirements.txt

@@ -1,2 +1,2 @@
 # generated from manifests external_dependencies
-bokeh==2.3.1
+bokeh==2.4.2

web_environment_ribbon/static/src/js/ribbon.js

@@ -7,7 +7,6 @@
 
 odoo.define("web_environment_ribbon.ribbon", function (require) {
     "use strict";
-
     var rpc = require("web.rpc");
     var core = require("web.core");
 

web_m2x_options/static/src/js/form.js

@@ -3,7 +3,6 @@
 
 odoo.define("web_m2x_options.web_m2x_options", function (require) {
     "use strict";
-
     var core = require("web.core"),
         data = require("web.data"),
         Dialog = require("web.Dialog"),

web_widget_bokeh_chart/README.rst

@@ -23,7 +23,7 @@ Web Widget Bokeh Chart
     :target: https://runbot.odoo-community.org/runbot/162/14.0
     :alt: Try me on Runbot
 
-|badge1| |badge2| |badge3| |badge4| |badge5| 
+|badge1| |badge2| |badge3| |badge4| |badge5|
 
 This module add the possibility to insert Bokeh charts into Odoo standard views.
 
@@ -52,7 +52,7 @@ Installation
 
 You need to install the python bokeh library::
 
-    pip3 install bokeh==2.3.1
+    pip3 install bokeh==2.4.2
 
 Usage
 =====
@@ -75,7 +75,7 @@ To insert a Bokeh chart in a view proceed as follows:
             line = p.line([0, 2], [1, 8], line_width=5)
             # (...)
             # fill the record field with both markup and the script of a chart.
-            script, div = components(p)
+            script, div = components(p, wrap_script=False)
             rec.bokeh_chart = '%s%s' % (div, script)
 
 #. In the view, add something like this wherever you want to display your
@@ -109,6 +109,7 @@ Contributors
 * Jordi Ballester Alomar <[email protected]>
 * Lois Rilo Antelo <[email protected]>
 * Artem Kostyuk <[email protected]>
+* Christopher ormaza <[email protected]>
 
 Other credits
 ~~~~~~~~~~~~~
@@ -134,11 +135,15 @@ promote its widespread use.
 .. |maintainer-LoisRForgeFlow| image:: https://github.com/LoisRForgeFlow.png?size=40px
     :target: https://github.com/LoisRForgeFlow
     :alt: LoisRForgeFlow
+.. |maintainer-ChrisOForgeFlow| image:: https://github.com/ChrisOForgeFlow.png?size=40px
+    :target: https://github.com/ChrisOForgeFlow
+    :alt: ChrisOForgeFlow
 
 Current `maintainer <https://odoo-community.org/page/maintainer-role>`__:
 
-|maintainer-LoisRForgeFlow| 
+|maintainer-LoisRForgeFlow|
+|maintainer-ChrisOForgeFlow|
 
-This module is part of the `OCA/web <https://github.com/OCA/web/tree/14.0/web_widget_bokeh_chart>`_ project on GitHub.
+This module is part of the `OCA/web <https://github.com/OCA/web/tree/15.0/web_widget_bokeh_chart>`_ project on GitHub.
 
 You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

web_widget_bokeh_chart/__manifest__.py

@@ -6,13 +6,18 @@
     "category": "Hidden",
     "summary": "This widget allows to display charts using Bokeh library.",
     "author": "ForgeFlow, " "Odoo Community Association (OCA)",
-    "version": "14.0.2.3.1",
-    "maintainers": ["LoisRForgeFlow"],
+    "version": "15.0.1.0.0",
+    "maintainers": ["LoisRForgeFlow", "ChrisOForgeFlow"],
     "development_status": "Production/Stable",
     "website": "https://github.com/OCA/web",
     "depends": ["web"],
-    "data": ["views/web_widget_bokeh_chart.xml"],
-    "external_dependencies": {"python": ["bokeh==2.3.1"]},
+    "data": [],
+    "external_dependencies": {"python": ["bokeh==2.4.2"]},
     "auto_install": False,
     "license": "LGPL-3",
+    "assets": {
+        "web.assets_backend": [
+            "web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.esm.js",
+        ],
+    },
 }

web_widget_bokeh_chart/readme/CONTRIBUTORS.rst

@@ -1,3 +1,4 @@
 * Jordi Ballester Alomar <[email protected]>
 * Lois Rilo Antelo <[email protected]>
 * Artem Kostyuk <[email protected]>
+* Christopher Ormaza <[email protected]>

web_widget_bokeh_chart/readme/INSTALL.rst

@@ -1,3 +1,3 @@
 You need to install the python bokeh library::
 
-    pip3 install bokeh==2.3.1
+    pip3 install bokeh==2.4.2

web_widget_bokeh_chart/readme/USAGE.rst

@@ -16,7 +16,7 @@ To insert a Bokeh chart in a view proceed as follows:
             line = p.line([0, 2], [1, 8], line_width=5)
             # (...)
             # fill the record field with both markup and the script of a chart.
-            script, div = components(p)
+            script, div = components(p, wrap_script=False)
             rec.bokeh_chart = '%s%s' % (div, script)
 
 #. In the view, add something like this wherever you want to display your

web_widget_bokeh_chart/static/src/js/web_widget_bokeh_chart.esm.js

@@ -0,0 +1,32 @@
+/** @odoo-module **/
+
+import basicFields from "web.basic_fields";
+import fieldRegistry from "web.field_registry";
+
+const BokehChartWidget = basicFields.FieldChar.extend({
+    jsLibs: [
+        "/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-2.4.2.min.js",
+        "/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-api-2.4.2.min.js",
+        "/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-widgets-2.4.2.min.js",
+        "/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-tables-2.4.2.min.js",
+        "/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-mathjax-2.4.2.min.js",
+        "/web_widget_bokeh_chart/static/src/lib/bokeh/bokeh-gl-2.4.2.min.js",
+    ],
+    _renderReadonly: function () {
+        try {
+            const val = JSON.parse(this.value);
+            this.$el.html(val.div);
+            const script = document.createElement("script");
+            script.setAttribute("type", "text/javascript");
+            if ("textContent" in script) script.textContent = val.script;
+            else script.text = val.script;
+            $("head").append(script);
+        } catch (error) {
+            return this._super(...arguments);
+        }
+    },
+});
+
+fieldRegistry.add("bokeh_chart", BokehChartWidget);
+
+export default BokehChartWidget;