@widgetic/editor 3.11.4 → 4.0.1

package/dist/utils/vectorUtils.d.ts

@@ -0,0 +1,34 @@
+type CategoryMap = {
+    'icons': 'Icons';
+    'emojis': 'Emojis';
+    'clipart': 'Clipart';
+    'mine': 'Mine';
+};
+type CategoryTypes = ['All', 'Icons', 'Emojis', 'Clipart', 'Mine'];
+type VectorCategories = {
+    map: CategoryMap;
+    types: CategoryTypes;
+    normalize: (category: string) => Exclude<CategoryTypes[number], 'All'>;
+};
+export declare const vectorCategories: VectorCategories;
+export type VectorCategory = Exclude<typeof vectorCategories.types[number], 'All'>;
+export interface VectorItem {
+    name: string;
+    category: VectorCategory;
+    url: string;
+    isCustom?: boolean;
+}
+export interface RecentVector {
+    name: string;
+    category: string;
+    url: string;
+    isCustom?: boolean;
+    lastUsed: number;
+}
+export declare const recentVectorsStore: import("svelte/store").Writable<RecentVector[]>;
+export declare const vectorUtils: {
+    getRecentVectors(): RecentVector[];
+    addRecentVector(vector: VectorItem): RecentVector[];
+    removeCustomVector(name: string): RecentVector[];
+};
+export {};

package/dist/utils/vectorUtils.js

@@ -0,0 +1,71 @@
+import { writable } from 'svelte/store';
+export const vectorCategories = {
+    map: {
+        'icons': 'Icons',
+        'emojis': 'Emojis',
+        'clipart': 'Clipart',
+        'mine': 'Mine'
+    },
+    types: ['All', 'Icons', 'Emojis', 'Clipart', 'Mine'],
+    normalize(category) {
+        // Handle null or undefined category
+        if (!category) {
+            console.log('⚠️ [VectorUtils] Null category, returning Icons');
+            return 'Icons';
+        }
+        // Convert to lowercase and trim for consistent matching
+        const normalizedCategory = category.toLowerCase().trim();
+        if (normalizedCategory in this.map) {
+            const mapped = this.map[normalizedCategory];
+            return mapped;
+        }
+        return 'Icons'; // Default category
+    }
+};
+const RECENT_VECTORS_KEY = 'recent_vectors';
+const MAX_RECENT_VECTORS = 3;
+export const recentVectorsStore = writable([]);
+export const vectorUtils = {
+    getRecentVectors() {
+        try {
+            const stored = localStorage.getItem(RECENT_VECTORS_KEY);
+            return stored ? JSON.parse(stored) : [];
+        }
+        catch (error) {
+            console.error('Error reading recent vectors:', error);
+            return [];
+        }
+    },
+    addRecentVector(vector) {
+        try {
+            const recentVectors = this.getRecentVectors();
+            const filteredVectors = recentVectors.filter(v => v.name !== vector.name);
+            const newRecentVectors = [
+                {
+                    ...vector,
+                    lastUsed: Date.now()
+                },
+                ...filteredVectors
+            ].slice(0, MAX_RECENT_VECTORS);
+            localStorage.setItem(RECENT_VECTORS_KEY, JSON.stringify(newRecentVectors));
+            recentVectorsStore.set(newRecentVectors);
+            return newRecentVectors;
+        }
+        catch (error) {
+            console.error('Error saving recent vector:', error);
+            return this.getRecentVectors();
+        }
+    },
+    removeCustomVector(name) {
+        try {
+            const recentVectors = this.getRecentVectors();
+            const filteredVectors = recentVectors.filter(v => v.name !== name);
+            localStorage.setItem(RECENT_VECTORS_KEY, JSON.stringify(filteredVectors));
+            return filteredVectors;
+        }
+        catch (error) {
+            console.error('Error removing custom vector:', error);
+            return this.getRecentVectors();
+        }
+    }
+};

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+import { type ClassValue } from "clsx";
+import type { TransitionConfig } from "svelte/transition";
+export declare function cn(...inputs: ClassValue[]): string;
+type FlyAndScaleParams = {
+    y?: number;
+    x?: number;
+    start?: number;
+    duration?: number;
+};
+export declare const flyAndScale: (node: Element, params?: FlyAndScaleParams) => TransitionConfig;
+export {};

package/dist/utils.js

@@ -0,0 +1,38 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { cubicOut } from "svelte/easing";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export const flyAndScale = (node, params = { y: -8, x: 0, start: 0.95, duration: 150 }) => {
+    const style = getComputedStyle(node);
+    const transform = style.transform === "none" ? "" : style.transform;
+    const scaleConversion = (valueA, scaleA, scaleB) => {
+        const [minA, maxA] = scaleA;
+        const [minB, maxB] = scaleB;
+        const percentage = (valueA - minA) / (maxA - minA);
+        const valueB = percentage * (maxB - minB) + minB;
+        return valueB;
+    };
+    const styleToString = (style) => {
+        return Object.keys(style).reduce((str, key) => {
+            if (style[key] === undefined)
+                return str;
+            return str + `${key}:${style[key]};`;
+        }, "");
+    };
+    return {
+        duration: params.duration ?? 200,
+        delay: 0,
+        css: (t) => {
+            const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
+            const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
+            const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
+            return styleToString({
+                transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
+                opacity: t
+            });
+        },
+        easing: cubicOut
+    };
+};

package/package.json

@@ -1,76 +1,136 @@
 {
-  "name": "@widgetic/editor",
-  "version": "3.11.4",
-  "scripts": {
-    "start": "webpack --config webpack.config.js --watch --progress",
-    "build": "webpack --config webpack.config.js",
-    "release": "webpack --config webpack.config.prod.js",
-    "test": "karma start",
-    "version": "grunt release && git add -A lib",
-    "postversion": "git push && npm publish",
-    "genssl": "openssl req -x509 -newkey rsa:4096 -sha256 -days 3650 -nodes -keyout key.pem -out cert.pem -subj /CN=localhost",
-    "server": "http-server -S -p 8083",
-    "deploy": "cd ./lib && rsync -ruL * root@zeus.widgetic.com:/opt/widgetic_editor/lib"
-  },
-  "devDependencies": {
-    "@widgetic/spine": "^2.0.3",
-    "babel-core": "^6.22.1",
-    "babel-loader": "^6.2.10",
-    "babel-polyfill": "^6.23.0",
-    "babel-preset-env": "^1.2.1",
-    "bottlejs": "^1.5.0",
-    "bower-webpack-plugin": "^0.1.9",
-    "chai": "^3.5.0",
-    "coffee-loader": "^0.7.2",
-    "coffee-script": "^1.12.4",
-    "cryptojs": "2.5.3",
-    "dropzone": "^4.3.0",
-    "geval": "^2.2.0",
-    "grunt": "0.4.5",
-    "grunt-contrib-concat": "0.5.1",
-    "grunt-contrib-stylus": "^1.2.0",
-    "grunt-contrib-uglify": "0.9.1",
-    "grunt-contrib-watch": "^1.0.0",
-    "grunt-copy": "^0.1.0",
-    "grunt-exec": "^2.0.0",
-    "jquery": "^2.0.0",
-    "jquery-mousewheel": "3.1.12",
-    "karma": "^0.13.22",
-    "karma-chai": "^0.1.0",
-    "karma-chai-sinon": "^0.1.5",
-    "karma-mocha": "^1.0.1",
-    "karma-mocha-reporter": "^2.0.4",
-    "karma-phantomjs-launcher": "^1.0.0",
-    "karma-sinon": "^1.0.5",
-    "lodash.get": "^4.4.2",
-    "mocha": "^2.5.3",
-    "nib": "1.1.0",
-    "normalize": "0.3.1",
-    "phantomjs-prebuilt": "^2.1.7",
-    "pretty-bytes": "github:rhiokim/pretty-bytes",
-    "pug": "^2.0.0-beta11",
-    "pug-loader": "^2.3.0",
-    "pyrsmk-toast": "^2.2.0",
-    "sinon": "1.17.3",
-    "sinon-chai": "^2.8.0",
-    "soundmanager2": "^2.97.20150601-a",
-    "stylus": "0.51.1",
-    "svelte": "^1.22.5",
-    "svelte-loader": "^1.3.0",
-    "uglify-js": "^2.8.7",
-    "uglifyjs-webpack-plugin": "^1.3.0",
-    "virtual-dom": "^2.1.1",
-    "webpack": "^3.0.0",
-    "webpack-bundle-analyzer": "^2.3.0",
-    "webpack-merge": "^4.0.0"
-  },
-  "dependencies": {
-    "http-server": "^0.11.1",
-    "json-logic-js": "^1.2.2",
-    "soundcloud": "^3.3.2",
-    "tus-js-client": "^4.1.0"
-  },
-  "volta": {
-    "node": "12.22.2"
-  }
+	"name": "@widgetic/editor",
+	"version": "4.0.1",
+	"type": "module",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"svelte": "./dist/index.js",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./components": {
+			"types": "./dist/components/editors/PropsEditor.svelte.d.ts",
+			"svelte": "./dist/components/editors/PropsEditor.svelte",
+			"default": "./dist/components/editors/PropsEditor.svelte"
+		}
+	},
+	"sideEffects": [
+		"**/*.css",
+		"**/*.svelte"
+	],
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"i": "rm -rf node_modules && npm i && npm run lps",
+		"clean-modules": "rm -rf node_modules",
+		"clean-all": "rm -rf node_modules && rm -rf package-lock.json",
+		"lps": "npm link @widgetic/design-system && npm link @widgetic/api-sdk && npm link @widgetic/file-browser",
+		"stop-dev": "lsof -i :5180 | awk 'NR>1 {print $2}' | xargs kill",
+		"dev": "npm run stop-dev && npm run dev-sv",
+		"dev-sv": "NODE_ENV=development vite dev --port 5180",
+		"dev-open": "npm run dev -- --open",
+		"render-build": "bash render-build.sh",
+		"build": "NODE_ENV=production vite build",
+		"package": "svelte-package",
+		"package:watch": "svelte-package --watch",
+		"preview": "vite preview",
+		"deploy": "vite build && vite preview --host --port 80",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write ."
+	},
+	"peerDependencies": {
+		"svelte": "^5.27.0",
+		"@widgetic/api-sdk": "*",
+		"@widgetic/cache-layer": "^0.1.1",
+		"@widgetic/design-system": ">=0.3.0",
+		"@widgetic/file-browser": "^0.5.16"
+	},
+	"devDependencies": {
+		"@internationalized/date": "^3.6.0",
+		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.20.7",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/postcss": "^4.1.4",
+		"@tailwindcss/typography": "^0.5.19",
+		"@types/eslint": "^9.6.0",
+		"@types/fontfaceobserver": "^2.1.3",
+		"eslint": "^9.0.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.36.0",
+		"globals": "^15.0.0",
+		"mode-watcher": "^0.5.0",
+		"postcss": "^8.5.3",
+		"prettier": "^3.1.1",
+		"prettier-plugin-svelte": "^3.1.2",
+		"svelte-check": "^4.1.6",
+		"svelte-sonner": "^1.0.3",
+		"tailwind-merge": "^2.5.5",
+		"tailwind-variants": "^0.3.0",
+		"tailwindcss": "^4.1.4",
+		"tailwindcss-animate": "^1.0.7",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.32.1",
+		"vite": "^6.2.6",
+		"vite-imagetools": "^7.0.4",
+		"@widgetic/api-sdk": "^1.0.10",
+		"@widgetic/cache-layer": "^0.1.1",
+		"@widgetic/design-system": "^0.3.89",
+		"@widgetic/file-browser": "^0.5.16"
+	},
+	"dependencies": {
+		"@shopify/draggable": "^1.1.3",
+		"@sveltejs/adapter-node": "^5.2.9",
+		"@tiptap/core": "^2.9.1",
+		"@tiptap/extension-bubble-menu": "^2.9.1",
+		"@tiptap/extension-code-block-lowlight": "^2.9.1",
+		"@tiptap/extension-color": "^2.9.1",
+		"@tiptap/extension-floating-menu": "^2.27.2",
+		"@tiptap/extension-highlight": "^2.9.1",
+		"@tiptap/extension-image": "^2.9.1",
+		"@tiptap/extension-link": "^2.9.1",
+		"@tiptap/extension-subscript": "^2.9.1",
+		"@tiptap/extension-superscript": "^2.9.1",
+		"@tiptap/extension-table": "^2.9.1",
+		"@tiptap/extension-table-cell": "^2.9.1",
+		"@tiptap/extension-table-header": "^2.9.1",
+		"@tiptap/extension-table-row": "^2.9.1",
+		"@tiptap/extension-task-item": "^2.9.1",
+		"@tiptap/extension-task-list": "^2.9.1",
+		"@tiptap/extension-text": "^2.9.1",
+		"@tiptap/extension-text-align": "^2.9.1",
+		"@tiptap/extension-text-style": "^2.9.1",
+		"@tiptap/extension-typography": "^2.9.1",
+		"@tiptap/extension-underline": "^2.9.1",
+		"@tiptap/pm": "^2.9.1",
+		"@tiptap/starter-kit": "^2.9.1",
+		"bits-ui": "^2.16.3",
+		"clsx": "^2.1.1",
+		"dotenv": "^16.4.5",
+		"fontfaceobserver": "^2.3.0",
+		"lowlight": "^3.1.0",
+		"lucide-svelte": "^0.546.0",
+		"svelte": "^5.27.0",
+		"svelte-awesome-color-picker": "^3.1.4",
+		"svelte-color-select": "^0.0.14",
+		"svelte-tiptap": "^2.0.3"
+	},
+	"volta": {
+		"node": "22.14.0",
+		"npm": "11.1.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://gitlab.com/widgeticai/Frontend/editor.git"
+	}
 }

package/.babelrc

@@ -1,10 +0,0 @@
-{
-  "presets": [
-    [ "env", {
-      "modules": false,
-      "targets": {
-          "browsers": ["last 2 versions"]
-      }
-    }]
-  ]
-}

package/.bowerrc

@@ -1,4 +0,0 @@
-{
-  "directory" : "bower",
-  "json"      : "bower.json"
-}

package/.nvmrc

@@ -1 +0,0 @@
-v12.16.1

package/Gruntfile.coffee

@@ -1,69 +0,0 @@
-module.exports = (grunt)->
-  grunt.initConfig
-    stylus:
-      editor:
-        options:
-          urlfunc :'url'
-          use : [require('normalize')],
-        files:
-          'lib/dev/editor.css': "css/index.styl"
-    concat:
-      core_vendor:
-        src:[
-          'node_modules/jquery/dist/jquery.js'
-          'bower/eventEmitter/EventEmitter.js'
-          'bower/eventie/eventie.js'
-          'bower/imagesloaded/imagesloaded.js'
-          # "bower/es5-shim/es5-shim.min.js",
-          # 'bower/jade/runtime.js',
-          # "bower/zeroclipboard/ZeroClipboard.min.js",
-        ]
-        dest:'lib/dev/core.vendor.js'
-      vendor:
-        src:[
-          'node_modules/jquery/dist/jquery.js'
-          'bower/jquery.transit/site/jquery.transit-0.9.9.min.js'
-          # "node_modules/virtual-dom/dist/virtual-dom.js",
-          # "node_modules/jquery-mousewheel/jquery.mousewheel.js",
-          "bower/sortable/source/js/jquery-sortable.js"
-          # "bower/touch-punch/jquery.touch-punch.js",
-          "node_modules/cryptojs/lib/Crypto.js",
-          "node_modules/cryptojs/lib/MD5.js",
-          "bower/dropbox/index.js"
-          "bower/spectrum/spectrum.js"
-          # "bower/spin.js/spin.js",
-          # "bower/spin.js/jquery.spin.js",
-          "bower/tooltips/infotooltip.js"
-          # "bower/floatable/floatable.js"
-          "bower/nanoscroller/bin/javascripts/jquery.nanoscroller.js"
-          "bower/datepickr/src/datepickr.js"
-          "bower/clockpicker/dist/jquery-clockpicker.js"
-          "bower/wysihtml5/dist/wysihtml5-0.3.0.min.js"
-        ]
-        dest:'lib/dev/editor.vendor.js'
-    uglify:
-      editor:
-        files:
-          "lib/core.vendor.js"	: ['lib/dev/core.vendor.js']
-          "lib/editor.vendor.js" 	: ['lib/dev/editor.vendor.js']
-    watch:
-      css:
-        files: ['css/**/*.styl'],
-        tasks: ['stylus']
-    copy:
-      css:
-        files:
-          "lib/editor.css": ['lib/dev/editor.css']
-    exec:
-      build: 'npm run build'
-      release: 'npm run release'
-
-  grunt.loadNpmTasks 'grunt-contrib-uglify'
-  grunt.loadNpmTasks 'grunt-contrib-stylus'
-  grunt.loadNpmTasks 'grunt-contrib-watch'
-  grunt.loadNpmTasks 'grunt-contrib-concat'
-  grunt.loadNpmTasks 'grunt-copy'
-  grunt.loadNpmTasks 'grunt-exec'
-
-  grunt.registerTask 'release',['exec', 'default', 'copy', 'uglify']
-  grunt.registerTask 'default',['concat', 'stylus']

package/bower.json

@@ -1,28 +0,0 @@
-{
-  "name": "blogvio_editor",
-  "version": "1.14.0",
-  "main": "app/editor/index.coffee",
-  "devDependencies": {
-    "touch-punch": "https://github.com/vasilica-olariu/jquery-ui-touch-punch.git",
-    "jquery": "~1.9.1",
-    "imagesloaded": "~3.1.4",
-    "jquery.transit": "0.9.9",
-    "wysihtml5": "0.3.0",
-    "spectrum": "git+https://github.com/vuzum/spectrum.git#1.0.16",
-    "jade": "0.35.0",
-    "commonjs": "git+https://github.com/chrisabrams/commonjs",
-    "es5-shim": "2.3.0",
-    "zeroclipboard": "~1.3.2",
-    "dropbox": "http://cdnjs.cloudflare.com/ajax/libs/dropbox.js/0.9.2/dropbox.min.js",
-    "spin.js": "~1.3.2",
-    "vivagraph": "https://github.com/anvaka/VivaGraphJS.git"
-  },
-  "dependencies": {
-    "sortable": "https://github.com/vasilica-olariu/jquery-sortable.git",
-    "tooltips": "https://github.com/vasilica-olariu/tooltips.git",
-    "floatable": "https://github.com/vasilica-olariu/floating-popup.git",
-    "datepickr": "https://github.com/vuzum/datepickr.git",
-    "clockpicker": "https://github.com/vuzum/clockpicker.git#gh-pages",
-    "nanoscroller": "~0.8.4"
-  }
-}

package/css/browser/entries/activateable.styl

@@ -1,29 +0,0 @@
-.browser-entry.activateable
-	.browser-entry-prew
-		&:after
-			content "click to select"
-			transition opacity 0.3s
-			display block
-			absolute top left
-			bottom 0
-			right 0
-			background rgba(white, 80%)
-			opacity 0
-			color darkpurple
-			text-align center
-			font 13px/49px 'ProximaNova-Semibold'
-			z-index 1
-		&:hover
-			&:after
-				opacity 1
-
-	&.active .browser-entry-prew
-		&:after
-			opacity 1
-			content "✓"
-			font-family BlogvioEditor
-			color #0055FF
-
-	&.active .browser-entry-prew--delete
-		&:after
-			content "x"

package/css/browser/entries/audio.styl

@@ -1,39 +0,0 @@
-.browser-audio
-	.browser-entry-icon
-		box-sizing border-box
-		z-index 1
-		&:before
-			background url('img/content/audio-icon.png') center bottom no-repeat
-			width 48px
-			height 44px			
-	.browser-entry-info
-		&:hover
-			color litepurple
-			&:before 
-				border-color transparent transparent transparent litepurple
-		&:before
-			content ""
-			width 0
-			height 0
-			border-style solid
-			border-width 5px 0 5px 6px
-			border-color transparent transparent transparent darkpurple
-			display inline-block
-			margin 2px 5px 0 1px
-	&.playing .browser-entry-info
-		&:hover:before
-			border-color litepurple
-		&:before
-			width 2px
-			margin-left 0
-			margin-right 4px
-			height 10px
-			border-width 0 3px 0 3px
-			border-color darkpurple
-	&.loading .browser-entry-info:before
-		border 0 none
-		width 12px
-		height 12px
-		background url('img/loader.gif') center no-repeat
-		background-size 100%
-		vertical-align middle

package/css/browser/entries/folder.styl

@@ -1,79 +0,0 @@
-.browser-folder
-	position relative
-	.browser-entry-prew
-		border 0 none
-	.browser-entry-icon
-		&:before
-			background url('../../img/content/folder-icon.png') center bottom no-repeat
-			width 48px
-			height 44px
-	&:hover
-		background #f5f5f5
-	&[data-count='0']:after
-		display none
-
-	&:after
-		font-size 8px
-		position absolute
-		width 16px
-		height 14px
-		background #ff4c4c
-		border-radius 4px
-		top 35px
-		left 70px
-		font-weight bold
-		text-align center
-		color #fff
-		line-height 15px
-		font-smoothing antialiased
-		z-index 1
-		font-family Verdana, sans-serif
-		content attr(data-count)
-.add-content-entity
-	width 90px
-	margin 20px 11px 0
-	.browser-entry-prew
-		width 100%
-		border 1px dashed #c7c8cd
-		box-sizing border-box
-		border-radius 3px
-	.browser-entry-prew, .browser-entry-icon, .browser-entry-icon:before
-		height 100%
-	.browser-entry-icon
-		opacity 1
-		transition opacity .3s ease .01s
-		&:before
-			background litepurple
-			width 3px
-			height 23px
-			position absolute
-			top 50%
-			left 50%
-			margin -12px 0 0 -2px
-		&:after
-			content ""
-			display inline-block
-			background-color litepurple
-			width 23px
-			height 3px
-			position absolute
-			left 50%
-			top 50%
-			margin -2px 0 0 -12px
-	.browser-entry-info
-		width 100%
-		overflow visible
-		max-height 90px
-		white-space initial
-		word-break break-word
-		padding 20px 10px
-		box-sizing border-box
-		top 0
-		opacity 0
-		transition opacity .3s ease .01s
-	&:hover
-		background transparent
-		.browser-entry-icon
-			opacity 0
-		.browser-entry-info
-			opacity 1