play with this sphathegi code

fix v-models
fix model value
2023-08-11 14:57:48 +02:00 · 2023-08-02 13:36:01 +02:00 · 2023-08-02 12:14:29 +02:00 · 2023-08-02 12:03:37 +02:00 · 2023-04-17 08:57:51 +02:00 · 2023-04-06 11:36:03 +02:00
18 changed files with 5222 additions and 603 deletions
@@ -1,14 +0,0 @@
-/* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
-
-module.exports = {
-  root: true,
-  'extends': [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/eslint-config-prettier/skip-formatting'
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest'
-  }
-}
@@ -0,0 +1,34 @@
+module.exports = {
+  extends: [
+    // add more generic rulesets here, such as:
+    // 'eslint:recommended',
+    "plugin:vue/vue3-recommended",
+    // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
+  ],
+  rules: {
+    // override/add rules settings here, such as:
+    // 'vue/no-unused-vars': 'error'
+    "vue/no-mutating-props": 1,
+    "vue/html-indent": 0,
+    "vue/html-self-closing": ["warn", {
+      "html": {
+        "void": "any",
+        "normal": "always",
+        "component": "always"
+      },
+      "svg": "always",
+      "math": "always"
+    }],
+    "vue/max-attributes-per-line": [
+      "warn",
+      {
+        singleline: {
+          max: 2,
+        },
+        multiline: {
+          max: 2,
+        },
+      },
+    ],
+  },
+};
@@ -1,26 +1,21 @@
-# Logs
-logs
-*.log
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-.DS_Store
-dist
-dist-ssr
-coverage
-*.local
-
-/cypress/videos/
-/cypress/screenshots/

 # Editor directories and files
-.vscode/*
-!.vscode/extensions.json
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj
@@ -1,8 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "tabWidth": 2,
-  "singleQuote": true,
-  "printWidth": 100,
-  "trailingComma": "none"
-}
@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
-}
@@ -1,35 +1,30 @@
-# magico-pagebuilder
+# magicopagebuilder

-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
+## Project setup
+```
 npm install
 ```

-### Compile and Hot-Reload for Development
-
-```sh
-npm run dev
+### Compiles and hot-reloads for development
+```
+npm run serve
 ```

-### Compile and Minify for Production
-
-```sh
+### Compiles and minifies for production
+```
 npm run build
 ```

-### Lint with [ESLint](https://eslint.org/)
-
-```sh
+### Lints and fixes files
+```
 npm run lint
 ```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
+
+
+
+IMPORT TINYMCE FROM CDN
+
+  <script src="https://cdn.magico.pl/tinymce/tinymce.min.js"></script>
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <link rel="icon" href="/favicon.ico">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Magico Pagebuilder</title>
-  <link rel="stylesheet"
-    href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp">
-  <script src="https://cdn.magico.pl/tinymce/tinymce.min.js"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-
-</html>
@@ -1,31 +1,43 @@
 {
-  "name": "magico-pagebuilder",
-  "version": "0.0.0",
+  "name": "magicopagebuilder",
+  "version": "0.1.0",
  "private": true,
  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
-    "format": "prettier --write src/"
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
  },
  "dependencies": {
-    "vue": "^3.3.4",
    "@popperjs/core": "^2.11.7",
    "@tinymce/tinymce-vue": "^4",
    "bootstrap": "^5.3.1",
    "core-js": "^3.6.5",
    "magico-section": "../magico-section",
    "tinymce": "^6.0.3",
+    "vue": "^3.2.36",
    "vuedraggable": "^4.1.0"
  },
  "devDependencies": {
-    "@rushstack/eslint-patch": "^1.3.2",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/eslint-config-prettier": "^8.0.0",
-    "eslint": "^8.45.0",
-    "eslint-plugin-vue": "^9.15.1",
-    "prettier": "^3.0.0",
-    "vite": "^4.4.6"
+    "@babel/eslint-parser": "^7.22.9",
+    "@vue/cli-plugin-babel": "~5.0.8",
+    "@vue/cli-plugin-eslint": "~5.0.8",
+    "@vue/cli-service": "~5.0.8",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^8.46.0",
+    "eslint-plugin-vue": "^9.16.1"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
  }
 }
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <link rel="stylesheet"
+    href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp">
+  <script src="https://cdn.magico.pl/tinymce/tinymce.min.js"></script>
+  <title>
+    <%= htmlWebpackPlugin.options.title %>
+  </title>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
@@ -1,73 +0,0 @@
-/* color palette from <https://github.com/vuejs/theme> */
-:root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
-
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
-
-  --vt-c-indigo: #2c3e50;
-
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-
-/* semantic color variables for this project */
-:root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
-
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
-
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
-
-  --section-gap: 160px;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
-
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
-
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  font-weight: normal;
-}
-
-body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
@@ -1,33 +0,0 @@
-@import './base.css';
-
-#app {
-  min-width: 1980px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-  }
-
-  #app {
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-}
@@ -1,17 +1,10 @@
-import './assets/main.css'
-
-import { createApp } from 'vue'
-import App from './App.vue'
-
-import 'bootstrap/dist/css/bootstrap.min.css'
-import MagicoPagebuilder from './components/MagicoPagebuilderPlugin.js'
-
-
+import { createApp } from "vue";
+import App from "./App.vue";
+import "bootstrap/dist/css/bootstrap.min.css";
+import MagicoPagebuilder from "./components/MagicoPagebuilderPlugin.js";
 import { useSections } from "./components/registerSections";
+
 const app = createApp(App).use(MagicoPagebuilder).mount("#app");

-
-
-
 const { register: sectionRegister } = useSections();
 sectionRegister(app.$pagebuilder);
@@ -1,16 +0,0 @@
-import { fileURLToPath, URL } from 'node:url'
-
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    vue(),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
-})
Author	SHA1	Message	Date
szymon	2801ee9691	play with this sphathegi code	2023-08-11 14:57:48 +02:00
szymon	ae877784ee	fix v-models	2023-08-02 13:36:01 +02:00
szymon	5277849312	fix model value	2023-08-02 12:14:29 +02:00
szymon	7d4cc6ee70	vue2 to vue3 migration	2023-08-02 12:03:37 +02:00
Szymon Haczyk	ec02fe865e	icons to iconf from png	2023-04-17 08:57:51 +02:00
szymon	23bcaebc0c	cdn in cdn.magico.pl	2023-04-06 11:36:03 +02:00
szymon	3b832a26bf	fix	2023-04-06 11:12:57 +02:00
szymon	134b73af29	pagebuilder fullscreen mode	2023-04-06 11:05:28 +02:00
szymon	d2f1a6a10d	fix slash	2023-02-24 14:53:28 +01:00
szymon	b7ead79e41	icons section form cdn.magico.pl	2023-02-24 14:42:04 +01:00
szymon	e975407fc6	styleselect to styles	2022-10-20 10:59:12 +02:00
szymon	4d974ac81c	plugin delete	2022-10-17 14:16:33 +02:00
szymon	2bcbb0f5a9	core_image	2022-07-18 11:51:43 +02:00
szymon	5eded33414	filemanager test	2022-07-18 09:42:02 +02:00
szymon	1055263eaa	filemamanger concept	2022-07-15 14:51:30 +02:00
szymon	436d2dc3b9	h6	2022-07-07 13:00:43 +02:00
szymon	0c25909b49	section_text button and section_textarea more menu	2022-07-06 14:20:19 +02:00
szymon	4d262ace68	mb fix	2022-07-04 10:19:36 +02:00
szymon	3ce6d6a9ec	load fix	2022-07-04 10:02:19 +02:00
szymon	95465a5b7d	load and save templates	2022-07-04 09:51:40 +02:00
dzieko	a2e74d2c85	josn	2022-06-28 10:56:26 +02:00
dzieko	56c6f27c77	dodanie komentarza zby zobaczyc czy sie upgejduje node	2022-06-28 10:41:55 +02:00
dzieko	b9ec183258	input emit, wymuszeni doswiezenia pola bo usuwa z globalnej zmiennej	2022-06-28 10:36:22 +02:00
szymon	9352dd3633	pagebuilder error	2022-06-24 12:49:39 +02:00
szymon	d0834b1511	load plugins	2022-06-24 12:35:52 +02:00
szymon	7cf101a5c9	backgoeound color	2022-06-24 12:20:17 +02:00
szymon	57930b1c50	add simple ui fetures to test it	2022-06-24 12:13:50 +02:00
szymon	5fd3d9c9ba	coretext	2022-06-23 14:52:26 +02:00
szymon	40052aeb9b	vue app	2022-06-23 13:59:22 +02:00
szymon	a769bd9b64	init	2022-06-23 12:40:13 +02:00
				`@@ -1 +0,0 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>`