[Canvas] Embedding Workpads in other Websites (elastic#42545) (elasti…

…c#44205)

* [1] Create JSON export endpoint

* [2] Runtime Created + Test Environment

* [3] Reorganizing + Improving UI + CSS Modules

* [4] Make External Embed asset downloadable

* [5] More UI work

* [5] Fixing UI Bugs

* A few tweaks

* Add README

* Addressing feedback

* Fix yarn.lock

* Addressing changes to types

* Updating renovate config

* Add docs; address feedback

* Missed adding a file

* Revising runtime build script + tree shaking

* Addressing feedback

* Add TS + Examples to Workpad Export; create Snapshot Service

* migrate external_runtime script to dev/run

* Convert Workpad Export to TS; Snapshot

* Scope EUI and other CSS; remove snapshot service (for now)

* Update snapshot testing; provide better script

* Update runtime API for effortless embeds

* Major fixes and changes; switched to flyout for embedding

* Switch to HAPI static file service; correct Canvas Workpad type

* Add ts-ignore to inert handler

* Initial ZIP File impl

* Finishing feedback from peers and meetings

* Clean-up

* Use EUI SASS vars, copy changes

* Updating build scripts

* Fix Renovate

.sass-lint.yml

@@ -7,32 +7,29 @@ files:
     - 'x-pack/legacy/plugins/rollup/**/*.s+(a|c)ss'
     - 'x-pack/legacy/plugins/security/**/*.s+(a|c)ss'
     - 'x-pack/legacy/plugins/canvas/**/*.s+(a|c)ss'
+  ignore:
+    - 'x-pack/legacy/plugins/canvas/external_runtime/**/*.s+(a|c)ss'
 rules:
   quotes:
     - 2
-    -
-      style: 'single'
+    - style: 'single'
   # } else { style on one line, like our JS
   brace-style:
     - 2
-    -
-      style: '1tbs'
+    - style: '1tbs'
   variable-name-format:
     - 2
-    -
-      convention: 'camelcase'
+    - convention: 'camelcase'
   # Needs regex, right now we ignore
   class-name-format: 0
   # Order how you please
   property-sort-order: 0
   hex-notation:
     - 2
-    -
-      style: 'uppercase'
+    - style: 'uppercase'
   mixin-name-format:
     - 2
-    -
-      allow-leading-underscore: false
+    - allow-leading-underscore: false
       convention: 'camelcase'
   # Use none instead of 0 for no border
   border-zero:
@@ -47,8 +44,7 @@ rules:
   indentation: 2
   function-name-format:
     - 2
-    -
-      allow-leading-underscore: false
+    - allow-leading-underscore: false
       convention: 'camelcase'
   # This removes the need for ::hover
   pseudo-element: 0
@@ -62,23 +58,20 @@ rules:
   force-attribute-nesting: 0
   no-qualifying-elements:
     - 2
-    -
-      # Allows input[type=search]
+    - # Allows input[type=search]
       allow-element-with-attribute: 1
   # Files can end without a newline
   final-newline: 0
   # We use some rare duplicate property values for browser variance
   no-duplicate-properties:
     - 2
-    -
-      exclude:
+    - exclude:
         - 'font-size'
         - 'word-break'
   # Put a line-break between sections of CSS, but allow quicky one-liners for legibility
   empty-line-between-blocks:
     - 2
-    -
-      allow-single-line-rulesets: 1
+    - allow-single-line-rulesets: 1
   # Warns are nice for deprecations and development
   no-warn: 0
   # Transition all is useful in certain situations and there's no recent info to suggest slowdown

package.json

@@ -415,6 +415,7 @@
     "nock": "10.0.6",
     "node-sass": "^4.9.4",
     "normalize-path": "^3.0.0",
+    "null-loader": "^3.0.0",
     "nyc": "^14.1.1",
     "pixelmatch": "4.0.2",
     "pkg-up": "^2.0.0",