hiding non-localized content

ajolipa · ajolipa · commit addde41de79e · 2025-09-15T19:37:45.000-04:00
diff --git a/README.md b/README.md
@@ -5,6 +5,7 @@ A map-centric website backed by a Core Data project and Typesense index.
 ## Getting Started
 
 #### Requirements
+
 - Node 20.x
 - Netlify CLI
 - Core Data Project
@@ -19,6 +20,7 @@ Copy the `.env.example` file to `.env` and enter required variables. For a local
 Add a `/public/config.dev.json` file, which will be ignored by Git, to copy local config settings when starting the application. Use the `config.json` table below to configure your project.
 
 To start, run:
+
 ```
 npm install && netlify dev
 ```
@@ -31,7 +33,7 @@ npm install && netlify dev
 
 #### Create a content repository
 
-On GitHub, create a new content repository. The posts, paths, and pages records you create will be stored here, as well as any i18n, your project configuration, and default user accounts. 
+On GitHub, create a new content repository. The posts, paths, and pages records you create will be stored here, as well as any i18n, your project configuration, and default user accounts.
 
 ###### Directory Structure
 
@@ -81,10 +83,10 @@ The `title` attribute will be set as the `<title>` element of the HTML page. Set
 Copy the `/public/config.json` file into your content repository to `/content/settings/config.json` and adjust the configuration as desired.
 
 | Key                                    | Type    | Description                                                                                                                                                                      |
-|----------------------------------------|---------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| -------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | content                                | Object  | TinaCMS content collections configuration                                                                                                                                        |
 | content.collections                    | Array   | Array of content keys to allow for data entry and routing: "posts", "paths"                                                                                                      |
-| content.localize_pages                 | Boolean | If `true` pages content will be pulled from a locale directory (e.g. `/en/My-Awesome-Page.mdx`)                                                                                  |
+| content.localize_content               | Boolean | If `true` pages and other content will be pulled from a locale directory (e.g. `/en/My-Awesome-Page.mdx`)                                                                        |
 | core_data                              | Object  | Core Data configuration                                                                                                                                                          |
 | core_data.url                          | String  | URL of the Core Data application                                                                                                                                                 |
 | core_data.project_ids                  | Array   | Array of Core Data project IDs as strings                                                                                                                                        |
@@ -99,11 +101,11 @@ Copy the `/public/config.json` file into your content repository to `/content/se
 | layers.overlay                         | Boolean | If `true`, map layer will be rendered as overlay layer. If `false`, map layer will be rendered as base layer                                                                     |
 | result_filtering                       | Object  | Lists of fields and relationships to exclude per model.                                                                                                                          |
 | result_filtering.events.exclude        | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
-| result_filtering.instances.exclude     | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |                     
+| result_filtering.instances.exclude     | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
 | result_filtering.items.exclude         | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
-| result_filtering.organizations.exclude | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |                    
-| result_filtering.people.exclude        | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |                   
-| result_filtering.places.exclude        | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |                  
+| result_filtering.organizations.exclude | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
+| result_filtering.people.exclude        | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
+| result_filtering.places.exclude        | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
 | result_filtering.works.exclude         | Array   | List of attributes, user defined fields and associations to be excluded from the search detail panel and detail pages. See [Search detail filtering](search-detail-filtering.md) |
 | search                                 | Array   | Search UI configuration                                                                                                                                                          |
 | search.facets                          | Array   | Search facets configuration.                                                                                                                                                     |
@@ -208,4 +210,4 @@ An `x-typesense-api-key` header will need to be added to the request.
 
 ## Core Data Fields and Relationships
 
-To find the UUID values for Core Data user-defined fields and relationships, the "Identifier" column can be added to the respective lists within the Core Data application under Project Settings > Configure.
+To find the UUID values for Core Data user-defined fields and relationships, the "Identifier" column can be added to the respective lists within the Core Data application under Project Settings > Configure.
diff --git a/docs/configuration-schema.md b/docs/configuration-schema.md
@@ -18,7 +18,7 @@ Array<"paths" | "posts">
 
 Required: No
 
-### localize_pages
+### localize_content
 
 If set to `true`, pages will be nested within a localized directory (e.g `/pages/en/Home.mdx`). If `false`, pages will not be localized and placed in the root `/pages` directory.
 
diff --git a/src/backend/tina/i18n.ts b/src/backend/tina/i18n.ts
@@ -8,7 +8,7 @@ import _ from 'underscore';
  * @param items
  */
 export const filterAll = async (locale: string, items: Array<any>) => {
-  if (!config.content.localize_pages) {
+  if (!config.content.localize_content) {
     return items;
   }
 
@@ -35,11 +35,8 @@ export const filterAll = async (locale: string, items: Array<any>) => {
 
     if (localized[locale]) {
       filtered.push(localized[locale]);
-    } else if (localized[config.i18n.default_locale]) {
-      filtered.push(localized[config.i18n.default_locale])
     }
   });
-
   return filtered;
 };
 
@@ -53,7 +50,7 @@ export const filterAll = async (locale: string, items: Array<any>) => {
 export const fetchOne = async (locale: string, slug: string, query: any) => {
   let response;
 
-  if (!config.content.localize_pages) {
+  if (!config.content.localize_content) {
     response = await query({ relativePath: `${slug}.mdx` });
   } else {
     response = await query({ relativePath: `${locale}/${slug}.mdx` });
diff --git a/src/backend/tina/index.ts b/src/backend/tina/index.ts
@@ -28,22 +28,26 @@ export const fetchPages = async (locale: string, params?: any) => {
   return filterAll(locale, pages);
 };
 
-export const fetchPath = async (slug: string) => {
-  const response = await client.queries.path({ relativePath: `${slug}.mdx`});
+export const fetchPath = async (locale: string, slug: string) => {
+  const response = await fetchOne(locale, slug, client.queries.path);
   return response.data?.path;
 };
 
-export const fetchPaths = async () => {
+export const fetchPaths = async (locale: string) => {
   const response = await client.queries.pathConnection();
-  return response.data?.pathConnection?.edges?.map((item) => item?.node);
+  const paths = response.data?.pathConnection?.edges?.map((item) => item?.node);
+
+  return filterAll(locale, paths)
 };
 
-export const fetchPost = async (slug: string) => {
-  const response = await client.queries.post({ relativePath: `${slug}.mdx`});
+export const fetchPost = async (locale: string, slug: string) => {
+  const response = await fetchOne(locale, slug, client.queries.post);
   return response.data?.post;
 };
 
-export const fetchPosts = async () => {
+export const fetchPosts = async (locale: string) => {
   const response = await client.queries.postConnection();
-  return response.data?.postConnection?.edges?.map((item) => item?.node);
+  const posts = response.data?.postConnection?.edges?.map((item) => item?.node);
+  
+  return filterAll(locale, posts)
 };
diff --git a/src/pages/[lang]/paths/[slug].astro b/src/pages/[lang]/paths/[slug].astro
@@ -1,17 +1,18 @@
 ---
 import PathViewer from "@apps/paths/PathViewer";
-import { fetchPath, fetchPaths } from '@backend/tina';
-import config from '@config';
-import { getTranslations } from '@backend/i18n';
+import { fetchPath, fetchPaths } from "@backend/tina";
+import config from "@config";
+import { getTranslations } from "@backend/i18n";
 import Layout from "@layouts/Layout.astro";
-import { hasPathsContent } from '@utils/config';
-import _ from 'underscore';
+import { hasPathsContent } from "@utils/config";
+import _ from "underscore";
 
 const { slug } = Astro.params;
-const path = await fetchPath(slug);
+const locale = Astro.currentLocale;
+const path = await fetchPath(locale, slug);
 
-const { t } = await getTranslations(Astro.currentLocale);
-const title = path?.title || t('paths');
+const { t } = await getTranslations(locale);
+const title = path?.title || t("paths");
 
 export const getStaticPaths = async () => {
   if (!hasPathsContent(config)) {
@@ -20,33 +21,18 @@ export const getStaticPaths = async () => {
 
   const staticPaths = [];
 
-  const locales = config.i18n.locales;
-  const paths = await fetchPaths();
+  for (const lang of config.i18n.locales) {
+    const paths = await fetchPaths(lang);
 
-  _.each(locales, (lang) => {
-    _.each(paths, (path) => {
-      staticPaths.push({ params: {
-        lang,
-        slug: path?._sys.filename
-      }})
-    });
-  });
+    for (const path of paths) {
+      paths.push({ params: { lang, slug: path._sys.filename } });
+    }
+  }
 
-  return staticPaths;
+  return paths;
 };
-
 ---
 
-<Layout
-  fullscreen
-  t={t}
-  tab='paths'
-  title={title}
->
-  { path && (
-    <PathViewer
-      path={path}
-      client:only='react'
-    />
-  )}
-</Layout>
+<Layout fullscreen t={t} tab="paths" title={title}>
+  {path && <PathViewer path={path} client:only="react" />}
+</Layout>
diff --git a/src/pages/[lang]/paths/index.astro b/src/pages/[lang]/paths/index.astro
@@ -11,7 +11,7 @@ import { getRelativeLocaleUrl } from 'astro:i18n';
 import _ from 'underscore';
 
 const { t } = await getTranslations(Astro.currentLocale);
-const paths = await fetchPaths();
+const paths = await fetchPaths(Astro.currentLocale);
 
 export const getStaticPaths = () => {
   if (!hasPathsContent(config)) {
@@ -38,7 +38,7 @@ export const getStaticPaths = () => {
       { t('paths') }
     </h1>
     <Cards>
-      { _.map(paths, (path) => (
+      { paths?.length ? _.map(paths, (path) => (
         <Card
           imageUrl={path?.image}
           alt={path?.imageAlt}
@@ -48,7 +48,7 @@ export const getStaticPaths = () => {
           author={path?.author}
           date={path?.date}
         />
-      ))}
+      )) : <p class="italic text-sm">({ t('none') })</p> }
     </Cards>
   </Container>
 </Layout>
diff --git a/src/pages/[lang]/posts/[slug].astro b/src/pages/[lang]/posts/[slug].astro
@@ -10,12 +10,10 @@ import { hasPostsContent } from "@utils/config";
 import _ from "underscore";
 
 const { slug } = Astro.params;
-const post = await fetchPost(slug);
 
 const locale = Astro.currentLocale;
 
-const localePost = getLocalizedContent(post, locale.replaceAll("-", "_")); //this is to deal with Tina's field naming restrictions
-
+const post = await fetchPost(locale, slug);
 const { t } = await getTranslations(locale);
 
 export const getStaticPaths = async () => {
@@ -24,22 +22,17 @@ export const getStaticPaths = async () => {
   }
 
   const staticPaths = [];
+  const paths = [];
+
+  for (const lang of config.i18n.locales) {
+    const posts = await fetchPosts(lang);
+
+    for (const post of posts) {
+      paths.push({ params: { lang, slug: post._sys.filename } });
+    }
+  }
 
-  const locales = config.i18n.locales;
-  const posts = await fetchPosts();
-
-  _.each(locales, (lang) => {
-    _.each(posts, (post) => {
-      staticPaths.push({
-        params: {
-          lang,
-          slug: post?._sys.filename,
-        },
-      });
-    });
-  });
-
-  return staticPaths;
+  return paths;
 };
 ---
 
diff --git a/src/pages/[lang]/posts/index.astro b/src/pages/[lang]/posts/index.astro
@@ -5,14 +5,13 @@ import Card from '@components/Card.astro';
 import Cards from '@components/Cards.astro';
 import Container from '@components/Container.astro';
 import config from '@config';
-import { getLocalizedContent } from '@i18n/utils';
 import Layout from '@layouts/Layout.astro';
 import { hasPostsContent } from '@utils/config';
 import { getRelativeLocaleUrl } from 'astro:i18n';
 import _ from 'underscore';
 
 const { t } = await getTranslations(Astro.currentLocale);
-const posts = await fetchPosts();
+const posts = await fetchPosts(Astro.currentLocale);
 
 export const getStaticPaths = () => {
   if (!hasPostsContent(config)) {
@@ -22,10 +21,6 @@ export const getStaticPaths = () => {
   return _.map(config.i18n.locales, (lang) => ({ params: { lang }}));
 }
 
-//Localize the post titles
-const localeField = Astro.currentLocale.replaceAll('-', '_') //this is to deal with Tina's field naming conventions
-const localizedPosts = _.map(posts, (post: any) => (getLocalizedContent(post, localeField)))
-
 ---
 
 <Layout
@@ -43,7 +38,7 @@ const localizedPosts = _.map(posts, (post: any) => (getLocalizedContent(post, lo
       { t('posts') }
     </h1>
     <Cards>
-      { _.map(localizedPosts, (post) => (
+      { posts?.length ? _.map(posts, (post) => (
         <Card
           imageUrl={post?.cardImage}
           alt={post?.imageAlt}
@@ -53,7 +48,7 @@ const localizedPosts = _.map(posts, (post: any) => (getLocalizedContent(post, lo
           author={post.author}
           date={post.date}
         />
-      ))}
+      )) : <p class="italic text-sm">({ t('none') })</p>}
     </Cards>
   </Container>
 </Layout>
diff --git a/src/types.ts b/src/types.ts
@@ -57,7 +57,7 @@ export interface SearchConfig {
 export interface Configuration {
   content?: {
     collections?: Array<String>,
-    localize_pages?: boolean
+    localize_content?: boolean
   };
 
   core_data: {
diff --git a/src/utils/nav.ts b/src/utils/nav.ts
@@ -1,14 +1,23 @@
 import { fetchPages } from '@backend/tina';
+import config from '@config';
 import _ from 'underscore';
 
 /**
- * Returns the first page flagged as "home_page".
+ * Returns the first page flagged as "home_page". If none exists for the current locale, will default to the configured `default_locale` if possible.
  *
  * @param locale
  */
 export const getHomepage = async (locale: string) => {
   const pages = await fetchPages(locale, { filter: { home_page: { eq: true } } });
-  const [page, ] = pages;
+  let page: any;
+  if (pages && pages.length) {
+    page = pages[0];
+  } else if (config.i18n.default_locale) {
+    const defaultPages = await fetchPages(config.i18n.default_locale, { filter: { home_page: { eq: true } } });
+    if (defaultPages && defaultPages.length) {
+      page = defaultPages[0];
+    }
+  }
 
   return page;
 };
diff --git a/test/config.test.ts b/test/config.test.ts
@@ -42,8 +42,8 @@ describe('content', () => {
     expect(config.content?.collections).toBeArrayOfValues(collections);
   });
 
-  test('localize_pages matches allowed values', () => {
-    expect(config.content?.localize_pages).toBeBoolean();
+  test('localize_content matches allowed values', () => {
+    expect(config.content?.localize_content).toBeBoolean();
   });
 });
 
diff --git a/tina/config.ts b/tina/config.ts
@@ -5,7 +5,7 @@ import Branding from './content/branding';
 import I18n from './content/i18n';
 import PagesCollection from './content/pages';
 import PathsCollection from './content/paths';
-import { getPostsCollection } from './content/posts';
+import PostsCollection from './content/posts';
 import Settings from './content/settings';
 import { CustomAuthProvider } from './auth-provider';
 import { TinaUserCollection, UsernamePasswordAuthJSProvider } from 'tinacms-authjs/dist/tinacms';
@@ -14,11 +14,6 @@ const isLocal = process.env.TINA_PUBLIC_IS_LOCAL === 'true';
 const localContentPath = process.env.TINA_LOCAL_CONTENT_PATH;
 const useSSO = process.env.TINA_PUBLIC_AUTH_USE_KEYCLOAK === 'true';
 
-//deal with localizing the Posts collection
-const defaultLocale = config.i18n.default_locale;
-const otherLocales = config.i18n.locales.filter((loc) => (loc !== defaultLocale))
-const PostsCollection = getPostsCollection(otherLocales)
-
 export default defineConfig({
   authProvider: isLocal
     ? new LocalAuthProvider()
diff --git a/tina/content/pages.ts b/tina/content/pages.ts
diff --git a/tina/content/paths.ts b/tina/content/paths.ts
diff --git a/tina/content/posts.ts b/tina/content/posts.ts
diff --git a/tina/content/settings.ts b/tina/content/settings.ts
diff --git a/tina/tina-lock.json b/tina/tina-lock.json
