notes-to-strapi-export-article-ai 1.0.3

package/.editorconfig

@@ -0,0 +1,10 @@
+# top-most EditorConfig file
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+indent_size = 4
+tab_width = 4

package/.eslintignore

@@ -0,0 +1,3 @@
+node_modules/
+
+main.js

package/.eslintrc

@@ -0,0 +1,24 @@
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "env": { "node": true },
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "extends": [
+      "eslint:recommended",
+      "plugin:@typescript-eslint/eslint-recommended",
+      "plugin:@typescript-eslint/recommended"
+    ], 
+    "parserOptions": {
+        "sourceType": "module"
+    },
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": ["error", { "args": "none" }],
+      "@typescript-eslint/ban-ts-comment": "off",
+      "no-prototype-builtins": "off",
+      "@typescript-eslint/no-empty-function": "off",
+      "@typescript-eslint/no-explicit-any": "off"
+    } 
+  }

package/.github/workflows/deploy.yml

@@ -0,0 +1,58 @@
+name: Auto Deploy, install dependencies, increment version and push tag
+
+on:
+    pull_request:
+        branches: [ main ]
+        types: [ closed ]
+
+jobs:
+    publish:
+        if: github.event.pull_request.merged == true
+        runs-on: ubuntu-latest
+        steps:
+            -   name: Checkout
+                uses: actions/checkout@v4
+                with:
+                    fetch-depth: 0
+                    token: ${{ secrets.GIT_TOKEN }}
+                    ref: 'main'
+
+            -   name: Configure Git
+                run: |
+                    git config --local user.email "cinquin.andy@gmail.com"
+                    git config --local user.name "Cinquin Andy"
+
+            -   name: Use Node.js
+                uses: actions/setup-node@v4
+                with:
+                    node-version: '20'
+                    registry-url: 'https://registry.npmjs.org'
+
+            -   name: Install Dependencies
+                run: npm ci
+
+            -   name: Increment Package Version and Update Tag
+                id: version-bump
+                run: |
+                    git fetch --tags
+                    current_version=$(npm pkg get version | sed 's/"//g')
+                    echo "Current version: $current_version"
+                    
+                    new_version=$(npx semver -i patch $current_version)
+                    echo "New version: $new_version"
+                    
+                    while git rev-parse v$new_version >/dev/null 2>&1; do
+                      new_version=$(npx semver -i patch $new_version)
+                      echo "Tag v$new_version already exists. Trying next version..."
+                    done
+                    
+                    npm version $new_version --no-git-tag-version
+                    echo "::set-output name=VERSION::$new_version"
+
+            -   name: Commit and Push Version Update
+                run: |
+                    git add package.json
+                    git commit -m "chore(release): ${{ steps.version-bump.outputs.VERSION }}"
+                    git tag v${{ steps.version-bump.outputs.VERSION }}
+                    git push origin main --follow-tags
+                    git push origin refs/tags/v${{ steps.version-bump.outputs.VERSION }}

package/.github/workflows/publish.yml

@@ -0,0 +1,30 @@
+name: Publish to npm when a new tag is pushed
+
+on:
+    push:
+        tags:
+            - 'v*'
+
+jobs:
+    publish:
+        runs-on: ubuntu-latest
+        steps:
+            -   name: Checkout
+                uses: actions/checkout@v4
+                with:
+                    fetch-depth: 0
+                    token: ${{ secrets.GIT_TOKEN }}
+
+            -   name: Use Node.js
+                uses: actions/setup-node@v4
+                with:
+                    node-version: '20'
+                    registry-url: 'https://registry.npmjs.org'
+
+            -   name: Install Dependencies
+                run: npm ci
+
+            -   name: Publish to npm
+                run: npm publish
+                env:
+                    NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.prettierrc

@@ -0,0 +1,19 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": true,
+  "printWidth": 80,
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "jsxSingleQuote": false,
+  "proseWrap": "preserve",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "insertPragma": false,
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "embeddedLanguageFormatting": "auto"
+}

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright <2024> <CINQUIN Andy>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,179 @@
+# 🚀 Strapi Exporter: Supercharge Your Obsidian-to-Strapi Workflow
+
+[![Version](https://img.shields.io/github/package-json/v/CinquinAndy/notes-to-strapi-export-article-ai)](https://github.com/CinquinAndy/notes-to-strapi-export-article-ai/releases)
+[![License](https://img.shields.io/github/license/CinquinAndy/notes-to-strapi-export-article-ai)](https://github.com/CinquinAndy/notes-to-strapi-export-article-ai/blob/main/LICENSE)
+[![Sponsor](https://img.shields.io/badge/sponsor-CinquinAndy-purple)](https://github.com/sponsors/CinquinAndy)
+
+Strapi Exporter is a game-changing Obsidian plugin that streamlines your content creation process by seamlessly exporting your notes to Strapi CMS. With its AI-powered image handling and SEO optimization features, you can take your content to the next level with just a few clicks.
+
+## ✨ Features
+
+- 🖼️ Automatically upload images from your notes to Strapi
+- 🎨 Generate SEO-friendly alt text and captions for images using AI
+- 📝 Create SEO-optimized article content based on your notes
+- 🔧 Customize the JSON template for the article fields in Strapi
+- ⚙️ Easy configuration for Strapi API URL, token, and content attribute name
+
+## 🛠️ Installation
+
+### For users:
+
+1. Download the latest release from the [releases page](https://github.com/CinquinAndy/notes-to-strapi-export-article-ai/releases/tag/)
+2. Download the `main.js` file & `manifest.json` from the latest release.
+3. Create a folder named `notes-to-strapi-export-article-ai` in your Obsidian plugins folder (usually located at `<vault>/.obsidian/plugins/`).
+4. Move the `main.js` file & `manifest.json` to your Obsidian plugins folder (usually located at `<vault>/.obsidian/plugins/`).
+5. Restart Obsidian
+6. Enable the plugin in Obsidian's settings under "Community plugins".
+7. Configure the necessary settings (see the Configuration section below). 
+8. Enjoy!
+
+### For developers:
+
+To install Strapi Exporter, follow these steps (coming soon to the Obsidian plugin marketplace):
+
+1. Clone this repository into your Obsidian plugins folder (usually located at `<vault>/.obsidian/plugins/`).
+2. Run `npm install` to install the dependencies
+3. Run `npm run build` to build the plugin
+4. Restart Obsidian
+5. Enable the plugin in Obsidian's settings under "Community plugins".
+6. Configure the necessary settings (see the Configuration section below).
+
+## ⚙️ Configuration
+
+To get started with Strapi Exporter, you'll need to configure the following settings:
+
+- **Strapi URL**: The URL of your Strapi instance (e.g., `https://your-strapi-url`).
+![img.png](img.png)
+- **Strapi API Token**: Your Strapi API token for authentication. You can create an API token in your Strapi admin panel under "Settings" > "API Tokens".
+![img_1.png](img_1.png)
+![img_2.png](img_2.png)
+- You need, at least, to have the following permissions:
+  - article: create
+  - upload: create
+  - (you can also add full permissions, but it's not really recommended for security reasons)
+![img_3.png](img_3.png)
+  - (the token in the screenshot is not valid, don't try to use it 😌)
+- **OpenAI API Key**: Your OpenAI API key for using GPT-3 to generate SEO-friendly content. You can get your API key from the [OpenAI website](https://platform.openai.com/account/api-keys).
+![img_4.png](img_4.png)
+  - this key is needed to use the GPT-3 API, which is used to generate the content of the article
+  - (it need to access to "Model capabilities" with "write" permission)
+![img_5.png](img_5.png)
+  - (or with the "all" permission)
+- **JSON Template**: The JSON template for the article fields in Strapi. Customize this according to your Strapi content type structure. You can find the JSON template in your Strapi API documentation (Swagger).
+![img_6.png](img_6.png)
+  - to get the JSON template, you can go to the documentation of your Strapi API, and copy the JSON template of the article creation
+  - it should look like this: ``https://{api_url}/documentation/v1.0.0``
+  - then, go to the article creation, and copy the JSON template
+![img_7.png](img_7.png)
+![img_8.png](img_8.png)
+  - it should look like this for example:
+```json
+{
+  "data": {
+    "title": "string",
+    "seo_title": "string",
+    "seo_description": "string",
+    "slug": "string",
+    "excerpt": "string",
+    "links": [
+      {
+        "id": "number",
+        "label": "string",
+        "url": "string"
+      }
+    ],
+    "subtitle": "string",
+    "type": "string",
+    "rank": "number",
+    "tags": [
+      {
+        "id": "number",
+        "name": "string"
+      }
+    ],
+    "locale": "string"
+  }
+}
+```
+- then, you can copy this JSON template in the settings of the plugin
+- and copy that, to describe each field in the other JSON description setting
+- **JSON Template Description**: A description for each field in the JSON template to help GPT-3 understand the structure. Follow the same schema as the JSON template to provide descriptions for each field.
+```json
+{
+  "data": {
+    "title": "<Title of the item, as a short string>",
+    "seo_title": "<SEO optimized title, as a short string>",
+    "seo_description": "<SEO optimized description, as a short string>",
+    "slug": "<URL-friendly string derived from the title>",
+    "excerpt": "<A short preview or snippet from the content>",
+    "links": [
+      {
+        "id": "<Unique identifier for the link, as a number>",
+        "label": "<Display text for the link, as a short string>",
+        "url": "<URL the link points to, as a string>"
+      }
+    ],
+    "subtitle": "<Subtitle or secondary title, as a short string>",
+    "type": "<Category or type of the item, as a short string>",
+    "rank": "<Numerical ranking or order priority, as a number>",
+    "tags": [
+      {
+        "id": "<Unique identifier for the tag, as a number>",
+        "name": "<Name of the tag, as a short string>"
+      }
+    ],
+    "locale": "<Locale or language code, as a short string>"
+  }
+}
+```
+```
+⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️
+⚠️
+⚠️ **Important:** Remove the `content` (or the attribute name that correspond to the main content of the article) 
+⚠️ field from the JSON template and specify it separately in the "Strapi Content Attribute Name" setting.
+⚠️ ( i do that to avoid changes on the main content by chat gpt )
+⚠️
+⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️
+```
+- **Strapi Article Create URL**: The URL to create articles in Strapi (e.g., `https://your-strapi-url/api/articles`).
+  - to get the URL, you can go to the documentation of your Strapi API, and copy the URL of the article creation
+  - it should look like this: ``https://{api_url}/documentation/v1.0.0``
+  - then, go to the article creation, and copy the URL
+- **Strapi Content Attribute Name**: The attribute name for the content field in Strapi (e.g., `content`). 
+  - to get the attribute name, you can go to the documentation of your Strapi API, and copy the attribute name of the article creation, (it need to be the name of the attribute that contain the main content of the article, for me it's "content", but it can be different for you)
+- **Additional Prompt** (optional): Additional prompt to provide context for GPT-3 when generating content. You can use this field to specify additional information or instructions for the AI model. Like your langage, the tone of the article, etc.
+
+## 🚀 Usage
+
+1. Open a Markdown file in Obsidian.
+2. Click on the plugin's ribbon icon to start the magic.
+![img_9.png](img_9.png)
+3. Sit back and relax while Strapi Exporter does the heavy lifting:
+    - 🖼️ Extracting and uploading images to Strapi
+    - 🎨 Generating SEO-friendly alt text and captions for images
+    - 📝 Creating SEO-optimized article content based on your notes
+    - 🌐 Publishing the article to Strapi with the generated content and images
+4. Enjoy your freshly exported article in Strapi!
+
+## 🤝 Contributing
+
+We welcome contributions from the community! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request. Let's make Strapi Exporter even better together!
+
+## 📜 License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
+
+---
+
+🌟 Elevate your content workflow with Strapi Exporter and unleash the full potential of your Obsidian notes! 🌟
+
+### Roadmap
+
+- [ ] Make it available as a plugin in Obsidian
+- [ ] Add tests
+- [ ] Renovate
+- [ ] ajouter l'étape de création du plugin (création du folder)
+- [ ] ajouter l'étape de redémarrage d'obsidian
+- [ ] ajouter l'étape de configuration du plugin
+  - [ ] ajouter l'étape de configuration du token d'access de strapi (accès etc)
+

package/esbuild.config.mjs

@@ -0,0 +1,48 @@
+import esbuild from "esbuild";
+import process from "process";
+import builtins from "builtin-modules";
+
+const banner =
+`/*
+THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
+if you want to view the source, please visit the github repository of this plugin
+*/
+`;
+
+const prod = (process.argv[2] === "production");
+
+const context = await esbuild.context({
+	banner: {
+		js: banner,
+	},
+	entryPoints: ["main.ts"],
+	bundle: true,
+	external: [
+		"obsidian",
+		"electron",
+		"@codemirror/autocomplete",
+		"@codemirror/collab",
+		"@codemirror/commands",
+		"@codemirror/language",
+		"@codemirror/lint",
+		"@codemirror/search",
+		"@codemirror/state",
+		"@codemirror/view",
+		"@lezer/common",
+		"@lezer/highlight",
+		"@lezer/lr",
+		...builtins],
+	format: "cjs",
+	target: "es2018",
+	logLevel: "info",
+	sourcemap: prod ? false : "inline",
+	treeShaking: true,
+	outfile: "main.js",
+});
+
+if (prod) {
+	await context.rebuild();
+	process.exit(0);
+} else {
+	await context.watch();
+}

package/main.ts

@@ -0,0 +1,687 @@
+import OpenAI from 'openai'
+import {
+	App,
+	MarkdownView,
+	Notice,
+	Plugin,
+	PluginSettingTab,
+	Setting,
+	TFile,
+} from 'obsidian'
+
+/**
+ * The settings for the plugin
+ */
+interface MyPluginSettings {
+	strapiUrl: string
+	strapiApiToken: string
+	openaiApiKey: string
+	jsonTemplate: string
+	jsonTemplateDescription: string
+	strapiArticleCreateUrl: string
+	strapiContentAttributeName: string
+	additionalPrompt: string
+}
+
+/**
+ * The default settings for the plugin
+ */
+const DEFAULT_SETTINGS: MyPluginSettings = {
+	strapiUrl: '',
+	strapiApiToken: '',
+	openaiApiKey: '',
+	jsonTemplate: `{
+    "data": {
+      "title": "string",
+      "seo_title": "string",
+      "seo_description": "string",
+      "slug": "string",
+      "excerpt": "string",
+      "links": [
+        {
+          "id": "number",
+          "label": "string",
+          "url": "string"
+        }
+      ],
+      "subtitle": "string",
+      "type": "string",
+      "rank": "number",
+      "tags": [
+        {
+          "id": "number",
+          "name": "string"
+        }
+      ],
+      "locale": "string"
+    }
+  }`,
+	jsonTemplateDescription: `{
+    "data": {
+      "title": "Title of the item, as a short string",
+      "seo_title": "SEO optimized title, as a short string",
+      "seo_description": "SEO optimized description, as a short string",
+      "slug": "URL-friendly string derived from the title",
+      "excerpt": "A short preview or snippet from the content",
+      "links": "Array of related links with ID, label, and URL",
+      "subtitle": "Subtitle or secondary title, as a short string",
+      "type": "Category or type of the item, as a short string",
+      "rank": "Numerical ranking or order priority, as a number",
+      "tags": "Array of associated tags with ID and name",
+      "locale": "Locale or language code, as a short string"
+    }
+  }`,
+	strapiArticleCreateUrl: '',
+	strapiContentAttributeName: '',
+	additionalPrompt: '',
+}
+
+/**
+ * The main plugin class
+ */
+export default class MyPlugin extends Plugin {
+	settings: MyPluginSettings
+
+	/**
+	 * The main entry point for the plugin
+	 */
+	async onload() {
+		await this.loadSettings()
+
+		/**
+		 * Add a ribbon icon to the Markdown view (the little icon on the left side bar)
+		 */
+		const ribbonIconEl = this.addRibbonIcon(
+			'upload',
+			'Upload images to Strapi and update links in Markdown content, then generate article content using OpenAI',
+			async (evt: MouseEvent) => {
+				const activeView = this.app.workspace.getActiveViewOfType(MarkdownView)
+				if (!activeView) {
+					new Notice('No active Markdown view')
+					return
+				}
+
+				/** ****************************************************************************
+				 * Check if all the settings are configured
+				 * *****************************************************************************
+				 */
+				if (!this.settings.strapiUrl || !this.settings.strapiApiToken) {
+					new Notice(
+						'Please configure Strapi URL and API token in the plugin settings'
+					)
+					return
+				}
+
+				if (!this.settings.openaiApiKey) {
+					new Notice('Please configure OpenAI API key in the plugin settings')
+					return
+				}
+
+				if (!this.settings.jsonTemplate) {
+					new Notice('Please configure JSON template in the plugin settings')
+					return
+				}
+
+				if (!this.settings.jsonTemplateDescription) {
+					new Notice(
+						'Please configure JSON template description in the plugin settings'
+					)
+					return
+				}
+
+				if (!this.settings.strapiArticleCreateUrl) {
+					new Notice(
+						'Please configure Strapi article create URL in the plugin settings'
+					)
+					return
+				}
+
+				if (!this.settings.strapiContentAttributeName) {
+					new Notice(
+						'Please configure Strapi content attribute name in the plugin settings'
+					)
+					return
+				}
+
+				/** ****************************************************************************
+				 * Process the Markdown content
+				 * *****************************************************************************
+				 */
+				new Notice('All settings are ok, processing Markdown content...')
+				const file = activeView.file
+				let content = ''
+				if (!file) {
+					new Notice('No file found in active view...')
+					return
+				}
+				/**
+				 * Read the content of the file
+				 */
+				content = await this.app.vault.read(file)
+
+				// check if the content has any images to process
+				const flag = this.hasUnexportedImages(content)
+				/**
+				 * Initialize the OpenAI API
+				 */
+				const openai = new OpenAI({
+					apiKey: this.settings.openaiApiKey,
+					dangerouslyAllowBrowser: true,
+				})
+
+				/**
+				 * Process the images in the content, upload them to Strapi, and update the links,
+				 * only if there are images in the content
+				 * that are not already uploaded to Strapi
+				 */
+				if (flag) {
+					/**
+					 * Extract the image paths from the content
+					 */
+					const imagePaths = this.extractImagePaths(content)
+
+					/**
+					 * Get the image blobs from the image paths
+					 */
+					const imageBlobs = await this.getImageBlobs(imagePaths)
+
+					/**
+					 * Get the image descriptions using the OpenAI API
+					 */
+					new Notice('Getting image descriptions...')
+					const imageDescriptions = await Promise.all(
+						imageBlobs.map(async imageBlob => {
+							const description = await this.getImageDescription(
+								imageBlob.blob,
+								openai
+							)
+							return {
+								blob: imageBlob.blob,
+								name: imageBlob.name,
+								path: imageBlob.path,
+								description,
+							}
+						})
+					)
+
+					/**
+					 * Upload the images to Strapi
+					 */
+					new Notice('Uploading images to Strapi...')
+					const uploadedImages =
+						await this.uploadImagesToStrapi(imageDescriptions)
+
+					/**
+					 * Replace the image paths in the content with the uploaded image URLs
+					 */
+					new Notice('Replacing image paths...')
+					content = this.replaceImagePaths(content, uploadedImages)
+					await this.app.vault.modify(file, content)
+					new Notice('Images uploaded and links updated successfully!')
+				} else {
+					new Notice(
+						'No local images found in the content... Skip the image processing...'
+					)
+				}
+
+				/**
+				 * Generate article content using OpenAI
+				 */
+				new Notice('Generating article content...')
+				/**
+				 * Parse the JSON template and description
+				 */
+				const jsonTemplate = JSON.parse(this.settings.jsonTemplate)
+				const jsonTemplateDescription = JSON.parse(
+					this.settings.jsonTemplateDescription
+				)
+
+				/**
+				 * If the content is not present, get it from the active view
+				 */
+				content = await this.app.vault.read(file)
+
+				/**
+				 * Prompt for generating the article content
+				 */
+				const articlePrompt = `You are an SEO expert. Generate an article based on the following template and field descriptions:
+
+    Template:
+    ${JSON.stringify(jsonTemplate, null, 2)}
+    
+    Field Descriptions:
+    ${JSON.stringify(jsonTemplateDescription, null, 2)}
+    
+    The main content of the article should be based on the following text and all the keywords around the domain of the text:
+    ----- CONTENT -----
+    ${content.substring(0, 500)}
+    ----- END CONTENT -----
+    
+    Please provide the generated article content as a JSON object following the given template structure.
+    
+    ${this.settings.additionalPrompt ? `Additional Prompt: ${this.settings.additionalPrompt}` : ''}`
+
+				/**
+				 * Generate the article content using OpenAI
+				 */
+				const completion = await openai.chat.completions.create({
+					model: 'gpt-3.5-turbo-0125',
+					messages: [
+						{
+							role: 'user',
+							content: articlePrompt,
+						},
+					],
+					max_tokens: 2000,
+					n: 1,
+					stop: null,
+				})
+
+				/**
+				 * Parse the generated article content
+				 */
+				let articleContent = JSON.parse(
+					completion.choices[0].message.content ?? '{}'
+				)
+				/**
+				 * Add the content to the article content
+				 */
+				articleContent = {
+					data: {
+						...articleContent.data,
+						[this.settings.strapiContentAttributeName]: content,
+					},
+				}
+
+				new Notice('Article content generated successfully!')
+				try {
+					const response = await fetch(this.settings.strapiArticleCreateUrl, {
+						method: 'POST',
+						headers: {
+							'Content-Type': 'application/json',
+							Authorization: `Bearer ${this.settings.strapiApiToken}`,
+						},
+						body: JSON.stringify(articleContent),
+					})
+
+					if (response.ok) {
+						new Notice('Article created successfully in Strapi!')
+					} else {
+						new Notice('Failed to create article in Strapi.')
+					}
+				} catch (error) {
+					new Notice('Error creating article in Strapi.')
+				}
+
+				new Notice(
+					'Check your API content now, the article is created & uploaded ! 🎉'
+				)
+			}
+		)
+		ribbonIconEl.addClass('my-plugin-ribbon-class')
+
+		this.addSettingTab(new MyExportSettingTab(this.app, this))
+	}
+
+	onunload() {}
+
+	/**
+	 * Load the settings for the plugin
+	 */
+	async loadSettings() {
+		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData())
+	}
+
+	/**
+	 * Save the settings for the plugin
+	 */
+	async saveSettings() {
+		await this.saveData(this.settings)
+	}
+
+	/**
+	 * Extract the image paths from the content
+	 * @param content
+	 */
+	extractImagePaths(content: string): string[] {
+		/**
+		 * Extract the image paths from the content
+		 */
+		const imageRegex = /!\[\[([^\[\]]*\.(png|jpe?g|gif|bmp|webp))\]\]/gi
+		const imagePaths: string[] = []
+		let match
+
+		while ((match = imageRegex.exec(content)) !== null) {
+			imagePaths.push(match[1])
+		}
+
+		return imagePaths
+	}
+
+	/**
+	 * Check if the content has any unexported images
+	 * @param content
+	 */
+	hasUnexportedImages(content: string): boolean {
+		const imageRegex = /!\[\[([^\[\]]*\.(png|jpe?g|gif|bmp|webp))\]\]/gi
+		return imageRegex.test(content)
+	}
+
+	/**
+	 * Get the image blobs from the image paths
+	 * @param imagePaths
+	 */
+	async getImageBlobs(
+		imagePaths: string[]
+	): Promise<{ path: string; blob: Blob; name: string }[]> {
+		// get all the files in the vault
+		const files = this.app.vault.getAllLoadedFiles()
+		// get the image files name from the vault
+		const fileNames = files.map(file => file.name)
+		// filter the image files, and get all the images files paths
+		const imageFiles = imagePaths.filter(path => fileNames.includes(path))
+		// get the image blobs, find it, and return the blob
+		return await Promise.all(
+			imageFiles.map(async path => {
+				const file = files.find(file => file.name === path)
+				if (file instanceof TFile) {
+					const blob = await this.app.vault.readBinary(file)
+					return {
+						name: path,
+						blob: new Blob([blob], { type: 'image/png' }),
+						path: file.path,
+					}
+				}
+				return {
+					name: '',
+					blob: new Blob(),
+					path: '',
+				}
+			})
+		)
+	}
+
+	/**
+	 * Upload the images to Strapi
+	 * @param imageBlobs
+	 */
+	async uploadImagesToStrapi(
+		imageBlobs: {
+			path: string
+			blob: Blob
+			name: string
+			description: {
+				name: string
+				alternativeText: string
+				caption: string
+			}
+		}[]
+	): Promise<{ [key: string]: { url: string; data: any } }> {
+		// upload the images to Strapi
+		const uploadedImages: {
+			[key: string]: { url: string; data: any }
+		} = {}
+
+		/**
+		 * Upload the images to Strapi
+		 */
+		for (const imageBlob of imageBlobs) {
+			const formData = new FormData()
+			/**
+			 * Append the image blob and the image description to the form data
+			 */
+			formData.append('files', imageBlob.blob, imageBlob.name)
+			formData.append(
+				'fileInfo',
+				JSON.stringify({
+					name: imageBlob.description.name,
+					alternativeText: imageBlob.description.alternativeText,
+					caption: imageBlob.description.caption,
+				})
+			)
+
+			// upload the image to Strapi
+			try {
+				const response = await fetch(`${this.settings.strapiUrl}/api/upload`, {
+					method: 'POST',
+					headers: {
+						Authorization: `Bearer ${this.settings.strapiApiToken}`,
+					},
+					body: formData,
+				})
+
+				/**
+				 * If the response is ok, add the uploaded image to the uploaded images object
+				 */
+				if (response.ok) {
+					const data = await response.json()
+					uploadedImages[imageBlob.name] = {
+						url: data[0].url,
+						data: data[0],
+					}
+				} else {
+					new Notice(`Failed to upload image: ${imageBlob.name}`)
+				}
+			} catch (error) {
+				new Notice(`Error uploading image: ${imageBlob.name}`)
+			}
+		}
+
+		return uploadedImages
+	}
+
+	/**
+	 * Replace the image paths in the content with the uploaded image URLs
+	 * @param content
+	 * @param uploadedImages
+	 */
+	replaceImagePaths(
+		content: string,
+		uploadedImages: { [key: string]: { url: string; data: any } }
+	): string {
+		/**
+		 * Replace the image paths in the content with the uploaded image URLs
+		 */
+		for (const [localPath, imageData] of Object.entries(uploadedImages)) {
+			const markdownImageRegex = new RegExp(`!\\[\\[${localPath}\\]\\]`, 'g')
+			content = content.replace(
+				markdownImageRegex,
+				`![${imageData.data.alternativeText}](${imageData.url})`
+			)
+		}
+		return content
+	}
+
+	/**
+	 * Get the description of the image using OpenAI
+	 * @param imageBlob
+	 * @param openai
+	 */
+	async getImageDescription(imageBlob: Blob, openai: OpenAI) {
+		// get the image description using the OpenAI API ( using gpt 4 vision preview model )
+		const response = await openai.chat.completions.create({
+			model: 'gpt-4-vision-preview',
+			messages: [
+				{
+					role: 'user',
+					// @ts-ignore
+					content: [
+						{
+							type: 'text',
+							text: `What's in this image? make it simple, i just want the context and an idea(think about alt text)`,
+						},
+						{
+							type: 'image_url',
+							// encode imageBlob as base64
+							image_url: `data:image/png;base64,${btoa(
+								new Uint8Array(await imageBlob.arrayBuffer()).reduce(
+									(data, byte) => data + String.fromCharCode(byte),
+									''
+								)
+							)}`,
+						},
+					],
+				},
+			],
+		})
+
+		new Notice(response.choices[0].message.content ?? 'no response content...')
+		new Notice(
+			`prompt_tokens: ${response.usage?.prompt_tokens} // completion_tokens: ${response.usage?.completion_tokens} // total_tokens: ${response.usage?.total_tokens}`
+		)
+
+		// gpt-3.5-turbo-0125
+		// alt text, caption, and title for the image, based on the description of the image
+		const completion = await openai.chat.completions.create({
+			model: 'gpt-3.5-turbo-0125',
+			messages: [
+				{
+					role: 'user',
+					content: `You are an SEO expert and you are writing alt text, caption, and title for this image. The description of the image is: ${response.choices[0].message.content}.
+        Give me a title (name) for this image, an SEO-friendly alternative text, and a caption for this image.
+        Generate this information and respond with a JSON object using the following fields: name, alternativeText, caption.
+        Use this JSON template: {"name": "string", "alternativeText": "string", "caption": "string"}.`,
+				},
+			],
+			max_tokens: 750,
+			n: 1,
+			stop: null,
+		})
+
+		new Notice(
+			completion.choices[0].message.content ?? 'no response content...'
+		)
+		new Notice(
+			`prompt_tokens: ${completion.usage?.prompt_tokens} // completion_tokens: ${completion.usage?.completion_tokens} // total_tokens: ${completion.usage?.total_tokens}`
+		)
+
+		return JSON.parse(completion.choices[0].message.content?.trim() || '{}')
+	}
+}
+
+/**
+ * The settings tab for the plugin
+ */
+class MyExportSettingTab extends PluginSettingTab {
+	plugin: MyPlugin
+
+	constructor(app: App, plugin: MyPlugin) {
+		super(app, plugin)
+		this.plugin = plugin
+	}
+
+	display(): void {
+		const { containerEl } = this
+		containerEl.empty()
+
+		/** ****************************************************************************
+		 * Add the settings for the plugin
+		 * *****************************************************************************
+		 */
+		new Setting(containerEl)
+			.setName('Strapi URL')
+			.setDesc('Enter your Strapi instance URL')
+			.addText(text =>
+				text
+					.setPlaceholder('https://your-strapi-url')
+					.setValue(this.plugin.settings.strapiUrl)
+					.onChange(async value => {
+						this.plugin.settings.strapiUrl = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('Strapi API Token')
+			.setDesc('Enter your Strapi API token')
+			.addText(text =>
+				text
+					.setPlaceholder('Enter your token')
+					.setValue(this.plugin.settings.strapiApiToken)
+					.onChange(async value => {
+						this.plugin.settings.strapiApiToken = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('OpenAI API Key')
+			.setDesc('Enter your OpenAI API key for GPT-3')
+			.addText(text =>
+				text
+					.setPlaceholder('Enter your OpenAI API key')
+					.setValue(this.plugin.settings.openaiApiKey)
+					.onChange(async value => {
+						this.plugin.settings.openaiApiKey = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('JSON Template')
+			.setDesc('Enter the JSON template for the fields needed')
+			.addTextArea(text =>
+				text
+					.setPlaceholder('Enter your JSON template')
+					.setValue(this.plugin.settings.jsonTemplate)
+					.onChange(async value => {
+						this.plugin.settings.jsonTemplate = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('JSON Template Description')
+			.setDesc('Enter the description for each field in the JSON template')
+			.addTextArea(text =>
+				text
+					.setPlaceholder('Enter the field descriptions')
+					.setValue(this.plugin.settings.jsonTemplateDescription)
+					.onChange(async value => {
+						this.plugin.settings.jsonTemplateDescription = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('Strapi Article Create URL')
+			.setDesc('Enter the URL to create articles in Strapi')
+			.addText(text =>
+				text
+					.setPlaceholder('https://your-strapi-url/api/articles')
+					.setValue(this.plugin.settings.strapiArticleCreateUrl)
+					.onChange(async value => {
+						this.plugin.settings.strapiArticleCreateUrl = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('Strapi Content Attribute Name')
+			.setDesc('Enter the attribute name for the content field in Strapi')
+			.addText(text =>
+				text
+					.setPlaceholder('content')
+					.setValue(this.plugin.settings.strapiContentAttributeName)
+					.onChange(async value => {
+						this.plugin.settings.strapiContentAttributeName = value
+						await this.plugin.saveSettings()
+					})
+			)
+
+		new Setting(containerEl)
+			.setName('Additional Prompt')
+			.setDesc(
+				'Enter an optional additional prompt to customize the article content generation'
+			)
+			.addTextArea(text =>
+				text
+					.setPlaceholder('Enter your additional prompt here...')
+					.setValue(this.plugin.settings.additionalPrompt)
+					.onChange(async value => {
+						this.plugin.settings.additionalPrompt = value
+						await this.plugin.saveSettings()
+					})
+			)
+	}
+}

package/manifest.json

@@ -0,0 +1,11 @@
+{
+  "id": "notes-to-strapi-export-article-ai",
+  "name": "Strapi Exporter, Notes to Strapi article AI enhanced",
+  "version": "1.0.3",
+  "minAppVersion": "1.5.0",
+  "description": "Effortlessly export your notes to Strapi CMS with AI-powered image handling and SEO optimization. Replace all the images in your notes by uploaded images in Strapi, and add SEO metadata to uploaded images.",
+  "author": "Cinquin Andy",
+  "authorUrl": "https://andy.cinquin.com",
+  "isDesktopOnly": true,
+  "fundingUrl": "https://github.com/sponsors/CinquinAndy"
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+	"name": "notes-to-strapi-export-article-ai",
+	"version": "1.0.3",
+	"description": "Effortlessly export your Obsidian notes to Strapi CMS with AI-powered image handling and SEO optimization. Replace all the images in your notes by uploaded images in Strapi, and add SEO metadata to uploaded images.",
+	"main": "main.js",
+	"scripts": {
+		"dev": "node esbuild.config.mjs",
+		"build": "tsc -noEmit -skipLibCheck && node esbuild.config.mjs production",
+		"version": "node version-bump.mjs && git add manifest.json versions.json"
+	},
+	"keywords": [],
+	"author": "Cinquin Andy",
+	"devDependencies": {
+		"@types/node": "20.11.30",
+		"@typescript-eslint/eslint-plugin": "7.3.1",
+		"@typescript-eslint/parser": "7.3.1",
+		"builtin-modules": "3.3.0",
+		"esbuild": "0.20.2",
+		"obsidian": "latest",
+		"prettier": "3.2.5",
+		"tslib": "2.6.2",
+		"typescript": "5.4.3"
+	},
+	"dependencies": {
+		"openai": "^4.0.0"
+	}
+}

package/prettier.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+    singleQuote: true,
+    semi: false,
+    trailingComma: 'es5',
+    tabWidth: 2,
+    useTabs: true,
+    printWidth: 80,
+    arrowParens: 'avoid',
+    bracketSpacing: true,
+    jsxSingleQuote: false,
+    proseWrap: 'preserve',
+    quoteProps: 'as-needed',
+    requirePragma: false,
+    insertPragma: false,
+    endOfLine: 'lf',
+    htmlWhitespaceSensitivity: 'css',
+    vueIndentScriptAndStyle: false,
+    embeddedLanguageFormatting: 'auto',
+}

package/renovate.json

@@ -0,0 +1,18 @@
+{
+	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
+	"extends": [
+		"config:base"
+	],
+	"packageRules": [
+		{
+			"matchUpdateTypes": [
+				"minor",
+				"patch"
+			],
+			"matchCurrentVersion": "!/^0/",
+			"automerge": true,
+			"automergeType": "pr",
+			"automergeStrategy": "squash"
+		}
+	]
+}

package/styles.css

@@ -0,0 +1,8 @@
+/*
+
+This CSS file will be included with your plugin, and
+available in the app when your plugin is enabled.
+
+If your plugin does not need CSS, delete this file.
+
+*/

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "inlineSourceMap": true,
+    "inlineSources": true,
+    "module": "ESNext",
+    "target": "ES6",
+    "allowJs": true,
+    "noImplicitAny": false,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "isolatedModules": true,
+	"strictNullChecks": true,
+    "lib": [
+      "DOM",
+      "ES5",
+      "ES6",
+      "ES7"
+    ]
+  },
+  "include": [
+    "**/*.ts"
+  ]
+}

package/version-bump.mjs

@@ -0,0 +1,14 @@
+import { readFileSync, writeFileSync } from "fs";
+
+const targetVersion = process.env.npm_package_version;
+
+// read minAppVersion from manifest.json and bump version to target version
+let manifest = JSON.parse(readFileSync("manifest.json", "utf8"));
+const { minAppVersion } = manifest;
+manifest.version = targetVersion;
+writeFileSync("manifest.json", JSON.stringify(manifest, null, "\t"));
+
+// update versions.json with target version and minAppVersion from manifest.json
+let versions = JSON.parse(readFileSync("versions.json", "utf8"));
+versions[targetVersion] = minAppVersion;
+writeFileSync("versions.json", JSON.stringify(versions, null, "\t"));

package/versions.json

@@ -0,0 +1,3 @@
+{
+	"1.0.2": "1.0.2"
+}