@contentstorage/core 0.3.34 → 0.3.36

package/dist/helpers/setKeyToHtmlTag.d.ts

@@ -0,0 +1 @@
+export declare const setKeyToHtmlTag: (contentKey: string) => void;

package/dist/helpers/setKeyToHtmlTag.js

@@ -0,0 +1,19 @@
+const htmlElem = document.documentElement;
+export const setKeyToHtmlTag = (contentKey) => {
+    const currentKeys = htmlElem.getAttribute('data-contentstorage-keys');
+    let storedKeys = [];
+    try {
+        storedKeys = JSON.parse(currentKeys || '');
+        if (!Array.isArray(storedKeys)) {
+            storedKeys = [];
+        }
+    }
+    catch (e) {
+        console.error('Could not parse data-contentstorage-keys:', e);
+        storedKeys = [];
+    }
+    if (!storedKeys.includes(contentKey)) {
+        storedKeys.push(contentKey);
+    }
+    htmlElem.setAttribute('data-contentstorage-keys', JSON.stringify(storedKeys));
+};

package/dist/index.d.ts

@@ -3,3 +3,4 @@ import { setContentLanguage, getText, getImage, getVariation, initContentStorage
 import { fetchContent } from './lib/functions/fetchContent.js';
 export { AppConfig, LanguageCode, ContentStructure };
 export { initContentStorage, fetchContent, setContentLanguage, getText, getImage, getVariation, };
+export declare let isInContentstorageIframe: boolean;

package/dist/index.js

@@ -1,6 +1,7 @@
 import { setContentLanguage, getText, getImage, getVariation, initContentStorage, } from './lib/contentManagement.js';
 import { fetchContent } from './lib/functions/fetchContent.js';
 export { initContentStorage, fetchContent, setContentLanguage, getText, getImage, getVariation, };
+export let isInContentstorageIframe = false;
 async function isLiveEditorMode() {
     try {
         const inIframe = window.self !== window.top;
@@ -20,6 +21,7 @@ isLiveEditorMode().then(async (isLiveMode) => {
     if (!isLiveMode) {
         return;
     }
+    isInContentstorageIframe = true;
     const cdnScriptUrl = `https://your-cdn-domain.com/contentstorage-live-editor.js?contentstorage-live-editor=true`;
     return new Promise((resolve, reject) => {
         console.log(`Attempting to load script from: ${cdnScriptUrl}`);

package/dist/lib/contentManagement.d.ts

@@ -1,13 +1,13 @@
 import { AppConfig, ContentStructure, GetImageReturn, GetTextReturn, GetVariationReturn } from '../types.js';
 export declare let activeContent: object | null;
-export declare let appConfig: AppConfig | null;
+export declare let appConfig: Pick<AppConfig, 'contentKey' | 'languageCodes'> | null;
 /**
  * Loads and sets the content for a specific language.
  * It will internally ensure the application configuration (for contentDir) is loaded.
  * @param contentJson
  */
 export declare function setContentLanguage(contentJson: object): void;
-export declare function initContentStorage(config: AppConfig): void;
+export declare function initContentStorage(config: Pick<AppConfig, 'contentKey' | 'languageCodes'>): void;
 /**
  * Retrieves the text string from the loaded JSON content for the given path.
  * Autocompletion for pathString is enabled via module augmentation of CustomContentStructure.

package/dist/lib/contentManagement.js

@@ -1,4 +1,6 @@
 import { populateTextWithVariables } from '../helpers/populateTextWithVariables.js';
+import { isInContentstorageIframe } from '../index.js';
+import { setKeyToHtmlTag } from '../helpers/setKeyToHtmlTag.js';
 export let activeContent = null;
 export let appConfig = null;
 /**
@@ -68,6 +70,9 @@ export function getText(contentKey, variables) {
     }
     if (typeof current === 'string') {
         if (!variables || Object.keys(variables).length === 0) {
+            if (isInContentstorageIframe) {
+                setKeyToHtmlTag(contentKey);
+            }
             return {
                 contentKey,
                 text: current,

package/dist/lib/functions/fetchContent.js

@@ -15,7 +15,6 @@ export async function fetchContent(language) {
         // Fetch data for the current language
         const response = await axios.get(fileUrl);
         const jsonData = response.data;
-        // Basic check for data existence, although axios usually throws for non-2xx responses
         if (jsonData === undefined || jsonData === null) {
             throw new Error(`No data received from ${fileUrl} for language ${languageToFetch}.`);
         }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@contentstorage/core",
   "author": "Kaido Hussar <kaidohus@gmail.com>",
   "homepage": "https://contentstorage.app",
-  "version": "0.3.34",
+  "version": "0.3.36",
   "type": "module",
   "description": "Fetch content from contentstorage and generate TypeScript types",
   "module": "dist/index.js",