feat: add NullStyleInjector with warnings

kripod · Apr 4, 2020 · 5dacdf2 · 5dacdf2
1 parent 2ce54f2
commit 5dacdf2
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/packages/glaze/src/StyleInjector.tsx b/packages/glaze/src/StyleInjector.tsx
@@ -6,6 +6,8 @@ Based on:
 
 import React from 'react';
 
+import { canUseDOM } from './env';
+
 const MAX_RULE_COUNT = 0xffff;
 
 class RuleManager {
@@ -99,6 +101,27 @@ export interface StyleInjector {
   nullifyRule(index: number): void;
 }
 
+export class NullStyleInjector implements StyleInjector {
+  ruleManager: RuleManager = new RuleManager(this, new Map());
+
+  // eslint-disable-next-line class-methods-use-this
+  addRule(): number {
+    // TODO: Add instructions for resolving the situation
+    if (canUseDOM) {
+      // eslint-disable-next-line no-console
+      console.warn('Client-side rendering of dynamic styles is not set up');
+    } else {
+      // eslint-disable-next-line no-console
+      console.warn('Server-side rendering of dynamic styles is not set up');
+    }
+
+    return 0;
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  nullifyRule(): void {}
+}
+
 export class VirtualStyleInjector implements StyleInjector {
   ruleManager: RuleManager = new RuleManager(this, new Map());
 

diff --git a/packages/glaze/src/StyleInjectorContext.tsx b/packages/glaze/src/StyleInjectorContext.tsx
@@ -3,9 +3,9 @@ import React from 'react';
 import { canUseDOM, isDev } from './env';
 import {
   DebuggableStyleInjector,
+  NullStyleInjector,
   OptimizedStyleInjector,
   StyleInjector,
-  VirtualStyleInjector,
 } from './StyleInjector';
 
 export const StyleInjectorContext = React.createContext<StyleInjector>(
@@ -14,7 +14,7 @@ export const StyleInjectorContext = React.createContext<StyleInjector>(
     ? isDev
       ? new DebuggableStyleInjector()
       : new OptimizedStyleInjector()
-    : new VirtualStyleInjector(), // TODO: Create a special warning class
+    : new NullStyleInjector(),
 );
 
 export interface StyleInjectorProviderProps {