Make work again

Author: RoyalIcing

lib/components_guide/wasm/examples/calendar/calendar_grid.ex

@@ -2,10 +2,12 @@ defmodule ComponentsGuide.Wasm.Examples.Calendar.Grid do
   # Displays an HTML calendar grid for a given year and month.
   # Uses Elixir’s Date, Date.Range, Calendar.ISO to grab all the data for each year.
 
-  for year <- 1970..2100 do
-
-  end
+  # for year <- 1970..2100 do
+  #   year_days = if Date.leap_year?(year), do: 366, else: 365
+  #   for year_day <- 1..year_days do
 
+  #   end
+  # end
 
   # testw "leap_year?" do
   #   assert call(:leap_year?, 2000) = Calendar.ISO.leap_year?(2000)

lib/components_guide/wasm/examples/color_picker/lab_swatch.ex

@@ -48,7 +48,7 @@ defmodule ComponentsGuide.Wasm.Examples.LabSwatch do
   #   @last_changed_component = @component_l
   # end
 
-  wasm F32 do
+  Orb.__append_body F32 do
     ColorConversion.funcp()
 
     func l_changed(new_value: F32) do

lib/components_guide/wasm/examples/examples.ex

@@ -27,7 +27,7 @@ defmodule ComponentsGuide.Wasm.Examples do
 
       # Check equality to each weekday as a i32 e.g. `Mon\0`
       inline for {day_i32!, index!} <- Enum.with_index(@weekdays_i32, 1) do
-        Orb.__append_body do
+        wasm do
           if I32.eq(i, day_i32!), do: return(index!)
         end
       end
@@ -83,7 +83,7 @@ defmodule ComponentsGuide.Wasm.Examples do
         @chunk2 = inline(do: @strings.charset_utf8.offset)
       end
 
-      func Orb.__append_body() do
+      func wasm do
         @chunk1 = inline(do: @strings.application_wasm.offset)
         @chunk2 = 0x0
       end

lib/components_guide/wasm/examples/examples_format.ex

@@ -70,7 +70,7 @@ defmodule ComponentsGuide.Wasm.Examples.Format do
 
     Memory.pages(2)
 
-    wasm F32 do
+    Orb.__append_body F32 do
       func format_f32(value: F32, str_ptr: I32.U8.UnsafePointer, precision: I32),
         digit: I32 do
         # TODO: handle -0

lib/components_guide/wasm/examples/examples_html.ex

@@ -42,7 +42,7 @@ defmodule ComponentsGuide.Wasm.Examples.HTML do
       quote do
         import unquote(__MODULE__)
 
-        Orb.Orb.__append_body do
+        Orb.__append_body do
           unquote(__MODULE__).funcp()
         end
       end
@@ -78,10 +78,10 @@ defmodule ComponentsGuide.Wasm.Examples.HTML do
           read_offset = read_offset + 1
 
           inline for {char_to_match!, chars_out!} <- @escaped_html_table do
-            Orb.__append_body do
+            wasm do
               if I32.eq(char, char_to_match!) do
                 inline for char_out! <- chars_out! do
-                  Orb.__append_body do
+                  wasm do
                     write_offset[at!: bytes_written] = char_out!
                     bytes_written = bytes_written + 1
                   end

lib/components_guide/wasm/examples/string_builder.ex

@@ -27,7 +27,7 @@ defmodule ComponentsGuide.Wasm.Examples.StringBuilder do
 
       I32.global(bump_write_level: 0)
 
-      Orb.Orb.__append_body do
+      Orb.__append_body do
         unquote(__MODULE__).funcp()
       end
     end

lib/components_guide/wasm/examples/temperature/temperature_converter.ex

@@ -0,0 +1,7 @@
+defmodule ComponentsGuide.Wasm.Examples.TemperatureConverter do
+  use Orb
+
+  global do
+
+  end
+end

lib/components_guide/wasm/examples/url_encoded.ex

@@ -21,7 +21,7 @@ defmodule ComponentsGuide.Wasm.Examples.URLEncoded do
 
       import unquote(__MODULE__)
 
-      Orb.Orb.__append_body do
+      Orb.__append_body do
         unquote(__MODULE__).funcp()
       end
     end

lib/components_guide_web/controllers/wasm_controller.ex

@@ -64,6 +64,12 @@ defmodule ComponentsGuideWeb.WasmController do
     render(conn, :index, assigns)
   end
 
+  @articles ["custom_elements"]
+
+  def show(conn, %{"id" => article}) when article in @articles do
+    render(conn, article <> ".html")
+  end
+
   def module(conn, %{"module" => name}) when is_map_key(@modules, name) do
     mod = @modules[name]
 

lib/components_guide_web/controllers/wasm_html/custom_elements.html.md

@@ -0,0 +1,45 @@
+# WebAssembly Custom Elements
+
+## MemoryIO
+
+```js
+const utf8Encoder = new TextEncoder();
+const utf8Decoder = new TextDecoder();
+
+export class MemoryIO {
+  constructor(exports) {
+    this.memoryBytes = new Uint8Array(exports.memory.buffer);
+    this.alloc = exports.alloc;
+  }
+
+  readString(ptr) {
+    const { memoryBytes } = this;
+
+    // Search for null-terminating byte.
+    const endPtr = memoryBytes.indexOf(0, ptr);
+    // Get subsection of memory between start and end, and decode it as UTF-8.
+    return utf8Decoder.decode(memoryBytes.subarray(ptr, endPtr));
+  }
+
+  writeStringAt(stringValue, memoryOffset) {
+    const { memoryBytes } = this;
+
+    stringValue = stringValue.toString();
+    const bytes = utf8Encoder.encode(stringValue);
+    utf8Encoder.encodeInto(stringValue, memoryBytes.subarray(memoryOffset));
+    memoryBytes[memoryOffset + bytes.length] = 0x0;
+    return bytes.byteLength;
+  }
+
+  writeString(stringValue) {
+    const { memoryBytes, alloc } = this;
+
+    stringValue = stringValue.toString();
+    const bytes = utf8Encoder.encode(stringValue);
+    const strPtr = alloc(bytes.length + 1);
+    utf8Encoder.encodeInto(stringValue, memoryBytes.subarray(strPtr));
+    memoryBytes[strPtr + bytes.length] = 0x0;
+    return Object.freeze([strPtr, bytes.byteLength]);
+  }
+}
+```