Merge pull request #46 from trafilea/feat/bootstrap-global-module

feat(theme): add bootstrap global module

packages/nx-shopify/src/generators/theme/files/src/core/theme-bootstrap.ts.template

@@ -1,4 +1,5 @@
 import { ThemeContext, ThemeModule } from '<%= importPath %>/core';
+import { ThemeGlobalModule } from '<%= importPath %>/global';
 import documentReady from 'document-ready';
 
 export interface ShopifyBootstrapOptions {
@@ -26,12 +27,12 @@ export function themeBootstrapFactory(
       themeContext,
       loadGlobal = true,
     } = options;
-    const context = themeContext ?? {};
+    const context = themeContext ?? null;
 
     documentReady(() => {
       // Load globals
       if (loadGlobal) {
-        //   Global.load(context);
+        ThemeGlobalModule.load(context);
       }
 
       const importPromises: Array<Promise<any>> = [];

packages/nx-shopify/src/generators/theme/files/src/core/theme-context.ts.template

@@ -1 +1,3 @@
-export interface ThemeContext {}
+export interface ThemeContext {
+    themeName: string;
+}

packages/nx-shopify/src/generators/theme/files/src/global/index.ts.template

@@ -0,0 +1 @@
+export * from './theme-global-module';

packages/nx-shopify/src/generators/theme/files/src/global/theme-global-module.ts.template

@@ -0,0 +1,15 @@
+import {
+  ThemeModule,
+  ThemeContext,
+  ThemeOnReady,
+} from '<%= importPath %>/core';
+
+export class ThemeGlobalModule extends ThemeModule implements ThemeOnReady {
+  constructor(context: ThemeContext) {
+    super(context);
+  }
+
+  onReady() {
+    console.log('Theme Global Module: onReady() called');
+  }
+}

packages/nx-shopify/src/generators/theme/files/src/theme/layout/theme/theme.liquid.template

@@ -52,13 +52,13 @@
 
   <script>
     window.addEventListener('DOMContentLoaded', function() {
-      window.themeBootstrap({
-          themeLayoutName: 'theme',
-          themeTemplateName: '{{ template }}',
-          themeContext: {},
-          loadGlobal: true,
+        window.themeBootstrap({
+            themeLayoutName: 'theme',
+            themeTemplateName: '{{ template }}',
+            themeContext: {% render 'theme-context' %},
+            loadGlobal: true,
+        });
       });
-    });
   </script>
 </body>
 </html>

packages/nx-shopify/src/generators/theme/files/src/theme/snippets/theme-context/theme-context.liquid.template

@@ -0,0 +1,3 @@
+{ 
+    themeName: '{{ theme.name }}',
+}