feat: export the build constants from qwik core

Author: wmertens

.changeset/itchy-masks-admire.md

@@ -0,0 +1,5 @@
+---
+'@builder.io/qwik': minor
+---
+
+FEAT: The build constants `isDev`, `isBrowser` and `isServer` are now exported from `@builder.io/qwik` directly, so they are more discoverable and easier to add. `@builder.io/qwik/build` still remains.

packages/docs/src/routes/api/qwik/api.json

@@ -3473,4 +3473,4 @@
       "mdFile": "qwik.webviewhtmlattributes.md"
     }
   ]
-}
+}

packages/qwik/src/core/api.md

@@ -5,6 +5,9 @@
 ```ts
 
 import * as CSS_2 from 'csstype';
+import { isBrowser } from '@builder.io/qwik/build';
+import { isDev } from '@builder.io/qwik/build';
+import { isServer } from '@builder.io/qwik/build';
 import type { JSXNode as JSXNode_2 } from '@builder.io/qwik/jsx-runtime';
 
 // @public
@@ -401,6 +404,12 @@ export type IntrinsicSVGElements = {
     [K in keyof Omit<SVGElementTagNameMap, keyof HTMLElementTagNameMap>]: LenientSVGProps<SVGElementTagNameMap[K]>;
 };
 
+export { isBrowser }
+
+export { isDev }
+
+export { isServer }
+
 // @public
 export const isSignal: <T = unknown>(obj: any) => obj is Signal<T>;
 

packages/qwik/src/core/index.ts

@@ -13,6 +13,8 @@ export type {
   _Only$,
 } from './component/component.public';
 
+export { isBrowser, isDev, isServer } from '@builder.io/qwik/build';
+
 //////////////////////////////////////////////////////////////////////////////////////////
 // Developer Event API
 //////////////////////////////////////////////////////////////////////////////////////////

packages/qwik/src/optimizer/core/src/const_replace.rs

@@ -9,6 +9,9 @@ pub struct ConstReplacerVisitor {
 	pub is_server_ident: Option<Id>,
 	pub is_browser_ident: Option<Id>,
 	pub is_dev_ident: Option<Id>,
+	pub is_core_server_ident: Option<Id>,
+	pub is_core_browser_ident: Option<Id>,
+	pub is_core_dev_ident: Option<Id>,
 }
 
 impl ConstReplacerVisitor {
@@ -21,6 +24,10 @@ impl ConstReplacerVisitor {
 			is_browser_ident: global_collector
 				.get_imported_local(&IS_BROWSER, &BUILDER_IO_QWIK_BUILD),
 			is_dev_ident: global_collector.get_imported_local(&IS_DEV, &BUILDER_IO_QWIK_BUILD),
+			is_core_server_ident: global_collector.get_imported_local(&IS_SERVER, &BUILDER_IO_QWIK),
+			is_core_browser_ident: global_collector
+				.get_imported_local(&IS_BROWSER, &BUILDER_IO_QWIK),
+			is_core_dev_ident: global_collector.get_imported_local(&IS_DEV, &BUILDER_IO_QWIK),
 		}
 	}
 }
@@ -50,6 +57,12 @@ impl VisitMut for ConstReplacerVisitor {
 					ConstVariable::IsBrowser
 				} else if id_eq!(ident, &self.is_dev_ident) {
 					ConstVariable::IsDev
+				} else if id_eq!(ident, &self.is_core_server_ident) {
+					ConstVariable::IsServer
+				} else if id_eq!(ident, &self.is_core_browser_ident) {
+					ConstVariable::IsBrowser
+				} else if id_eq!(ident, &self.is_core_dev_ident) {
+					ConstVariable::IsDev
 				} else {
 					ConstVariable::None
 				}

packages/qwik/src/optimizer/core/src/snapshots/qwik_core__test__example_build_server.snap

@@ -7,15 +7,15 @@ snapshot_kind: text
 ==INPUT==
 
 
-import { component$, useStore } from '@builder.io/qwik';
-import { isServer, isBrowser } from '@builder.io/qwik/build';
+import { component$, useStore, isDev, isServer as isServer2 } from '@builder.io/qwik';
+import { isServer, isBrowser as isb } from '@builder.io/qwik/build';
 import { mongodb } from 'mondodb';
 import { threejs } from 'threejs';
 
 import L from 'leaflet';
 
 export const functionThatNeedsWindow = () => {
-  if (isBrowser) {
+  if (isb) {
     console.log('l', L);
     console.log('hey');
     window.alert('hey');
@@ -27,14 +27,14 @@ export const App = component$(() => {
         if (isServer) {
             console.log('server', mongodb());
         }
-        if (isBrowser) {
+        if (isb) {
             console.log('browser', new threejs());
         }
     });
     return (
         <Cmp>
-            {isServer && <p>server</p>}
-            {isBrowser && <p>server</p>}
+            {isServer2 && <p>server</p>}
+            {isb && <p>server</p>}
         </Cmp>
     );
 });
@@ -62,7 +62,7 @@ export const s_ckEPmXZlub0 = ()=>{
 };
 
 
-Some("{\"version\":3,\"sources\":[\"/user/qwik/src/test.tsx\"],\"names\":[],\"mappings\":\";6BAgB8B;IAC1B,UAAU;QAEF,QAAQ,GAAG,CAAC,UAAU;IAK9B;IACA,QACK,IAAI;YACD,EAAc,EAAE,MAAM,EAAE,GAAG;YAC3B,OAA4B;QAChC,EAAE;AAEV\"}")
+Some("{\"version\":3,\"sources\":[\"/user/qwik/src/test.tsx\"],\"names\":[],\"mappings\":\";6BAgB8B;IAC1B,UAAU;QAEF,QAAQ,GAAG,CAAC,UAAU;IAK9B;IACA,QACK,IAAI;YACD,EAAe,EAAE,MAAM,EAAE,GAAG;YAC5B,OAAsB;QAC1B,EAAE;AAEV\"}")
 /*
 {
   "origin": "test.tsx",
@@ -78,8 +78,8 @@ Some("{\"version\":3,\"sources\":[\"/user/qwik/src/test.tsx\"],\"names\":[],\"ma
   "ctxName": "component$",
   "captures": false,
   "loc": [
-    396,
-    731
+    427,
+    751
   ]
 }
 */

packages/qwik/src/optimizer/core/src/test.rs

@@ -2619,15 +2619,15 @@ export const foo = () => console.log('foo');
 fn example_build_server() {
 	test_input!(TestInput {
 		code: r#"
-import { component$, useStore } from '@builder.io/qwik';
-import { isServer, isBrowser } from '@builder.io/qwik/build';
+import { component$, useStore, isDev, isServer as isServer2 } from '@builder.io/qwik';
+import { isServer, isBrowser as isb } from '@builder.io/qwik/build';
 import { mongodb } from 'mondodb';
 import { threejs } from 'threejs';
 
 import L from 'leaflet';
 
 export const functionThatNeedsWindow = () => {
-  if (isBrowser) {
+  if (isb) {
     console.log('l', L);
     console.log('hey');
     window.alert('hey');
@@ -2639,14 +2639,14 @@ export const App = component$(() => {
         if (isServer) {
             console.log('server', mongodb());
         }
-        if (isBrowser) {
+        if (isb) {
             console.log('browser', new threejs());
         }
     });
     return (
         <Cmp>
-            {isServer && <p>server</p>}
-            {isBrowser && <p>server</p>}
+            {isServer2 && <p>server</p>}
+            {isb && <p>server</p>}
         </Cmp>
     );
 });