maglevcms 2.0.0 → 3.0.0.beta1

data/app/views/maglev/admin/sections/previews/show.html.erb

@@ -1,47 +0,0 @@
-<div 
-  class="w-full h-full mt-8" 
-  data-controller="screenshot"
-  data-screenshot-url-value="<%= create_section_screenshot_path(@section) %>"
->
-  <div class="my-4 flex items-center justify-between">
-    <%= link_to theme_path, class: 'text-gray-600' do %>
-      <span>&#8592; Back to the theme</span>
-    <% end %>
-    <div class="flex">
-      <%= link_to section_iframe_preview_in_iframe_path(@section), class: 'bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-opacity-50 rounded text-white py-2 px-3 mr-6', target: '_blank' do %>
-        Open in a new tab
-      <% end %>
-      <button 
-        class="bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-opacity-50 rounded text-white py-2 px-3 mr-3"
-        data-action="click->screenshot#take"      
-      >
-        Take screenshot
-      </button>
-      <div class="relative">
-        <button 
-          class="bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-opacity-50 rounded text-white py-2 px-3"
-          data-action="click->screenshot#triggerFileInput"      
-        >
-          Upload screenshot
-        </button>
-        <input 
-          type="file" 
-          accept="image/*"
-          class="hidden"
-          data-screenshot-target="fileInput"
-          data-action="change->screenshot#handleFileUpload"
-        />
-      </div>
-    </div>
-  </div>
-  <iframe     
-    src="<%= section_iframe_preview_in_iframe_path(@section) %>"
-    class="w-full h-full bg-white"  
-    data-screenshot-target="source"
-    data-controller="iframe"
-  >
-  </iframe>
-  <div class="mt-4">
-    <img data-screenshot-target="output" class="" />
-  </div>
-</div>

data/app/views/maglev/admin/themes/_empty.html.erb

@@ -1,20 +0,0 @@
-<div class="rounded-md bg-yellow-100 p-4">
-  <div class="flex">
-    <div class="flex-shrink-0">
-      <!-- Heroicon name: solid/exclamation -->
-      <svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-        <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
-      </svg>
-    </div>
-    <div class="ml-3">
-      <h3 class="text-sm font-medium text-yellow-800">
-        No sections
-      </h3>
-      <div class="mt-2 text-sm text-yellow-700">
-        <p>
-          Use the Maglev section generator to create your first sections. Please visit our documentation <%= link_to 'here', 'https://docs.maglev.dev/guides/create-a-new-section', class: 'underline', target: '_blank' %>.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>

data/app/views/maglev/admin/themes/_section_categories.html.erb

@@ -1,9 +0,0 @@
-<% theme.section_categories.each_with_index do |category, index| %>
-  <%- selected = section_category_id == category.id %>
-  <%= link_to section_category_path(category), class: ['rounded-full text-sm px-4 py-1 mr-3 flex items-center transition-colors whitespace-nowrap', selected ? 'bg-purple-600 bg-opacity-25 text-purple-600' : 'bg-gray-300 text-gray-800 hover:bg-gray-400 hover:text-gray-900'].compact.join(' ') do %> 
-    <span><%= category.name.humanize %></span>
-    <%= tag.span class: ['ml-2 font-bold text-xs text-white rounded-full w-4 h-4 flex items-center justify-center', selected ? 'bg-purple-600' : 'bg-gray-600'].compact.join(' ') do %>
-      <%= theme.sections.grouped_by_category[category.id]&.count || 0 %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/views/maglev/admin/themes/_sections.html.erb

@@ -1,54 +0,0 @@
-<% if !sections || sections.empty? %>
-  <%= render 'empty' %>
-<% else %>
-  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-6">
-    <% sections.each_with_index do |section, index| %>
-      <div class="p-3 bg-white rounded shadow-sm">
-        <div class="pb-3 mb-0 small">
-          <div class="flex items-center border-b border-gray-200 pb-4">
-            <% if params[:category_id].blank? %>
-              <span class="bg-gray-500 rounded-full text-white text-xs px-2 py-1 mr-3">
-                <%= section.category %>
-              </span>
-            <% end %>
-            <strong class="block text-gray-800 hover:underline">
-              <%= link_to section.name, section_preview_path(section) %>
-            </strong>
-            <div class="ml-auto">
-              <% if section.valid? %>
-                <span class="bg-green-500 rounded-full text-white text-sm px-2 py-1 whitespace-nowrap">Valid 👍</span>
-              <% else %>
-                <span class="bg-red-500 rounded-full text-white text-sm px-2 py-1 whitespace-nowrap">Invalid 😞</span> 
-              <% end %>
-            </div>
-          </div>
-
-          <% unless section.valid? %>
-            <div class="border-b border-gray-200 py-4">
-              <pre class="bg-gray-800 py-3 px-4 overflow-auto"><code class="text-white text-sm"><%= section.errors.full_messages %></code></pre>
-            </div>
-          <% end %>
-
-          <p class="px-5 text-sm border-b border-gray-200 py-4 break-all">
-            <span class="text-black font-bold">YAML Definition:</span> <%= section_file_path(section) %>
-            <br/>
-            <span class="text-black font-bold">Template:</span> <%= section_template_path(section) %>
-          </p>
-
-          <div class="mt-3">
-            <% if screenshot_path = section_screenshot_path(section) %>
-              <div class="w-full">
-                <img src="<%= screenshot_path %>" class="w-full border" />
-              </div>
-            <% else %>
-              <div class="w-full h-32">
-                <div class="w-full bg-gray-200 h-full">
-                </div>
-              </div>
-            <% end %>          
-          </div>
-        </div>
-      </div>
-    <% end %>
-  </div>
-<% end %>

data/app/views/maglev/admin/themes/show.html.erb

@@ -1,21 +0,0 @@
-<div class="flex items-center mt-8">
-  <h2>
-    <strong><%= @theme.name %></strong>
-    &dash;
-    <small class="text-muted"><%= @theme.description %></small>  
-  </h2>  
-</div>
-
-<% if @theme.sections.count == 0 %>
-  <div class="my-4">
-    <%= render 'empty' %>
-  </div>
-<% else %>
-  <div class="my-4 flex overflow-y-auto">
-    <%= render 'section_categories', theme: @theme %>
-  </div>
-
-  <div class="mb-10">
-    <%= render 'sections', sections: @theme.sections.grouped_by_category[section_category_id] || [] %>
-  </div>
-<% end %>

data/app/views/maglev/api/_pagination.json.jbuilder

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-json.next url_for(page: records.next_page) unless records.last_page?
-json.prev url_for(page: records.prev_page) unless records.first_page?
-json.total_pages records.total_pages
-json.total_items records.total_count

data/app/views/maglev/api/assets/_show.json.jbuilder

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-json.id asset.id
-json.filename asset.filename
-json.byte_size asset.byte_size
-json.width asset.width
-json.height asset.height
-json.url public_asset_url(asset, host: maglev_config.asset_host, only_path: maglev_config.asset_host.blank?)

data/app/views/maglev/api/assets/index.json.jbuilder

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-json.data do
-  json.array! @assets do |asset|
-    json.partial!('show', asset: asset)
-  end
-end
-
-json.partial!('pagination', records: @assets)

data/app/views/maglev/api/assets/show.json.jbuilder

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-json.partial!('show', asset: @asset)

data/app/views/maglev/api/collection_items/_show.json.jbuilder

@@ -1,5 +0,0 @@
-# frozen_string_literal: true
-
-json.id item.id
-json.label item.label
-json.image_url item.image_url

data/app/views/maglev/api/collection_items/index.json.jbuilder

@@ -1,5 +0,0 @@
-# frozen_string_literal: true
-
-json.array! @items do |item|
-  json.partial!('show', item: item)
-end

data/app/views/maglev/api/collection_items/show.json.jbuilder

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-if @item
-  json.partial!('show', item: @item)
-else
-  json.nil!
-end

data/app/views/maglev/api/page_clones/create.json.jbuilder

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-json.partial!('/maglev/api/pages/show', page: @page)

data/app/views/maglev/api/pages/_show.json.jbuilder

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-json.key_format! camelize: :lower
-json.deep_format_keys!
-
-json.id    page.id
-json.title page.title || page.default_title
-json.path  page.path || page.default_path
-json.path_hash page.path_hash
-json.visible page.visible
-
-json.seo_title page.seo_title
-json.meta_description page.meta_description
-json.og_title page.og_title
-json.og_description page.og_description
-json.og_image_url page.og_image_url
-
-json.preview_url services.get_page_fullpath.call(page: page, preview_mode: true, locale: content_locale)
-json.live_url services.get_page_fullpath.call(page: page, preview_mode: false, locale: content_locale)
-json.section_names services.get_page_section_names.call(page: page)
-json.sections services.get_page_sections.call(page: page)
-json.lock_version page.lock_version
-json.translated page.path.present?

data/app/views/maglev/api/pages/index.json.jbuilder

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-json.array! @pages do |page|
-  json.id    page.id
-  json.title page.title || page.default_title
-  json.path  page.path || page.default_path
-  json.visible page.visible
-  json.static page.static?
-
-  json.seo_title page.seo_title
-  json.meta_description page.meta_description
-  json.og_title page.og_title
-  json.og_description page.og_description
-  json.og_image_url page.og_image_url
-
-  json.preview_url services.get_page_fullpath.call(page: page, preview_mode: true, locale: content_locale)
-  json.section_names services.get_page_section_names.call(page: page)
-end

data/app/views/maglev/api/pages/show.json.jbuilder

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-json.partial!('show', page: @page)

data/app/views/maglev/api/sites/_show.json.jbuilder

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-json.key_format! camelize: :lower
-json.deep_format_keys!
-
-json.sections site.sections || []
-
-json.style services.fetch_style.call(site: site, theme: maglev_theme).as_json
-
-json.locales site.locales
-
-json.call(site, *site.api_attributes)
-json.home_page_id home_page_id
-
-json.lock_version site.lock_version

data/app/views/maglev/api/sites/show.json.jbuilder

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-json.partial!('show', site: @site, home_page_id: @home_page_id)

data/app/views/maglev/api/themes/_show.json.jbuilder

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-json.key_format! camelize: :lower
-json.deep_format_keys!
-json.call(theme, :id, :name, :description)
-json.sections theme.sections do |section|
-  json.call(section, :id, :name, :category, :site_scoped, :singleton, :viewport_fixed_position,
-            :insert_button, :insert_at, :max_width_pane,
-            :blocks_label, :blocks_presentation, :sample)
-  json.settings section.settings.as_json
-  json.blocks section.blocks.as_json
-  json.theme_id theme.id
-  json.screenshot_path services.fetch_section_screenshot_url.call(section: section)
-end
-json.section_categories theme.section_categories.as_json
-json.icons theme.icons || []
-json.style_settings theme.style_settings.as_json

data/app/views/maglev/editor/_header.html.erb

@@ -1 +0,0 @@
-<!-- custom EDITOR headers -->

data/app/views/maglev/editor/show.html.erb

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html class="h-full" lang="<%= editor_ui_locale %>">
-<head>
-  <title><%= editor_window_title %></title>
-
-  <%= csrf_meta_tags %>
-  <%= csp_meta_tag %>
-
-  <%= javascript_tag nonce: true do %>
-    window.locale = <%= h content_locale.to_json.html_safe %>;
-    window.uiLocale = <%= h editor_ui_locale.to_json.html_safe %>;
-    window.baseUrl = <%= h site_base_editor_path.to_json.html_safe %>;
-    window.leaveUrl = <%= site_leave_editor_path.to_json.html_safe %>;
-    window.apiBaseUrl = <%= h api_base_path.to_json.html_safe %>;
-    window.site = <%= h render(partial: 'maglev/api/sites/show', formats: :json, locals: { site: maglev_site, home_page_id: maglev_home_page_id }).html_safe %>;
-    window.page = <%= h render(partial: 'maglev/api/pages/show', formats: :json, locals: { page: maglev_page }).html_safe %>;
-    window.theme = <%= h render(partial: 'maglev/api/themes/show', formats: :json, locals: { theme: maglev_theme }).html_safe %>;
-    window.logoUrl = <%= editor_logo_url.to_json.html_safe %>;
-    window.primaryColor = <%= editor_primary_hex_color.to_json.html_safe %>;
-    window.sitePublishable = <%= editor_site_publishable.to_json %>;
-    window.customTranslations = <%= h editor_custom_translations.to_json.html_safe %>
-  <% end %>
-
-  <%= vite_client_tag %>
-  <%= vite_javascript_tag 'editor' %>
-
-  <%= favicon_link_tag editor_favicon_url %>
-
-  <style>
-    :root {
-      --editor-color-primary: <%= editor_primary_hex_color %>;
-      --editor-color-primary-rgb: <%= editor_primary_rgb_color.join(' ') %>;
-    }
-  </style>
-
-  <%= render 'header' %>
-</head>
-<body class="h-full overflow-y-hidden font-nunito">
-  <div id="maglev-app"></div>
-</body>
-</html>

data/app/views/maglev/settings/index.html.erb

@@ -1,11 +0,0 @@
-<html>
-<body>
-  <code>
-    <pre>
-      http://localhost:3000<%= sources_from_manifest_entrypoints(%w(live-preview-client), type: :javascript).first %>
-
-      <%= live_preview_client_js_url %>
-    </pre>
-  </code>
-</body>
-</html>

data/bin/vite

@@ -1,29 +0,0 @@
-#!/usr/bin/env ruby
-# frozen_string_literal: true
-
-#
-# This file was generated by Bundler.
-#
-# The application 'vite' is installed as part of a gem, and
-# this file is here to facilitate running it.
-#
-
-require "pathname"
-ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
-  Pathname.new(__FILE__).realpath)
-
-bundle_binstub = File.expand_path("../bundle", __FILE__)
-
-if File.file?(bundle_binstub)
-  if File.read(bundle_binstub, 300) =~ /This file was generated by Bundler/
-    load(bundle_binstub)
-  else
-    abort("Your `bin/bundle` was not generated by Bundler, so this binstub cannot run.
-Replace `bin/bundle` by running `bundle binstubs bundler --force`, then run this command again.")
-  end
-end
-
-require "rubygems"
-require "bundler/setup"
-
-load Gem.bin_path("vite_ruby", "vite")

data/config/initializers/kaminari.rb

@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-
-require 'kaminari'
-
-Kaminari.configure do |config|
-  config.default_per_page = 25
-  config.max_per_page = 25
-  # config.window = 4
-  # config.outer_window = 0
-  # config.left = 0
-  # config.right = 0
-  # config.page_method_name = :page
-  # config.param_name = :page
-  # config.max_pages = nil
-  # config.params_on_first_page = false
-end

data/config/vite.json

@@ -1,17 +0,0 @@
-{
-  "all": {
-    "sourceCodeDir": "app/frontend",
-    "watchAdditionalPaths": [],
-    "publicOutputDir": "maglev-assets"
-  },
-  "development": {
-    "autoBuild": true,
-    "publicOutputDir": "maglev-assets-dev",
-    "port": 3136
-  },
-  "test": {
-    "autoBuild": true,
-    "publicOutputDir": "maglev-assets-test",
-    "port": 3137
-  }
-}

data/lib/tasks/maglev/vite.rake

@@ -1,62 +0,0 @@
-# frozen_string_literal: true
-
-namespace :maglev do
-  namespace :vite do
-    desc 'Bundle frontend entrypoints using ViteRuby'
-    task build: :'vite:verify_install' do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.build_from_task
-      end
-    end
-
-    desc 'Bundle entrypoints using Vite Ruby (SSR only if enabled)'
-    task build_all: :'vite:verify_install' do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.build_from_task
-        Maglev::Engine.vite_ruby.commands.build_from_task('--ssr') if ViteRuby.config.ssr_build_enabled
-      end
-    end
-
-    desc 'Ensure build dependencies like Vite are installed before bundling'
-    task install_dependencies: :environment do
-      within_engine_folder do
-        install_dev_dependencies = ENV['VITE_RUBY_SKIP_INSTALL_DEV_DEPENDENCIES'] == 'true'
-        # rubocop:disable Style/StringHashKeys
-        install_env_args = install_dev_dependencies ? {} : { 'NODE_ENV' => 'development' }
-        # rubocop:enable Style/StringHashKeys
-        cmd = Maglev::Engine.vite_ruby.commands.legacy_npm_version? ? 'npx ci --yes' : 'npx --yes ci'
-        result = system(install_env_args, cmd)
-        # Fallback to `yarn` if `npx` is not available.
-        system(install_env_args, 'yarn install --frozen-lockfile') if result.nil?
-      end
-    end
-
-    desc 'Verify if ViteRuby is properly installed in the app'
-    task verify_install: :environment do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.verify_install
-      end
-    end
-
-    desc 'Remove old bundles created by ViteRuby'
-    task :clean, %i[keep age] => :'vite:verify_install' do |_, args|
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.clean_from_task(args)
-      end
-    end
-
-    desc 'Remove the build output directory for ViteRuby'
-    task clobber: :'vite:verify_install' do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.clobber
-      end
-    end
-
-    desc "Provide information on ViteRuby's environment"
-    task info: :environment do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.print_info
-      end
-    end
-  end
-end

data/package.json

@@ -1,58 +0,0 @@
-{
-  "name": "maglev",
-  "private": true,
-  "scripts": {
-    "lint": "eslint --ext .js,.vue app/frontend/editor",
-    "prettier": "prettier --config .prettierrc 'app/frontend/**/*.{vue,js}'",
-    "prettier-format": "prettier --config .prettierrc 'app/frontend/**/*.{vue,js}' --write",
-    "test": "vitest"
-  },
-  "version": "0.1.0",
-  "type": "module",
-  "dependencies": {
-    "axios": "^1.7.4",
-    "normalizr": "^3.6.1",
-    "stimulus": "^2.0.0",
-    "stimulus-vite-helpers": "^3.0.1",
-    "tiptap": "^1.31.0",
-    "tiptap-extensions": "^1.34.0",
-    "turbolinks": "^5.2.0",
-    "v-tooltip": "^2.1.3",
-    "vue": "^2.7.15",
-    "vue-i18n": "^8.21.1",
-    "vue-router": "^3.4.4",
-    "vue-window-size": "0.6.2",
-    "vuedraggable": "^2.24.3",
-    "vuex": "^3.5.1"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue2": "^2.3.1",
-    "@vue/test-utils": "^1.3.1",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-vue": "^9.18.1",
-    "jsdom": "^23.0.0",
-    "postcss": "^8.4.40",
-    "prettier": "^3.1.0",
-    "sass": "^1.69.5",
-    "tailwindcss": "^3.4.1",
-    "vite": "^5.4.5",
-    "vite-plugin-ruby": "^5.1.0",
-    "vite-plugin-vue2-svg": "^0.4.0",
-    "vitest": "^0.34.6",
-    "vue-template-compiler": "^2.7.16"
-  },
-  "resolutions": {
-    "prosemirror-model": "^1.11.2",
-    "glob-parent": "^5.1.2",
-    "nth-check": "^2.0.1",
-    "ansi-regex": "^5.0.1",
-    "node-forge": "^1.3.0",
-    "minimist": "^1.2.6",
-    "eventsource": "^1.1.1",
-    "async": "^2.6.4",
-    "vite": "^5.4.5"
-  },
-  "packageManager": "yarn@4.4.0"
-}

data/postcss.config.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-}

data/tailwind.config.js

@@ -1,68 +0,0 @@
-let proConfig = { content: [] };
-
-try {
-  proConfig = require('./tailwind-maglev-pro.config.js')
-} catch(err) { 
-  console.log('No extra Maglev Pro Tailwindcss config');
-} 
-
-export default {
-  content: [
-    './**/*.html.erb',
-    './app/helpers/**/*.rb',
-    './app/javascript/**/*.{js,vue}',
-    './app/frontend/**/*.{js,vue}'
-  ].concat(proConfig.content),
-  theme: {
-    extend: {
-      colors: {
-        'editor-primary': 'rgb(var(--editor-color-primary-rgb) / <alpha-value>)',
-        'gray': {
-          '100': '#f5f5f5',
-          '200': '#eeeeee',
-          '300': '#e0e0e0',
-          '400': '#bdbdbd',
-          '500': '#9e9e9e',
-          '600': '#757575',
-          '700': '#616161',
-          '800': '#424242',
-          '900': '#212121',
-        }
-      },
-      spacing: {
-        'full': '100%',
-        '1/2': '0.125rem',
-        '72': '18rem',
-        '84': '21rem',
-        '96': '24rem',
-        '104': '26rem',
-        '108': '27rem',
-        '120': '30rem',
-        '128': '32rem',
-        '144': '36rem',
-        '156': '39rem',
-        '168': '42rem',
-        '216': '54rem',
-      },
-      inset: {
-        '0': 0,
-        'full': '100%',
-        'auto': 'auto',
-        '12': '3rem',
-        '16': '4rem',
-        '20': '5rem',
-        '24': '6rem',
-        '32': '8rem',
-      },
-    },
-    fontFamily: {
-      'nunito': ['Nunito Sans', 'sans-serif'],
-    }, 
-  },
-  variants: {
-    extend: {
-      opacity: ['responsive', 'hover', 'focus', 'disabled'],
-    },
-  },
-  plugins: [],
-}

data/vite.config.ts

@@ -1,18 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue2'
-import RubyPlugin from 'vite-plugin-ruby'
-import { createSvgPlugin } from 'vite-plugin-vue2-svg'
-import * as path from 'path'
-
-export default defineConfig({
-  plugins: [
-    RubyPlugin(),
-    vue(),
-    createSvgPlugin()
-  ],
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './app/frontend/editor')
-    },
-  },
-})