remove remaining server.ts files

Author: Alex Lohr

packages/page-visibility/src/index.ts

@@ -14,6 +14,9 @@ import { createSharedRoot } from "@solid-primitives/rootless";
  * ```
  */
 export const createPageVisibility = (): Accessor<boolean> => {
+  if (process.env.SSR) {
+    return () => true;
+  }
   const [state, setState] = createSignal(document.visibilityState === "visible");
   const cb = () => setState(document.visibilityState === "visible");
   document.addEventListener("visibilitychange", cb);
@@ -35,4 +38,6 @@ export const createPageVisibility = (): Accessor<boolean> => {
  * })
  * ```
  */
-export const usePageVisibility = /*#__PURE__*/ createSharedRoot(createPageVisibility);
+export const usePageVisibility = process.env.SSR
+  ? /*#__PURE__*/ () => () => true
+  : /*#__PURE__*/ createSharedRoot(createPageVisibility);

packages/page-visibility/src/server.ts

@@ -1,5 +1,6 @@
-const ua = navigator.userAgent;
-const w = window as any;
+const w = process.env.SSR ? { document: {}, navigator: { userAgent: '' } } : window as any;
+const n = w.navigator
+const ua = process.env.SSR ? '' : n.userAgent;
 
 //
 // Devices
@@ -18,7 +19,7 @@ export const isMac: boolean = /*#__PURE__*/ /(macintosh|macintel|macppc|mac68k|m
 export const isIPhone: boolean = /*#__PURE__*/ /iphone/i.test(ua);
 
 /** Is IPad Device */
-export const isIPad: boolean = /*#__PURE__*/ /ipad/i.test(ua) && navigator.maxTouchPoints > 1;
+export const isIPad: boolean = /*#__PURE__*/ /ipad/i.test(ua) && n.maxTouchPoints > 1;
 
 /** Is IPod Device */
 export const isIPod: boolean = /*#__PURE__*/ /ipod/i.test(ua);
@@ -49,7 +50,7 @@ export const isSafari: boolean =
   w.safari?.pushNotification + "" === "[object SafariRemoteNotification]";
 
 /** Browser is Internet Explorer 6-11 */
-export const isIE = /*@cc_on!@*/ false || !!(document as any).documentMode;
+export const isIE = /*@cc_on!@*/ false || !!(w.document as any).documentMode;
 
 /** is Chromium-based browser */
 export const isChromium: boolean = !!w.chrome;
@@ -59,7 +60,7 @@ export const isEdge: boolean = /*#__PURE__*/ /Edg/.test(ua) && isChromium;
 
 /** Browser is Chrome */
 export const isChrome: boolean =
-  isChromium && navigator.vendor === "Google Inc." && !isOpera && !isEdge;
+  isChromium && n.vendor === "Google Inc." && !isOpera && !isEdge;
 
 //
 // Rendering Engines

packages/platform/src/index.ts

@@ -1,3 +1,4 @@
+import { noop } from "@solid-primitives/utils";
 import { createSignal, JSX, onCleanup, onMount } from "solid-js";
 import { transformFiles } from "./helpers";
 import { UploadFile, Dropzone, DropzoneOptions } from "./types";
@@ -28,6 +29,15 @@ import { UploadFile, Dropzone, DropzoneOptions } from "./types";
 function createDropzone<T extends HTMLElement = HTMLElement>(
   options?: DropzoneOptions
 ): Dropzone<T> {
+  if (process.env.SSR) {
+    return {
+      setRef: noop,
+      files: () => [],
+      isDragging: () => false,
+      removeFile: noop,
+      clearFiles: noop
+    }
+  }
   const [files, setFiles] = createSignal<UploadFile[]>([]);
   const [isDragging, setIsDragging] = createSignal(false);
 

packages/platform/src/server.ts

@@ -1,3 +1,4 @@
+import { noop } from "@solid-primitives/utils";
 import { createSignal, JSX } from "solid-js";
 import { transformFiles, createInputComponent } from "./helpers";
 import { FileUploader, FileUploaderOptions, UploadFile, UserCallback } from "./types";
@@ -22,6 +23,14 @@ import { FileUploader, FileUploaderOptions, UploadFile, UserCallback } from "./t
  * ```
  */
 function createFileUploader(options?: FileUploaderOptions): FileUploader {
+  if (process.env.SSR) {
+    return {
+      files: () => [],
+      selectFiles: noop,
+      removeFile: noop,
+      clearFiles: noop
+    };
+  }
   const [files, setFiles] = createSignal<UploadFile[]>([]);
 
   let userCallback: UserCallback = () => {};

packages/upload/src/createDropzone.ts

@@ -11,6 +11,9 @@ declare module "solid-js" {
 }
 
 export const fileUploader = (element: HTMLInputElement, options: () => FileUploaderDirective) => {
+  if (process.env.SSR) {
+    return;
+  }
   const { userCallback, setFiles } = options();
 
   onMount(() => {

packages/upload/src/createFileUploader.ts

@@ -10,6 +10,14 @@ import { cjs, setup, KILL, RPC } from "./utils";
  * @returns An array with worker, start and stop methods
  */
 export function createWorker(...args: (Function | object)[]): WorkerExports {
+  if (process.env.SSR) {
+    return [
+      new EventTarget() as unknown as Worker,
+      () => {},
+      () => {},
+      new Set()
+    ]
+  }
   const exports = new Set<string>();
   let code = "";
   let options = {};
@@ -69,6 +77,13 @@ export const createWorkerPool = (
   concurrency: number = 1,
   ...args: (Function | object)[]
 ): WorkerExports => {
+  if (process.env.SSR) {
+    return [
+      new EventTarget() as unknown as Worker,
+      () => {},
+      () => {}
+    ]
+  }
   let current = -1;
   let workers: WorkerExports[] = [];
   const start = () => {
@@ -113,6 +128,16 @@ export type WorkerInstruction = {
 export const createSignaledWorker = (
   ...args: WorkerInstruction[]
 ): [start: () => void, stop: () => void] => {
+  if (process.env.SSR) {
+    return [
+      () => {
+        /*noop*/
+      },
+      () => {
+        /*noop*/
+      }
+    ];
+  }
   let fns = [];
   for (const i in args) {
     const { input, output, func } = args[i];