Dashboard node import and render in browser (#2374)

esphome/components/dashboard_import/__init__.py

@@ -0,0 +1,45 @@
+from pathlib import Path
+
+import esphome.codegen as cg
+import esphome.config_validation as cv
+from esphome.components.packages import validate_source_shorthand
+from esphome.yaml_util import dump
+
+
+dashboard_import_ns = cg.esphome_ns.namespace("dashboard_import")
+
+# payload is in `esphomelib` mdns record, which only exists if api
+# is enabled
+DEPENDENCIES = ["api"]
+CODEOWNERS = ["@esphome/core"]
+
+
+def validate_import_url(value):
+    value = cv.string_strict(value)
+    value = cv.Length(max=255)(value)
+    # ignore result, only check if it's a valid shorthand
+    validate_source_shorthand(value)
+    return value
+
+
+CONF_PACKAGE_IMPORT_URL = "package_import_url"
+CONFIG_SCHEMA = cv.Schema(
+    {
+        cv.Required(CONF_PACKAGE_IMPORT_URL): validate_import_url,
+    }
+)
+
+
+async def to_code(config):
+    cg.add_define("USE_DASHBOARD_IMPORT")
+    cg.add(dashboard_import_ns.set_package_import_url(config[CONF_PACKAGE_IMPORT_URL]))
+
+
+def import_config(path: str, name: str, project_name: str, import_url: str) -> None:
+    p = Path(path)
+
+    if p.exists():
+        raise FileExistsError
+
+    config = {"substitutions": {"name": name}, "packages": {project_name: import_url}}
+    p.write_text(dump(config), encoding="utf8")