RubyGems - plutonium - Versions diffs - 0.15.4 → 0.15.6 - Mend

plutonium 0.15.4 → 0.15.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

checksums.yaml +4 -4
data/app/assets/plutonium.css +1 -1
data/app/assets/plutonium.ico +0 -0
data/app/assets/plutonium.png +0 -0
data/app/views/components/table_search_input/table_search_input_component.html.erb +3 -3
data/app/views/resource/_resource_table.html.erb +0 -321
data/docs/.vitepress/config.ts +61 -0
data/docs/.vitepress/theme/custom.css +61 -0
data/docs/.vitepress/theme/index.ts +4 -0
data/docs/api-examples.md +49 -0
data/docs/guide/getting-started/authorization.md +296 -0
data/docs/guide/getting-started/core-concepts.md +432 -0
data/docs/guide/getting-started/index.md +18 -0
data/docs/guide/getting-started/installation.md +269 -0
data/docs/guide/getting-started/resources.md +254 -0
data/docs/guide/what-is-plutonium.md +211 -0
data/docs/index.md +43 -0
data/docs/markdown-examples.md +85 -0
data/docs/public/android-chrome-192x192.png +0 -0
data/docs/public/android-chrome-512x512.png +0 -0
data/docs/public/apple-touch-icon.png +0 -0
data/docs/public/favicon-16x16.png +0 -0
data/docs/public/favicon-32x32.png +0 -0
data/docs/public/favicon.ico +0 -0
data/docs/public/plutonium.png +0 -0
data/docs/public/site.webmanifest +1 -0
data/docs/public/templates/plutonium.rb +21 -0
data/lib/generators/pu/core/assets/assets_generator.rb +2 -3
data/lib/generators/pu/core/assets/templates/tailwind.config.js +2 -2
data/lib/generators/pu/core/install/install_generator.rb +9 -1
data/lib/generators/pu/core/install/templates/config/initializers/plutonium.rb +0 -1
data/lib/plutonium/core/controllers/authorizable.rb +1 -1
data/lib/plutonium/definition/base.rb +8 -0
data/lib/plutonium/definition/defineable_props.rb +1 -1
data/lib/plutonium/definition/presentable.rb +71 -0
data/lib/plutonium/interaction/README.md +1 -1
data/lib/plutonium/interaction/base.rb +6 -6
data/lib/plutonium/lib/deep_freezer.rb +31 -0
data/lib/plutonium/query/adhoc_block.rb +19 -0
data/lib/plutonium/query/base.rb +29 -0
data/lib/plutonium/query/filter.rb +12 -0
data/lib/plutonium/query/filters/text.rb +77 -0
data/lib/plutonium/query/model_scope.rb +19 -0
data/lib/plutonium/railtie.rb +0 -10
data/lib/plutonium/resource/controller.rb +0 -3
data/lib/plutonium/resource/controllers/crud_actions/index_action.rb +26 -0
data/lib/plutonium/resource/controllers/crud_actions.rb +3 -6
data/lib/plutonium/resource/controllers/defineable.rb +0 -2
data/lib/plutonium/resource/controllers/queryable.rb +36 -20
data/lib/plutonium/resource/policy.rb +5 -6
data/lib/plutonium/resource/query_object.rb +61 -147
data/lib/plutonium/resource/register.rb +3 -0
data/lib/plutonium/{refinements/parameter_refinements.rb → support/parameters.rb} +5 -7
data/lib/plutonium/ui/action_button.rb +34 -19
data/lib/plutonium/ui/component/methods.rb +1 -1
data/lib/plutonium/ui/display/resource.rb +19 -15
data/lib/plutonium/ui/form/query.rb +171 -0
data/lib/plutonium/ui/form/resource.rb +22 -17
data/lib/plutonium/ui/table/components/scopes_bar.rb +1 -1
data/lib/plutonium/ui/table/components/search_bar.rb +6 -139
data/lib/plutonium/ui/table/resource.rb +10 -9
data/lib/plutonium/version.rb +1 -1
data/package-lock.json +5769 -1853
data/package.json +11 -5
data/src/js/core.js +0 -1
data/tailwind.options.js +89 -11
metadata +37 -13
data/app/assets/plutonium-original.png +0 -0
data/app/assets/plutonium-white.png +0 -0
data/lib/plutonium/interaction/concerns/presentable.rb +0 -73
data/public/plutonium-assets/fonts/bootstrap-icons.woff +0 -0
data/public/plutonium-assets/fonts/bootstrap-icons.woff2 +0 -0
/data/{templates → docs/public/templates}/base.rb +0 -0

data/app/views/resource/_resource_table.html.erb CHANGED Viewed

@@ -1,322 +1 @@
 <%= render build_collection %>
-<%#
-    <div class="space-y-2 mb-4 mt-6">
-        <!-- Search Bar -->
-        <div class="p-4 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 space-y-2">
-            <div class="relative">
-                <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
-                    <svg class="w-5 h-5 text-gray-500 dark:text-gray-400" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path>
-                    </svg>
-                </div>
-                <input type="text" id="table-search" class="block w-full p-2 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Search for items" oninput="searchTable()">
-            </div>
-            <div class="flex flex-wrap items-center gap-4">
-                <span class="text-sm font-medium text-gray-900 dark:text-white">Filters:</span>
-                <select id="category-filter" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
-                    <option selected value="">All Categories</option>
-                    <option value="technology">Technology</option>
-                    <option value="science">Science</option>
-                    <option value="health">Health</option>
-                </select>
-                <div class="flex items-center space-x-2">
-                    <input type="date" id="start-date" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
-                    <span class="text-gray-500 dark:text-gray-400">to</span>
-                    <input type="date" id="end-date" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
-                </div>
-                <select id="author-filter" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
-                    <option selected value="">All Authors</option>
-                    <option value="john-doe">John Doe</option>
-                    <option value="jane-smith">Jane Smith</option>
-                </select>
-                <button onclick="applyFilters()" class="inline-flex items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">
-                    <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd"></path>
-                    </svg>
-                    Apply Filters
-                </button>
-                <button onclick="clearFilters()" class="inline-flex items-center text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-4 py-2 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700">
-                    <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                    </svg>
-                    Clear Filters
-                </button>
-            </div>
-        </div>
-        <!-- Scopes and Bulk Actions -->
-        <div class="flex flex-wrap justify-between items-center gap-4 p-4 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700">
-            <!-- Scopes -->
-            <div class="flex flex-wrap items-center gap-2">
-                <button id="all-scope" onclick="filterTable('all')" class="px-4 py-2 text-sm font-medium text-gray-900 bg-gray-100 border border-gray-200 rounded-lg hover:bg-gray-200 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600">
-                    All
-                </button>
-                <button id="featured-scope" onclick="filterTable('featured')" class="px-4 py-2 text-sm font-medium text-gray-900 bg-gray-100 border border-gray-200 rounded-lg hover:bg-gray-200 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600">
-                    Featured
-                </button>
-                <button id="draft-scope" onclick="filterTable('draft')" class="px-4 py-2 text-sm font-medium text-gray-900 bg-gray-100 border border-gray-200 rounded-lg hover:bg-gray-200 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600">
-                    Draft <span class="ml-1 text-gray-500 dark:text-gray-400">(1)</span>
-                </button>
-                <button id="published-scope" onclick="filterTable('published')" class="px-4 py-2 text-sm font-medium text-gray-900 bg-gray-100 border border-gray-200 rounded-lg hover:bg-gray-200 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600">
-                    Published <span class="ml-1 text-gray-500 dark:text-gray-400">(2)</span>
-                </button>
-            </div>
-            <!-- Bulk Actions -->
-            <div class="flex flex-wrap items-center gap-2">
-                <button onclick="bulkAction('delete')" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white bg-red-700 rounded-lg hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">
-                    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
-                    </svg>
-                    Delete Selected
-                </button>
-                <button onclick="bulkAction('archive')" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white bg-yellow-700 rounded-lg hover:bg-yellow-800 focus:ring-4 focus:outline-none focus:ring-yellow-300 dark:bg-yellow-600 dark:hover:bg-yellow-700 dark:focus:ring-yellow-800">
-                    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"></path>
-                    </svg>
-                    Archive Selected
-                </button>
-                <button id="dropdownActionButton" data-dropdown-toggle="dropdownAction" class="inline-flex items-center text-gray-500 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-3 py-2 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700" type="button">
-                    <span class="sr-only">Action button</span>
-                    More Actions
-                    <svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
-                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
-                    </svg>
-                </button>
-            </div>
-        </div>
-    </div>
-    <!-- Table -->
-    <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
-        <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <caption class="p-5 text-lg font-semibold text-left rtl:text-right text-gray-900 bg-white dark:text-white dark:bg-gray-800">
-              <div class="flex justify-between items-center">
-                  <div>
-                      Manage your blog posts
-                      <p class="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">Manage your blog posts.</p>
-                  </div>
-                  <div class="flex space-x-2">
-                      <button type="button" class="px-4 py-2 text-sm font-medium text-blue-700 hover:text-blue-800 focus:z-10 focus:outline-none focus:ring-2 focus:ring-blue-700 dark:text-blue-400 dark:hover:text-blue-500">
-                          <span class="flex items-center">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
-                              </svg>
-                              Select All
-                          </span>
-                      </button>
-                      <button type="button" class="px-4 py-2 text-sm font-medium text-red-700 hover:text-red-800 focus:z-10 focus:outline-none focus:ring-2 focus:ring-red-700 dark:text-red-400 dark:hover:text-red-500">
-                          <span class="flex items-center">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-                              </svg>
-                              Deselect All
-                          </span>
-                      </button>
-                  </div>
-              </div>
-          </caption>
-          <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-              <tr>
-                  <th scope="col" class="px-6 py-3">
-                      <input type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                  </th>
-                  <th scope="col" class="px-6 py-3">Title</th>
-                  <th scope="col" class="px-6 py-3">Slug</th>
-                  <th scope="col" class="px-6 py-3">Is featured</th>
-                  <th scope="col" class="px-6 py-3">Actions</th>
-              </tr>
-          </thead>
-          <tbody>
-              <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
-                  <td class="px-6 py-4">
-                      <input type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                  </td>
-                  <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">What is Plutonium?</th>
-                  <td class="px-6 py-4">what-is-plutonium</td>
-                  <td class="px-6 py-4"><span class="text-green-600 dark:text-green-400">✓</span></td>
-                  <td class="px-6 py-4">
-                      <div class="flex items-center space-x-2">
-                          <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 flex items-center">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg>
-                              View
-                          </button>
-                          <button type="button" class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg>
-                              Edit
-                          </button>
-                          <button type="button" class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg>
-                              Delete
-                          </button>
-                          <button id="dropdownDefaultButton" data-dropdown-toggle="dropdown" class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-3 py-2 text-center inline-flex items-center dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700" type="button">
-                              More
-                              <svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
-                                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
-                              </svg>
-                          </button>
-                          <div id="dropdown" class="z-10 hidden absolute bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">
-                              <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Duplicate</a>
-                                  </li>
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Archive</a>
-                                  </li>
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Download</a>
-                                  </li>
-                              </ul>
-                          </div>
-                      </div>
-                  </td>
-              </tr>
-              <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
-                  <td class="px-6 py-4">
-                      <input type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                  </td>
-                  <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">Top 5 best features of Plutonium</th>
-                  <td class="px-6 py-4">top-5-features</td>
-                  <td class="px-6 py-4"><span class="text-green-600 dark:text-green-400">✓</span></td>
-                  <td class="px-6 py-4">
-                      <div class="flex items-center space-x-2">
-                          <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 flex items-center">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg>
-                              View
-                          </button>
-                          <button type="button" class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg>
-                              Edit
-                          </button>
-                          <button type="button" class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg>
-                              Delete
-                          </button>
-                          <button id="dropdownDefaultButton" data-dropdown-toggle="dropdown" class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-3 py-2 text-center inline-flex items-center dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700" type="button">
-                              More
-                              <svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
-                                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
-                              </svg>
-                          </button>
-                          <div id="dropdown" class="z-10 hidden absolute bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">
-                              <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Duplicate</a>
-                                  </li>
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Archive</a>
-                                  </li>
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Download</a>
-                                  </li>
-                              </ul>
-                          </div>
-                      </div>
-                  </td>
-              </tr>
-              <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
-                  <td class="px-6 py-4">
-                      <input type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                  </td>
-                  <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">Customizing Plutonium's UI with a theme</th>
-                  <td class="px-6 py-4">theme-guide</td>
-                  <td class="px-6 py-4"><span class="text-green-600 dark:text-green-400">✓</span></td>
-                  <td class="px-6 py-4">
-                      <div class="flex items-center space-x-2">
-                          <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 flex items-center">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg>
-                              View
-                          </button>
-                          <button type="button" class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg>
-                              Edit
-                          </button>
-                          <button type="button" class="py-2 px-3 flex items-center text-sm font-medium text-center text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
-                              <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg>
-                              Delete
-                          </button>
-                          <button id="dropdownDefaultButton" data-dropdown-toggle="dropdown" class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-3 py-2 text-center inline-flex items-center dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700" type="button">
-                              More
-                              <svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
-                                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
-                              </svg>
-                          </button>
-                          <div id="dropdown" class="z-10 hidden absolute bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">
-                              <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefaultButton">
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Duplicate</a>
-                                  </li>
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Archive</a>
-                                  </li>
-                                  <li>
-                                      <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Download</a>
-                                  </li>
-                              </ul>
-                          </div>
-                      </div>
-                  </td>
-              </tr>
-            </tbody>
-        </table>
-    </div>
-    <!-- display control -->
-    <div class="flex flex-col md:flex-row justify-between items-center mt-4 text-sm text-gray-500 dark:text-gray-400">
-        <div>
-            Showing 1 to 5 of 50 results
-        </div>
-        <div class="flex items-center space-x-2 mt-2 md:mt-0">
-            <label for="perPage" class="mr-2">Per page</label>
-            <select id="perPage" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
-                <option selected>5</option>
-                <option>10</option>
-                <option>25</option>
-                <option>50</option>
-            </select>
-        </div>
-    </div>
-    <!-- pagination -->
-    <div class="flex justify-center mt-4">
-        <nav aria-label="Page navigation example">
-            <ul class="inline-flex -space-x-px text-sm">
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 ms-0 leading-tight text-gray-500 bg-white border border-e-0 border-gray-300 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">Previous</a>
-                </li>
-                <li>
-                    <a href="#" aria-current="page" class="flex items-center justify-center px-3 h-8 text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white">1</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">2</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">3</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">4</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">...</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">9</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">10</a>
-                </li>
-                <li>
-                    <a href="#" class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">Next</a>
-                </li>
-            </ul>
-        </nav>
-    </div>
- %>

data/docs/.vitepress/config.ts ADDED Viewed

@@ -0,0 +1,61 @@
+import { defineConfig } from "vitepress"
+import { withMermaid } from "vitepress-plugin-mermaid";
+const base = "/plutonium-core/"
+// https://vitepress.dev/reference/site-config
+export default defineConfig(withMermaid({
+  base: base,
+  title: "Plutonium",
+  description: "The Ultimate Rapid Application Development Toolkit (RADKit) for Rails",
+  head: [["link", { rel: "icon", href: `${base}favicon.ico` }]],
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    logo: "/plutonium.png",
+    search: {
+      provider: 'local'
+    },
+    nav: [
+      { text: "Home", link: "/" },
+      { text: "Guide", link: "/guide/getting-started" }
+    ],
+    sidebar: {
+      '/guide/': [
+        {
+          text: "Introduction",
+          items: [
+            { text: "What is Plutonium?", link: "/guide/what-is-plutonium" },
+          ]
+        },
+        {
+          text: "Getting Started",
+          items: [
+            { text: "Overview", link: "/guide/getting-started/" },
+            { text: "Installation", link: "/guide/getting-started/installation" },
+            { text: "Core Concepts", link: "/guide/getting-started/core-concepts" },
+            { text: "Resources", link: "/guide/getting-started/resources" },
+            { text: "Authorization", link: "/guide/getting-started/authorization" },
+          ]
+        },
+        // { text: "Quick Start", link: "/installation" },
+        // {
+        //   text: "Examples",
+        //   items: [
+        //     { text: "Markdown Examples", link: "/installation" },
+        //     { text: "Runtime API Examples", link: "/api-examples" }
+        //   ]
+        // }
+      ]
+    },
+    socialLinks: [
+      { icon: "github", link: "https://github.com/radioactive-labs/plutonium-core" }
+    ],
+    footer: {
+      message: 'Released under the MIT License.',
+      copyright: 'Copyright © 2024-present Stefan Froelich'
+    }
+  },
+  cleanUrls: true,
+}))

data/docs/.vitepress/theme/custom.css ADDED Viewed

@@ -0,0 +1,61 @@
+/*
+Primary Colors:
+Coral/Orange Red: #FF4D4D (for main CTAs and primary elements)
+Deep Turquoise: #00CED1 (for secondary elements)
+Deep Blue: #1E3D59 (for text and accents)
+Accent Colors:
+Soft Pink: #FF9EAA (for highlights)
+Light Blue: #B8E3E9 (for backgrounds)
+White: #FFFFFF (for contrast and readability)
+*/
+:root {
+  /* Primary Brand Colors - Inspired by the vibrant gradient */
+  --vp-c-brand-1: #FF4D4D;
+  /* Vibrant coral red */
+  --vp-c-brand-2: #FF6B4A;
+  /* Lighter coral */
+  --vp-c-brand-3: #FF8347;
+  /* Soft orange */
+  --vp-c-brand-soft: rgba(255, 77, 77, 0.14);
+  /* Accent Colors */
+  --vp-c-accent-1: #00CED1;
+  /* Turquoise */
+  --vp-c-accent-2: #1E90FF;
+  /* Bright blue */
+  --vp-c-accent-3: #4169E1;
+  /* Royal blue */
+  --vp-c-accent-soft: rgba(0, 206, 209, 0.14);
+  /* Custom Background Gradients */
+  --vp-home-hero-name-background: linear-gradient(120deg,
+      #FF4D4D 30%,
+      #00CED1);
+  /* Updating existing color references */
+  --vp-c-tip-1: var(--vp-c-accent-1);
+  --vp-c-tip-2: var(--vp-c-accent-2);
+  --vp-c-tip-3: var(--vp-c-accent-3);
+  --vp-c-tip-soft: var(--vp-c-accent-soft);
+}
+.dark {
+  /* Dark mode adjustments */
+  --vp-c-brand-1: #FF6B4A;
+  /* Slightly lighter coral for dark mode */
+  --vp-c-brand-2: #FF4D4D;
+  --vp-c-brand-3: #FF3333;
+  --vp-c-brand-soft: rgba(255, 107, 74, 0.16);
+  --vp-c-accent-1: #40E0E3;
+  /* Brighter turquoise for dark mode */
+  --vp-c-accent-2: #45A3FF;
+  --vp-c-accent-3: #6182E3;
+  --vp-c-accent-soft: rgba(64, 224, 227, 0.16);
+}

data/docs/.vitepress/theme/index.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import DefaultTheme from "vitepress/theme"
+import "./custom.css"
+export default DefaultTheme

data/docs/api-examples.md ADDED Viewed

@@ -0,0 +1,49 @@
+---
+outline: deep
+---
+# Runtime API Examples
+This page demonstrates usage of some of the runtime APIs provided by VitePress.
+The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
+```md
+<script setup>
+import { useData } from 'vitepress'
+const { theme, page, frontmatter } = useData()
+</script>
+## Results
+### Theme Data
+<pre>{{ theme }}</pre>
+### Page Data
+<pre>{{ page }}</pre>
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+```
+<script setup>
+import { useData } from 'vitepress'
+const { site, theme, page, frontmatter } = useData()
+</script>
+## Results
+### Theme Data
+<pre>{{ theme }}</pre>
+### Page Data
+<pre>{{ page }}</pre>
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+## More
+Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).