update to latest dependencies

.github/workflows/npm-publish.yml

@@ -1,47 +1,53 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
-
 name: Publish to NPM
 
 on:
-  release:
-    types: [created]
+  push:
+    tags:
+      - '*'
 
 jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 16
-      - run: yarn
-      - run: yarn test
+          node-version: 22
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Run tests
+        run: yarn test
 
   publish-npm:
     needs: build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 22
+          cache: 'yarn'
           registry-url: https://registry.npmjs.org/
-      - run: yarn
-      - run: yarn publish
+
+      - name: Install production dependencies
+        run: yarn workspaces focus --all --production
+
+      - name: Publish package
+        run: npm publish
         env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}
-
-  # publish-gpr:
-  #   needs: build
-  #   runs-on: ubuntu-latest
-  #   steps:
-  #     - uses: actions/checkout@v2
-  #     - uses: actions/setup-node@v1
-  #       with:
-  #         node-version: 12
-  #         registry-url: https://npm.pkg.github.com/
-  #     - run: yarn
-  #     - run: yarn publish
-  #       env:
-  #         NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

.github/workflows/tests.yml

@@ -1,6 +1,3 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
 name: Tests
 
 on:
@@ -11,18 +8,26 @@ on:
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x]
+        node-version: [20, 22]
 
     steps:
-    - uses: actions/checkout@v2
+    - name: Checkout code
+      uses: actions/checkout@v4
+
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-    - run: yarn
-    - run: yarn test
+
+    - name: Enable Corepack
+      run: corepack enable
+
+    - name: Install dependencies
+      run: yarn
+
+    - name: Run tests
+      run: yarn test

.gitignore

@@ -5,3 +5,6 @@
 .tern-port
 dist/
 .log/
+.yarn/
+
+vite.config.js.timestamp*

README.md

@@ -1,33 +1,36 @@
 # Svelte Markdown
 
-[![Tests](https://github.com/pablo-abc/svelte-markdown/workflows/Tests/badge.svg?branch=master)](https://github.com/pablo-abc/svelte-markdown/actions?query=workflow%3ATests)
-[![npm](https://img.shields.io/npm/v/svelte-markdown)](https://www.npmjs.com/package/svelte-markdown)
-[![npm](https://img.shields.io/npm/dw/svelte-markdown)](https://www.npmjs.com/package/svelte-markdown)
-![NPM](https://img.shields.io/npm/l/svelte-markdown)
+[![Tests](https://github.com/ildella/svelte-marked/workflows/Tests/badge.svg?branch=master)](https://github.com/ildella/svelte-marked/actions?query=workflow%3ATests)
+[![npm](https://img.shields.io/npm/v/svelte-marked)](https://www.npmjs.com/package/svelte-marked)
+[![npm](https://img.shields.io/npm/dw/svelte-marked)](https://www.npmjs.com/package/svelte-marked)
+![NPM](https://img.shields.io/npm/l/svelte-marked)
 
-A markdown parser that renders into Svelte Components. Inspired by [ReactMarkdown](https://github.com/remarkjs/react-markdown).
+A markdown parser that renders into Svelte Components. Forked from [svelte-markdown](https://github.com/pablo-abc/svelte-markdown/pulls) cause it was not merging PRs or upadting the project since December 2023. 
+
+This is the same code as `svelte-markdown` with up-to-date dependencies and removed deprecated dependencies. It keeps using [marked](https://github.com/markedjs/marked/).
 
 ## Installation
 
-You can install it with
+Install it with npm
 
 ```console
-$ npm i -S svelte-markdown
+$ npm i -S svelte-marked
 ```
 
-If you use npm or if you prefer yarn
+or yarn
 
 ```console
-$ yarn add svelte-markdown
-```
+$ yarn add svelte-marked
 
-If you're using Sapper you might need to install it as a dev dependency.
+## With SvelteKit add it as a dev dependency
+$ yarn add -D svelte-marked
+```
 
 ## Usage
 
 ```html
 <script>
-  import SvelteMarkdown from 'svelte-markdown'
+  import SvelteMarkdown from 'svelte-marked'
   const source = `
   # This is a header
 
@@ -120,7 +123,7 @@ So you can import the component and pass to the `renderers` props:
 
 ```svelte
 <script>
-  import SvelteMarkdown from "svelte-markdown";
+  import SvelteMarkdown from "svelte-marked";
   import ImageComponent from "./renderers/ImageComponent.svelte";
   export let content;
 </script>
@@ -136,7 +139,7 @@ For greater flexibility, an array of tokens may be given as `source`, in which c
 
 ```html
 <script>
-  import SvelteMarkdown from 'svelte-markdown'
+  import SvelteMarkdown from 'svelte-marked'
   import { marked } from 'marked'
 
   const tokens = marked.lexer('this is an **example**')
@@ -162,7 +165,7 @@ A `parsed` event will be fired when the final tokens have been calculated, allow
 
 ```html
 <script>
-  import SvelteMarkdown from 'svelte-markdown'
+  import SvelteMarkdown from 'svelte-marked'
 
   const source = `# This is a header`
 
@@ -259,7 +262,7 @@ $ yarn dev
 This will watch all changes and make the project linkable. Now on the app you created you can link it with:
 
 ```console
-$ yarn link svelte-markdown
+$ yarn link svelte-marked
 ```
 
 And then import it like in the example above.
@@ -268,6 +271,6 @@ As of now the only external dependency of this project is `marked`.
 
 ## Related
 
-- [ReactMarkdown](https://github.com/remarkjs/react-markdown) - React library to render markdown using React components. Inspiration for this library.
 - [Svelte](https://svelte.dev) - JavaScript front-end framework.
 - [Marked](https://marked.js.org/) - Markdown parser
+- [ReactMarkdown](https://github.com/remarkjs/react-markdown) - React library to render markdown using React components. Inspiration for this library.

eslint.config.js

@@ -0,0 +1,40 @@
+import globals from "globals"
+import pluginJs from "@eslint/js"
+import svelteParser from 'svelte-eslint-parser'
+import sveltePlugin from 'eslint-plugin-svelte'
+
+export default [
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  {    
+    name: 'Frankie WebApp',
+    ignores: [
+      'vite.config.js.*',
+      'more.eslint.config.js',
+    ],
+  },
+  {
+    name: 'Svelte files',
+    files: [
+      'src/**/*.svelte',
+      'src/routes/**/*page.js',
+      'src/routes/**/*layout.js',
+    ],
+    languageOptions: {
+      parser: svelteParser,
+      globals: {...globals.browser},
+    },
+    plugins: {
+      // '@stylistic/js': stylisticJs,
+      svelte: sveltePlugin,
+    },
+    rules: {
+      // ...pluginJs.configs.recommended.rules,
+      // ...recommended.rules,
+      // '@stylistic/js/max-len': ['warn', {code: 250}],
+      'no-undefined': 'off',
+      'svelte/no-at-html-tags': 'off',
+      'svelte/valid-compile': 'off',
+    },
+  },
+]