[md][datahub] updated links from portaljs.org to portaljs.com

examples/ckan-2021/README.md

@@ -2,7 +2,7 @@
 
 **🚩 UPDATE April 2023: This example is now deprecated - though still works!. Please use the [new CKAN examples](https://github.com/datopian/portaljs/tree/main/examples)**
 
-This example shows how you can build a full data portal using a CKAN Backend with a Next.JS Frontend powered by Apollo, a full fledged guide is available as a [blog post](https://portaljs.org/blog/example-ckan-2021)
+This example shows how you can build a full data portal using a CKAN Backend with a Next.JS Frontend powered by Apollo, a full fledged guide is available as a [blog post](https://portaljs.com/blog/example-ckan-2021)
 
 ## Developers
 

examples/fivethirtyeight/components/Layout.tsx

@@ -59,7 +59,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
           <div className="md:flex items-center gap-x-3 text-[#3c3c3c] -mb-1 hidden">
             <a
               className="hover:opacity-75 transition"
-              href="https://portaljs.org"
+              href="https://portaljs.com"
             >
               Built with 🌀PortalJS
             </a>
@@ -77,7 +77,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             <li>
               <a
                 className="hover:opacity-75 transition"
-                href="https://portaljs.org"
+                href="https://portaljs.com"
               >
                 PortalJS
               </a>

examples/github-backed-catalog/README.md

@@ -6,7 +6,7 @@ A `datasets.json` file is used to specify which datasets are going to be part of
 
 The application contains an index page, which lists all the datasets specified in the `datasets.json` file, and users can see more information about each dataset, such as the list of data files in it and the README, by clicking the "info" button on the list.
 
-You can read more about it on the [Data catalog with data on GitHub](https://portaljs.org/docs/examples/github-backed-catalog) blog post.
+You can read more about it on the [Data catalog with data on GitHub](https://portaljs.com/docs/examples/github-backed-catalog) blog post.
 
 ## Demo
 

examples/github-backed-catalog/pages/index.tsx

@@ -40,7 +40,7 @@ export function Datasets({ projects }) {
               <Link
                 target="_blank"
                 className="underline"
-                href="https://portaljs.org/"
+                href="https://portaljs.com/"
               >
                 🌀 PortalJS
               </Link>

examples/learn/README.md

@@ -1 +1 @@
-PortalJS Learn Example - https://portaljs.org/docs
+PortalJS Learn Example - https://portaljs.com/docs

examples/openspending/README.md

@@ -6,7 +6,7 @@ A `datasets.json` file is used to specify which datasets are going to be part of
 
 The application contains an index page, which lists all the datasets specified in the `datasets.json` file, and users can see more information about each dataset, such as the list of data files in it and the README, by clicking the "info" button on the list.
 
-You can read more about it on the [Data catalog with data on GitHub](https://portaljs.org/docs/examples/github-backed-catalog) blog post.
+You can read more about it on the [Data catalog with data on GitHub](https://portaljs.com/docs/examples/github-backed-catalog) blog post.
 
 ## Demo
 

examples/openspending/components/_shared/Footer.tsx

@@ -17,7 +17,7 @@ export default function Footer() {
           </a>
         </div>
         <div className="flex gap-x-2 items-center mx-auto h-20">
-          <p className="mt-8 text-base text-slate-500 md:mt-0">Built with <a href="https://portaljs.org" target="_blank" className='text-xl font-medium'>🌀 PortalJS</a></p>
+          <p className="mt-8 text-base text-slate-500 md:mt-0">Built with <a href="https://portaljs.com" target="_blank" className='text-xl font-medium'>🌀 PortalJS</a></p>
         </div>
       </div>
     </footer>

examples/openspending/content/stories/where-the-european-structural-and-investment-funds-go.mdx

@@ -127,4 +127,4 @@ Based on the bar chart above we can conclude that the following 3 countries have
 2. Poland - EUR ~68b.
 3. Italy - EUR ~35b.
 
-_This data story was created by using Datopian's PortalJS framework. You can learn more about the framework by visiting https://portaljs.org/_
+_This data story was created by using Datopian's PortalJS framework. You can learn more about the framework by visiting https://portaljs.com/_

examples/turing/README.md

@@ -1,6 +1,6 @@
 This demo data portal is designed for https://hatespeechdata.com. It catalogs datasets annotated for hate speech, online abuse, and offensive language which are useful for training a natural language processing system to detect this online abuse.
 
-The site is built on top of [PortalJS](https://portaljs.org/). It catalogs datasets and lists of offensive keywords. It also includes static pages. All of these are stored as markdown files inside the `content` folder.
+The site is built on top of [PortalJS](https://portaljs.com/). It catalogs datasets and lists of offensive keywords. It also includes static pages. All of these are stored as markdown files inside the `content` folder.
 
 - .md files inside `content/datasets/` will appear on the dataset list section of the homepage and be searchable as well as having a individual page in `datasets/<file name>`
 - .md files inside `content/keywords/` will appear on the list of offensive keywords section of the homepage as well as having a individual page in `keywords/<file name>`

examples/turing/components/Footer.jsx

@@ -21,7 +21,7 @@ export function Footer() {
           <Container.Inner>
             <div className="flex flex-col items-center justify-between gap-6 sm:flex-row">
               <p className="text-sm font-medium text-zinc-800 dark:text-zinc-200">
-                Built with <a href='https://portaljs.org'>PortalJS 🌀</a>
+                Built with <a href='https://portaljs.com'>PortalJS 🌀</a>
               </p>
               <p className="text-sm text-zinc-400 dark:text-zinc-500">
                 &copy; {new Date().getFullYear()} Leon Derczynski. All rights

packages/ckan/package.json

@@ -2,7 +2,7 @@
   "name": "@portaljs/ckan",
   "version": "0.1.0",
   "type": "module",
-  "description": "https://portaljs.org",
+  "description": "https://portaljs.com",
   "keywords": [
     "data portal",
     "data catalog",

packages/components/README.md

@@ -1,7 +1,7 @@
 # PortalJS React Components
 
 **Storybook:** https://storybook.portaljs.org  
-**Docs**: https://portaljs.org/docs  
+**Docs**: https://portaljs.com/opensource  
 
 ## Usage
 

packages/components/package.json

@@ -2,7 +2,7 @@
   "name": "@portaljs/components",
   "version": "1.2.2",
   "type": "module",
-  "description": "https://portaljs.org",
+  "description": "https://portaljs.com",
   "keywords": [
     "data portal",
     "data catalog",

packages/components/stories/Introduction.mdx

@@ -4,6 +4,6 @@ import { Meta } from '@storybook/blocks';
 
 # Welcome to the PortalJS components guide
 
-**Official Website:** [portaljs.org](https://portaljs.org)  
-**Docs:** [portaljs.org/docs](https://portaljs.org/docs)  
+**Official Website:** [portaljs.com](https://portaljs.com)  
+**Docs:** [portaljs.com/opensource](https://portaljs.com/opensource)  
 **GitHub:** [github.com/datopian/portaljs](https://github.com/datopian/portaljs)

site/components/JSONLD.tsx

@@ -12,7 +12,7 @@ export default function JSONLD({
     return <></>;
   }
 
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://portaljs.org';
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://portaljs.com';
   const pageUrl = `${baseUrl}/${meta.urlPath}`;
 
   const imageMatches = source.match(

site/components/Layout.tsx

@@ -26,7 +26,7 @@ function useTableOfContents(tableOfContents) {
       })
       .filter((el) => !!el);
   }, []);
-
+console.log(getHeadings,"getheadings");
   useEffect(() => {
     if (tableOfContents.length === 0) return;
     const headings = getHeadings(tableOfContents);
@@ -67,6 +67,7 @@ export default function Layout({
   sidebarTree?: [];
   isHomePage?: boolean;
 }) {
+  console.log(children)
   // const { toc } = children.props;
   const { theme, setTheme } = useTheme();
 
@@ -81,7 +82,6 @@ export default function Layout({
     }
     return section.children.findIndex(isActive) > -1;
   }
-
   return (
     <>
       {title && <NextSeo title={title} description={description} />}

site/content/blog/enhancing-geospatial-data-visualization-with-portaljs.md

@@ -7,17 +7,17 @@ filetype: 'blog'
 
 This post walks you though adding maps and geospatial visualizations to PortalJS.
 
-Are you interested in building rich and interactive data portals? Do you find value in the power and flexibility of JavaScript, Nextjs, and React? If so, [PortalJS](https://portaljs.org/) is for you. It's a state-of-the-art framework leveraging these technologies to help you build rich data portals.
+Are you interested in building rich and interactive data portals? Do you find value in the power and flexibility of JavaScript, Nextjs, and React? If so, [PortalJS](https://portaljs.com/) is for you. It's a state-of-the-art framework leveraging these technologies to help you build rich data portals.
 
-Effective data visualization lies in the use  of various data components. Within [PortalJS](https://portaljs.org/), we take data visualization a step further. It's not just about displaying data - it's about telling a story through combining a variety of data components.
+Effective data visualization lies in the use  of various data components. Within [PortalJS](https://portaljs.com/), we take data visualization a step further. It's not just about displaying data - it's about telling a story through combining a variety of data components.
 
 In this post we will share our latest enhancement to PortalJS: maps, a powerful tool for visualizing geospatial data. In this post, we will to take you on a tour of our experiments and progress in enhancing map functionalities on PortalJS. The journey is still in its early stages, with new facets being unveiled and refined as we perfect our API.
 
 ## Exploring Map Formats
 
-Maps play a crucial role in geospatial data visualization. Several formats exist for storing and sharing this type of data, with GeoJSON, KML, and shapefiles being among the most popular. As a prominent figure in the field of open-source data portal platforms, [PortalJS](https://portaljs.org/) strives to support as many map formats as possible.
+Maps play a crucial role in geospatial data visualization. Several formats exist for storing and sharing this type of data, with GeoJSON, KML, and shapefiles being among the most popular. As a prominent figure in the field of open-source data portal platforms, [PortalJS](https://portaljs.com/) strives to support as many map formats as possible.
 
-Taking inspiration from the ckanext-geoview extension, we currently support KML and GeoJSON formats in [PortalJS](https://portaljs.org/). This remarkable extension is a plugin for CKAN, the world’s leading open source data management system, that enables users to visualize geospatial data in diverse formats on an interactive map. Apart from KML and GeoJSON formats support, our roadmap entails extending compatibility to encompass all other formats supported by ckanext-geoview. Rest assured, we are committed to empowering users with a wide array of map format options in the future.
+Taking inspiration from the ckanext-geoview extension, we currently support KML and GeoJSON formats in [PortalJS](https://portaljs.com/). This remarkable extension is a plugin for CKAN, the world’s leading open source data management system, that enables users to visualize geospatial data in diverse formats on an interactive map. Apart from KML and GeoJSON formats support, our roadmap entails extending compatibility to encompass all other formats supported by ckanext-geoview. Rest assured, we are committed to empowering users with a wide array of map format options in the future.
 
 So, what makes these formats special?
 
@@ -27,7 +27,7 @@ So, what makes these formats special?
 
 ## Unveiling the Power of Leaflet and OpenLayers
 
-To display maps in [PortalJS](https://portaljs.org/), we utilize two powerful JavaScript libraries for creating interactive maps based on different layers: Leaflet and OpenLayers. Each offers distinct advantages (and disadvantages), inspiring us to integrate both and give users the flexibility to choose.
+To display maps in [PortalJS](https://portaljs.com/), we utilize two powerful JavaScript libraries for creating interactive maps based on different layers: Leaflet and OpenLayers. Each offers distinct advantages (and disadvantages), inspiring us to integrate both and give users the flexibility to choose.
 
 Leaflet is the leading open-source JavaScript library known for its mobile-friendly, interactive maps. With its compact size (just 42 KB of JS), it provides all the map features most developers need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms.
 
@@ -59,8 +59,8 @@ Users can also choose a region of focus, which will depend on the data, by setti
 
 Through our ongoing enhancements to the [PortalJS library](https://storybook.portaljs.org/), we aim to empower users to create engaging and informative data portals featuring diverse map formats and data components.
 
-Why not give [PortalJS](https://portaljs.org/) a try today and discover the possibilities for your own data portals? To get started, check out our comprehensive documentation here: [PortalJS Documentation](https://portaljs.org/docs).
+Why not give [PortalJS](https://portaljs.com/) a try today and discover the possibilities for your own data portals? To get started, check out our comprehensive documentation here: [PortalJS Documentation](https://portaljs.com/opensource).
 
-Have questions or comments about using [PortalJS](https://portaljs.org/) for your data portals? Feel free to share your thoughts on our [Discord channel](https://discord.com/invite/EeyfGrGu4U). We're here to help you make the most of your data.
+Have questions or comments about using [PortalJS](https://portaljs.com/) for your data portals? Feel free to share your thoughts on our [Discord channel](https://discord.com/invite/EeyfGrGu4U). We're here to help you make the most of your data.
 
-Stay tuned for more exciting developments as we continue to enhance [PortalJS](https://portaljs.org/)!
+Stay tuned for more exciting developments as we continue to enhance [PortalJS](https://portaljs.com/)!

site/content/blog/summer-updates-2023.md

@@ -30,12 +30,12 @@ https://github.com/datopian/markdowndb
 
 ## 📚 The Guide
 
-https://portaljs.org/guide
+https://portaljs.com/opensource
 
 I’ve sketched overviews for two upcoming tutorials:
 
-1. **Collaborating with others on your website**: Learn how to make your website projects a team effort. [See it here](https://portaljs.org/guide#tutorial-3-collaborating-with-others-on-your-website-project)
-2. **Customising your website and previewing your changes locally**: Customize and preview your site changes locally, without headaches. [See it here](https://portaljs.org/guide#tutorial-4-customising-your-website-locally-and-previewing-your-changes-locally)
+1. **Collaborating with others on your website**: Learn how to make your website projects a team effort. [See it here](https://portaljs.com/guide#tutorial-3-collaborating-with-others-on-your-website-project)
+2. **Customising your website and previewing your changes locally**: Customize and preview your site changes locally, without headaches. [See it here](https://portaljs.com/guide#tutorial-4-customising-your-website-locally-and-previewing-your-changes-locally)
 
 ## 🌐 LifeItself.org
 

site/content/blog/the-open-spending-revamp-behind-the-scenes.md

@@ -11,7 +11,7 @@ In our last article, we explored [the Open Spending revamp](https://www.datopian
 
 ## The Core: PortalJS
 
-At the core of the revamped OpenSpending website is [PortalJS](https://portaljs.org), a JavaScript library that's a game-changer in building powerful data portals with data visualizations. What makes it so special? Well, it's packed with reusable React components that make our lives - and yours - a whole lot easier. Take, for example, our sleek CSV previews; they're brought to life by PortalJS' [FlatUI Component](https://storybook.portaljs.org/?path=/story/components-flatuitable--from-url). It helps transform raw numbers into visuals that you can easily understand and use. Curious to know more? Check out the [official PortalJS website](https://portaljs.org).
+At the core of the revamped OpenSpending website is [PortalJS](https://portaljs.com), a JavaScript library that's a game-changer in building powerful data portals with data visualizations. What makes it so special? Well, it's packed with reusable React components that make our lives - and yours - a whole lot easier. Take, for example, our sleek CSV previews; they're brought to life by PortalJS' [FlatUI Component](https://storybook.portaljs.org/?path=/story/components-flatuitable--from-url). It helps transform raw numbers into visuals that you can easily understand and use. Curious to know more? Check out the [official PortalJS website](https://portaljs.com).
 
 ![Data visualization](/assets/blog/2023-10-13-the-open-spending-revamp-behind-the-scenes/data-visualization.png)
 

site/content/howtos/how-to-format-a-perfect-markdown-based-page.md

@@ -29,5 +29,5 @@ It would be too complicated (and long) to explain all of the formatting aspects
 
 ## Other useful pages
 
-[How to quickly add a simple Markdown-based page](https://guide.portaljs.org/guides/add-a-simple-md-page)
-[How to quickly edit text content on a single Markdown-based page](https://guide.portaljs.org/guides/edit-text-on-a-single-md-page)
+[How to quickly add a simple Markdown-based page](https://www.portaljs.com/opensource/howtos/markdown)
+[How to quickly edit text content on a single Markdown-based page](https://www.portaljs.com/opensource/howtos/markdown)

site/next-sitemap.config.js

@@ -1,6 +1,6 @@
 /** @type {import('next-sitemap').IConfig} */
 module.exports = {
-  siteUrl: process.env.SITE_URL || 'https://portaljs.org',
+  siteUrl: process.env.SITE_URL || 'https://portaljs.com',
   generateRobotsTxt: true,
   robotsTxtOptions: {
     policies: [

site/pages/index.tsx

@@ -26,8 +26,8 @@ export default function Home({ sidebarTree }) {
   return (
     <>
       <LogoJsonLd
-        url="https://portaljs.org"
-        logo="https://portaljs.org/icon.png"
+        url="https://portaljs.com"
+        logo="https://portaljs.com/icon.png"
       />
       <Layout
         isHomePage={true}