update hostnames

Author: YousefED

docs/manual/5. Imports and NPM.md

@@ -9,14 +9,12 @@ This is a great way to create reusable components that you can use across notebo
 
 `import * as myNotebook from "!@username/notebook";`
 
-See this example, where we import a message from an external notebook [`@yousef/demo-message`](https://notebooks.typecell.org/@yousef/demo-message).
-
+See this example, where we import a message from an external notebook [`@yousef/demo-message`](https://www.typecell.org/@yousef/demo-message).
 
 ```typescript
 import * as myNotebook from "!@yousef/demo-message";
 
 export default myNotebook.message;
-
 ```
 
 **TypeCell Notebooks are designed to be as "live" as possible**: when you change the code of your imported notebook,
@@ -30,7 +28,6 @@ In TypeCell Notebooks, you can also use any library from [NPM](https://www.npmjs
 
 Let's use the [canvas-confetti](https://www.npmjs.com/package/canvas-confetti) library to make it rain confetti!
 
-
 ```typescript
 import { create } from "canvas-confetti";
 
@@ -42,7 +39,6 @@ const myConfetti = create(canvas);
 
 // Drop some confetty every 500ms
 setInterval(() => myConfetti({ particleCount: 70, origin: { y: 0 } }), 500);
-
 ```
 
 ### Compatibility

packages/editor/src/config/security.ts

@@ -27,7 +27,9 @@ export function validateHostDomain() {
   if (ENVIRONMENT === "STAGING") {
     return hostname.match(/^typecell-next-[A-z0-9-]+-yousefed.vercel.app$/);
   }
-  return hostname === "notebooks.typecell.org";
+  return (
+    hostname === "notebooks.typecell.org" || hostname === "www.typecell.org"
+  );
 }
 
 export function validateFrameDomain() {
@@ -65,5 +67,5 @@ export function getMainDomainFromIframe() {
   if (ENVIRONMENT === "STAGING") {
     return window.location.hostname;
   }
-  return "notebooks.typecell.org";
+  return "www.typecell.org";
 }