fix mmm-embed

7 files changed, 27 insertions, 13 deletions

diff --git a/mmm/mmmfs/converts.moon b/mmm/mmmfs/converts.moon
index 8d6b953..c3f0522 100644
--- a/mmm/mmmfs/converts.moon
+++ b/mmm/mmmfs/converts.moon
@@ -40,7 +40,9 @@ converts = {
     transform: (node) => if MODE == 'SERVER' then node else node.outerHTML
   },
   {
-    inp: 'text/html%+frag',
+    -- inp: 'text/html%+frag',
+    -- @TODO: this doesn't feel right... maybe mmm/dom has to go?
+    inp: 'mmm/dom',
     out: 'text/html',
     transform: (html, fileder) => render html, fileder
   },
diff --git a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon
index d348f4b..f47e03f 100644
--- a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon
+++ b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon
@@ -1,7 +1,29 @@
-assert MODE == 'CLIENT', '[nossr]'
+import div from require 'mmm.dom'
+
+if MODE ~= 'CLIENT'
+  class Dummy
+    render: =>
+      div 'Interactive Example not available with Server-Side rendering', style:
+        position: 'relative'
+        resize: 'horizontal'
+        overflow: 'hidden'
+
+        width: '576px'
+        height: '324px'
+        'min-width': '324px'
+        'max-width': '742px'
+
+        margin: 'auto'
+        padding: '10px'
+        boxSizing: 'border-box'
+        background: 'var(--gray-bright)'
+
+  return {
+    UIDemo: Dummy
+    Example: Dummy
+  }
 
 import CanvasApp from require 'mmm.canvasapp'
-import div from require 'mmm.dom'
 
 class UIDemo extends CanvasApp
   width: nil
diff --git a/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon
index 499f9aa..33478bf 100644
--- a/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon
+++ b/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon
@@ -1,6 +1,4 @@
 =>
-  assert MODE == 'CLIENT', '[nossr]'
-
   import UIDemo from @get '_base: table'
 
   class FitDemo extends UIDemo
diff --git a/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon
index 38aeac1..905c313 100644
--- a/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon
+++ b/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon
@@ -1,6 +1,4 @@
 =>
-  assert MODE == 'CLIENT', '[nossr]'
-
   import UIDemo from @get '_base: table'
 
   arr = (args) ->
diff --git a/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon
index 2017e20..56e6cea 100644
--- a/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon
+++ b/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon
@@ -1,6 +1,4 @@
 =>
-  assert MODE == 'CLIENT', '[nossr]'
-
   import Box, Example from @get '_base: table'
 
   class Sidebar extends Example
diff --git a/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon
index f108e0f..1705b80 100644
--- a/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon
+++ b/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon
@@ -1,6 +1,4 @@
 =>
-  assert MODE == 'CLIENT', '[nossr]'
-
   import UIDemo from @get '_base: table'
 
   arr = (args) ->
diff --git a/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon
index dae4dfb..c2d17d0 100644
--- a/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon
+++ b/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon
@@ -1,6 +1,4 @@
 =>
-  assert MODE == 'CLIENT', '[nossr]'
-
   import Box, Example from @get '_base: table'
 
   class VTK extends Example