deploy: ebd4cc0010
This commit is contained in:
NoryiE
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1 +0,0 @@
|
||||
docs/getBasalt.lua
|
||||
97
bundle.lua
97
bundle.lua
@@ -1,97 +0,0 @@
|
||||
local args = {...} -- example: bundle basalt main basalt.lua
|
||||
local availableFiles = {}
|
||||
|
||||
local minifyURL = "https://raw.githubusercontent.com/Pyroxenium/basalt-docs/main/minify.lua"
|
||||
|
||||
local content = [[local bundled = true
|
||||
local bundled_basaltContent = {}
|
||||
local bundled_basaltLoaded = {}
|
||||
local bundled_availableFiles = {}
|
||||
|
||||
local baseRequire = require
|
||||
require = function(name)
|
||||
if(bundled_basaltContent["basalt/"..name])then
|
||||
if(bundled_basaltLoaded["basalt/"..name]==nil)then
|
||||
bundled_basaltLoaded["basalt/"..name] = bundled_basaltContent["basalt/"..name]()
|
||||
end
|
||||
return bundled_basaltLoaded["basalt/"..name]
|
||||
end
|
||||
if(bundled_basaltContent["basalt/elements/"..name])then
|
||||
if(bundled_basaltLoaded["basalt/elements/"..name]==nil)then
|
||||
bundled_basaltLoaded["basalt/elements/"..name] = bundled_basaltContent["basalt/elements/"..name]()
|
||||
end
|
||||
return bundled_basaltLoaded["basalt/elements/"..name]
|
||||
end
|
||||
if(bundled_basaltContent["basalt/extensions/"..name])then
|
||||
if(bundled_basaltLoaded["basalt/extensions/"..name]==nil)then
|
||||
bundled_basaltLoaded["basalt/extensions/"..name] = bundled_basaltContent["basalt/extensions/"..name]()
|
||||
end
|
||||
return bundled_basaltLoaded["basalt/extensions/"..name]
|
||||
end
|
||||
if(bundled_basaltContent["basalt/libraries/"..name])then
|
||||
if(bundled_basaltLoaded["basalt/libraries/"..name]==nil)then
|
||||
bundled_basaltLoaded["basalt/libraries/"..name] = bundled_basaltContent["basalt/libraries/"..name]()
|
||||
end
|
||||
return bundled_basaltLoaded["basalt/libraries/"..name]
|
||||
end
|
||||
|
||||
return baseRequire(name)
|
||||
end
|
||||
]]
|
||||
|
||||
local function bundleProject(mainFolder, mainFile, fileName, minify)
|
||||
local function generateSingleFile(folder)
|
||||
local newFolder = {}
|
||||
for k,file in pairs(fs.list(folder)) do
|
||||
if fs.isDir(fs.combine(folder, file)) then
|
||||
generateSingleFile(fs.combine(folder, file))
|
||||
else
|
||||
local fileContent = fs.open(fs.combine(folder, file), "r")
|
||||
local fileData = fileContent.readAll()
|
||||
fileContent.close()
|
||||
table.insert(newFolder, file)
|
||||
local fName = file:gsub(".lua", "")
|
||||
content = content .. "\nbundled_basaltContent[\"" .. fs.combine(folder, fName) .. "\"] = function(...)\n"..fileData.."\nend"
|
||||
end
|
||||
end
|
||||
availableFiles[folder] = newFolder
|
||||
end
|
||||
|
||||
generateSingleFile(mainFolder)
|
||||
|
||||
for k,v in pairs(availableFiles) do
|
||||
content = content .. "\nbundled_availableFiles[\"" .. k .. "\"] = {"
|
||||
for _,file in pairs(v) do
|
||||
content = content .. "\"" .. file .. "\","
|
||||
end
|
||||
content = content .. "}"
|
||||
end
|
||||
|
||||
content = content .. "\nreturn bundled_basaltContent['basalt/"..mainFile.."']()"
|
||||
|
||||
if(minify)then
|
||||
local minScript = http.get(minifyURL)
|
||||
print("Downloading minify script...")
|
||||
if(minScript)then
|
||||
local min = load(minScript.readAll(), nil, "t", _ENV)()
|
||||
minScript.close()
|
||||
local success, data = min(content)
|
||||
if(success)then
|
||||
content = data
|
||||
else
|
||||
error(data)
|
||||
end
|
||||
else
|
||||
print("Failed to download minify script")
|
||||
end
|
||||
end
|
||||
local file = fs.open(fileName, "w")
|
||||
file.write(content:gsub("\t", " "):gsub("\n", " "))
|
||||
file.close()
|
||||
end
|
||||
|
||||
if(#args>=1)then
|
||||
--bundleProject(args[1], args[2] or "main", args[3] or "basalt.lua", args[4] or false)
|
||||
end
|
||||
|
||||
return bundleProject
|
||||
90
config.json
90
config.json
@@ -1,90 +0,0 @@
|
||||
{
|
||||
"versions": {
|
||||
"elements": {
|
||||
"BaseFrame": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/BaseFrame.lua", "The base frame is a element which contains all other elements. The difference to other containers is, it has no parent container."],
|
||||
"BasicElement": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/BasicElement.lua", "The basic element is required for all elements to work. All elements inherit from this element."],
|
||||
"Button": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Button.lua", "The button element, with a text in the center."],
|
||||
"Checkbox": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Checkbox.lua", "The checkbox element is a element which can be checked or unchecked."],
|
||||
"Container": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Container.lua", "The container element, this is the parent of all containers (frames, flexboxes, etc.)"],
|
||||
"Dropdown": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Dropdown.lua", "The dropdown element can be opened and closed. It contains clickable items."],
|
||||
"Frame": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Frame.lua", "The frame element can contain other elements."],
|
||||
"Image": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Image.lua", "The image element display images."],
|
||||
"Input": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Input.lua", "The input element is a element which can be typed in."],
|
||||
"Label": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Label.lua", "The label element, this is a element which can display text."],
|
||||
"List": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/List.lua", "The list element can contain clickable items. List's also can be connected to other lists."],
|
||||
"BigMonitor": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/BigMonitor.lua", "The big monitor element is a element which can contain other elements. Big Monitors are used for big screens (multiple monitors)."],
|
||||
"Menubar": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Menubar.lua", "The menubar element can contain clickable items, menubars scroll horizontally."],
|
||||
"Monitor": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Monitor.lua", "The monitor element is a element which can contain other elements. It is used to manage one monitor."],
|
||||
"MovableFrame": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/MovableFrame.lua", "The movable frame element allows you to move the frame with it's children around."],
|
||||
"ScrollableFrame": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/ScrollableFrame.lua", "The scrollable frame element allows you to scroll through the content."],
|
||||
"Progressbar": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Progressbar.lua", "The progressbar element, this is a element which can display progress."],
|
||||
"Program": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Program.lua", "The program element can start any program."],
|
||||
"Slider": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Slider.lua", "The slider element, this is a element which can be slided."],
|
||||
"Textfield": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/Textfield.lua", "The textfield element can contain text, and the user can type in it."],
|
||||
"VisualElement": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/elements/VisualElement.lua", "The visual element, this is the parent of all visual elements, required for visual elements to work."]
|
||||
},
|
||||
"extensions": {
|
||||
"debug": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/debug.lua", "The debug extension is used for simple debugging."],
|
||||
"dynamicValues": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/dynamicValues.lua", "The dynamic values extension can create more advanced properties. You put in a string (e.g. parent.width - self.width) and it will create a function based on that string."],
|
||||
"templates": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/templates.lua", "The templates extension is used to create more advanced templates. You can also load templates from a JSON file. There are some examples on Github."],
|
||||
"xml": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/xml.lua", "The xml extension is used to create elements from XML."],
|
||||
"betterBackgrounds": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/betterBackgrounds.lua", "The better backgrounds extension is used to create some more advanced backgrounds."],
|
||||
"borders": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/borders.lua", "The borders extension is used to create borders around the elements."],
|
||||
"animations": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/animations.lua", "The animations extension is used to create animations. Instead of just reposioning elements, you can animate the position (just an example)."],
|
||||
"shadows": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/extensions/shadows.lua", "The shadow extension is used to create shadows for the elements."]
|
||||
},
|
||||
"libraries": {
|
||||
"log": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/libraries/log.lua"],
|
||||
"expect": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/libraries/expect.lua"],
|
||||
"utils": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/libraries/utils.lua"]
|
||||
},
|
||||
"init": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/init.lua"],
|
||||
"main": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/main.lua"],
|
||||
"renderSystem": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/renderSystem.lua"],
|
||||
"basaltLoader": [1, "https://raw.githubusercontent.com/Pyroxenium/Basalt/basalt2/Basalt/basaltLoader.lua"]
|
||||
},
|
||||
"default": {
|
||||
"elements": ["BaseFrame", "BasicElement", "Button", "Checkbox", "Container", "Frame", "Input", "Label", "VisualElement"],
|
||||
"extensions": ["dynamicValues", "templates", "xml"],
|
||||
"libraries": ["log", "expect", "utils"],
|
||||
"core": ["init", "main", "renderSystem", "basaltLoader"]
|
||||
},
|
||||
|
||||
"defaultSettings": {
|
||||
"path": {
|
||||
"description": "Basalt's default path",
|
||||
"type": "string",
|
||||
"default": "basalt"
|
||||
},
|
||||
"cacheGlobally": {
|
||||
"description": "Cache the Basalt API globally",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"downloadFiles": {
|
||||
"description": "Downloads the required files from Github",
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"storeDownloadedFiles": {
|
||||
"description": "Stores the downloaded files",
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"autoUpdate": {
|
||||
"description": "Automatically checks and downloads new updates on program start",
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"versions": {
|
||||
"description": "The versions of the files",
|
||||
"type": "table",
|
||||
"default": {}
|
||||
},
|
||||
"githubRepository": {
|
||||
"description": "The Github repository to download the files from",
|
||||
"type": "string",
|
||||
"default": "https://raw.githubusercontent.com/pyroxenium/Basalt/basalt2/"
|
||||
}
|
||||
}
|
||||
}
|
||||
269
docs/.vitepress/cache/deps/@theme_index.js
vendored
269
docs/.vitepress/cache/deps/@theme_index.js
vendored
@@ -1,269 +0,0 @@
|
||||
import {
|
||||
useMediaQuery
|
||||
} from "./chunk-W3MEEF6S.js";
|
||||
import {
|
||||
computed,
|
||||
ref,
|
||||
shallowRef,
|
||||
watch
|
||||
} from "./chunk-IHCFIHWR.js";
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/index.js
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/fonts.css";
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/without-fonts.js
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/vars.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/base.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/icons.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/utils.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/components/custom-block.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/components/vp-code.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/components/vp-code-group.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/components/vp-doc.css";
|
||||
import "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/styles/components/vp-sponsor.css";
|
||||
import VPBadge from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPBadge.vue";
|
||||
import Layout from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/Layout.vue";
|
||||
import { default as default2 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPBadge.vue";
|
||||
import { default as default3 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPImage.vue";
|
||||
import { default as default4 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPButton.vue";
|
||||
import { default as default5 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPHomeHero.vue";
|
||||
import { default as default6 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPHomeFeatures.vue";
|
||||
import { default as default7 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPHomeSponsors.vue";
|
||||
import { default as default8 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPDocAsideSponsors.vue";
|
||||
import { default as default9 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPSponsors.vue";
|
||||
import { default as default10 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPTeamPage.vue";
|
||||
import { default as default11 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPTeamPageTitle.vue";
|
||||
import { default as default12 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPTeamPageSection.vue";
|
||||
import { default as default13 } from "C:/Users/rjsha/OneDrive/Documents/node_modules/vitepress/dist/client/theme-default/components/VPTeamMembers.vue";
|
||||
|
||||
// ../node_modules/vitepress/dist/client/shared.js
|
||||
var inBrowser = typeof document !== "undefined";
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/support/utils.js
|
||||
import { withBase } from "vitepress";
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/composables/data.js
|
||||
import { useData as useData$ } from "vitepress";
|
||||
var useData = useData$;
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/support/utils.js
|
||||
function ensureStartingSlash(path) {
|
||||
return /^\//.test(path) ? path : `/${path}`;
|
||||
}
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/support/sidebar.js
|
||||
function getSidebar(_sidebar, path) {
|
||||
if (Array.isArray(_sidebar))
|
||||
return addBase(_sidebar);
|
||||
if (_sidebar == null)
|
||||
return [];
|
||||
path = ensureStartingSlash(path);
|
||||
const dir = Object.keys(_sidebar).sort((a, b) => {
|
||||
return b.split("/").length - a.split("/").length;
|
||||
}).find((dir2) => {
|
||||
return path.startsWith(ensureStartingSlash(dir2));
|
||||
});
|
||||
const sidebar = dir ? _sidebar[dir] : [];
|
||||
return Array.isArray(sidebar) ? addBase(sidebar) : addBase(sidebar.items, sidebar.base);
|
||||
}
|
||||
function getSidebarGroups(sidebar) {
|
||||
const groups = [];
|
||||
let lastGroupIndex = 0;
|
||||
for (const index in sidebar) {
|
||||
const item = sidebar[index];
|
||||
if (item.items) {
|
||||
lastGroupIndex = groups.push(item);
|
||||
continue;
|
||||
}
|
||||
if (!groups[lastGroupIndex]) {
|
||||
groups.push({ items: [] });
|
||||
}
|
||||
groups[lastGroupIndex].items.push(item);
|
||||
}
|
||||
return groups;
|
||||
}
|
||||
function addBase(items, _base) {
|
||||
return [...items].map((_item) => {
|
||||
const item = { ..._item };
|
||||
const base = item.base || _base;
|
||||
if (base && item.link)
|
||||
item.link = base + item.link;
|
||||
if (item.items)
|
||||
item.items = addBase(item.items, base);
|
||||
return item;
|
||||
});
|
||||
}
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/composables/hash.js
|
||||
var hashRef = ref(inBrowser ? location.hash : "");
|
||||
if (inBrowser) {
|
||||
window.addEventListener("hashchange", () => {
|
||||
hashRef.value = location.hash;
|
||||
});
|
||||
}
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/composables/sidebar.js
|
||||
function useSidebar() {
|
||||
const { frontmatter, page, theme: theme2 } = useData();
|
||||
const is960 = useMediaQuery("(min-width: 960px)");
|
||||
const isOpen = ref(false);
|
||||
const _sidebar = computed(() => {
|
||||
const sidebarConfig = theme2.value.sidebar;
|
||||
const relativePath = page.value.relativePath;
|
||||
return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : [];
|
||||
});
|
||||
const sidebar = ref(_sidebar.value);
|
||||
watch(_sidebar, (next, prev) => {
|
||||
if (JSON.stringify(next) !== JSON.stringify(prev))
|
||||
sidebar.value = _sidebar.value;
|
||||
});
|
||||
const hasSidebar = computed(() => {
|
||||
return frontmatter.value.sidebar !== false && sidebar.value.length > 0 && frontmatter.value.layout !== "home";
|
||||
});
|
||||
const leftAside = computed(() => {
|
||||
if (hasAside)
|
||||
return frontmatter.value.aside == null ? theme2.value.aside === "left" : frontmatter.value.aside === "left";
|
||||
return false;
|
||||
});
|
||||
const hasAside = computed(() => {
|
||||
if (frontmatter.value.layout === "home")
|
||||
return false;
|
||||
if (frontmatter.value.aside != null)
|
||||
return !!frontmatter.value.aside;
|
||||
return theme2.value.aside !== false;
|
||||
});
|
||||
const isSidebarEnabled = computed(() => hasSidebar.value && is960.value);
|
||||
const sidebarGroups = computed(() => {
|
||||
return hasSidebar.value ? getSidebarGroups(sidebar.value) : [];
|
||||
});
|
||||
function open() {
|
||||
isOpen.value = true;
|
||||
}
|
||||
function close() {
|
||||
isOpen.value = false;
|
||||
}
|
||||
function toggle() {
|
||||
isOpen.value ? close() : open();
|
||||
}
|
||||
return {
|
||||
isOpen,
|
||||
sidebar,
|
||||
sidebarGroups,
|
||||
hasSidebar,
|
||||
hasAside,
|
||||
leftAside,
|
||||
isSidebarEnabled,
|
||||
open,
|
||||
close,
|
||||
toggle
|
||||
};
|
||||
}
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/composables/local-nav.js
|
||||
import { onContentUpdated } from "vitepress";
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/composables/outline.js
|
||||
import { getScrollOffset } from "vitepress";
|
||||
var resolvedHeaders = [];
|
||||
function getHeaders(range) {
|
||||
const headers = [
|
||||
...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")
|
||||
].filter((el) => el.id && el.hasChildNodes()).map((el) => {
|
||||
const level = Number(el.tagName[1]);
|
||||
return {
|
||||
element: el,
|
||||
title: serializeHeader(el),
|
||||
link: "#" + el.id,
|
||||
level
|
||||
};
|
||||
});
|
||||
return resolveHeaders(headers, range);
|
||||
}
|
||||
function serializeHeader(h) {
|
||||
let ret = "";
|
||||
for (const node of h.childNodes) {
|
||||
if (node.nodeType === 1) {
|
||||
if (node.classList.contains("VPBadge") || node.classList.contains("header-anchor") || node.classList.contains("ignore-header")) {
|
||||
continue;
|
||||
}
|
||||
ret += node.textContent;
|
||||
} else if (node.nodeType === 3) {
|
||||
ret += node.textContent;
|
||||
}
|
||||
}
|
||||
return ret.trim();
|
||||
}
|
||||
function resolveHeaders(headers, range) {
|
||||
if (range === false) {
|
||||
return [];
|
||||
}
|
||||
const levelsRange = (typeof range === "object" && !Array.isArray(range) ? range.level : range) || 2;
|
||||
const [high, low] = typeof levelsRange === "number" ? [levelsRange, levelsRange] : levelsRange === "deep" ? [2, 6] : levelsRange;
|
||||
headers = headers.filter((h) => h.level >= high && h.level <= low);
|
||||
resolvedHeaders.length = 0;
|
||||
for (const { element, link } of headers) {
|
||||
resolvedHeaders.push({ element, link });
|
||||
}
|
||||
const ret = [];
|
||||
outer:
|
||||
for (let i = 0; i < headers.length; i++) {
|
||||
const cur = headers[i];
|
||||
if (i === 0) {
|
||||
ret.push(cur);
|
||||
} else {
|
||||
for (let j = i - 1; j >= 0; j--) {
|
||||
const prev = headers[j];
|
||||
if (prev.level < cur.level) {
|
||||
;
|
||||
(prev.children || (prev.children = [])).push(cur);
|
||||
continue outer;
|
||||
}
|
||||
}
|
||||
ret.push(cur);
|
||||
}
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/composables/local-nav.js
|
||||
function useLocalNav() {
|
||||
const { theme: theme2, frontmatter } = useData();
|
||||
const headers = shallowRef([]);
|
||||
const hasLocalNav = computed(() => {
|
||||
return headers.value.length > 0;
|
||||
});
|
||||
onContentUpdated(() => {
|
||||
headers.value = getHeaders(frontmatter.value.outline ?? theme2.value.outline);
|
||||
});
|
||||
return {
|
||||
headers,
|
||||
hasLocalNav
|
||||
};
|
||||
}
|
||||
|
||||
// ../node_modules/vitepress/dist/client/theme-default/without-fonts.js
|
||||
var theme = {
|
||||
Layout,
|
||||
enhanceApp: ({ app }) => {
|
||||
app.component("Badge", VPBadge);
|
||||
}
|
||||
};
|
||||
var without_fonts_default = theme;
|
||||
export {
|
||||
default2 as VPBadge,
|
||||
default4 as VPButton,
|
||||
default8 as VPDocAsideSponsors,
|
||||
default6 as VPHomeFeatures,
|
||||
default5 as VPHomeHero,
|
||||
default7 as VPHomeSponsors,
|
||||
default3 as VPImage,
|
||||
default9 as VPSponsors,
|
||||
default13 as VPTeamMembers,
|
||||
default10 as VPTeamPage,
|
||||
default12 as VPTeamPageSection,
|
||||
default11 as VPTeamPageTitle,
|
||||
without_fonts_default as default,
|
||||
useLocalNav,
|
||||
useSidebar
|
||||
};
|
||||
//# sourceMappingURL=@theme_index.js.map
|
||||
File diff suppressed because one or more lines are too long
58
docs/.vitepress/cache/deps/_metadata.json
vendored
58
docs/.vitepress/cache/deps/_metadata.json
vendored
@@ -1,58 +0,0 @@
|
||||
{
|
||||
"hash": "66a41f66",
|
||||
"configHash": "ed963468",
|
||||
"lockfileHash": "de97c715",
|
||||
"browserHash": "f1a18dfa",
|
||||
"optimized": {
|
||||
"vue": {
|
||||
"src": "../../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
|
||||
"file": "vue.js",
|
||||
"fileHash": "f42504f7",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vitepress > @vue/devtools-api": {
|
||||
"src": "../../../../../node_modules/@vue/devtools-api/dist/index.js",
|
||||
"file": "vitepress___@vue_devtools-api.js",
|
||||
"fileHash": "f7e9e2b7",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vitepress > @vueuse/core": {
|
||||
"src": "../../../../../node_modules/@vueuse/core/index.mjs",
|
||||
"file": "vitepress___@vueuse_core.js",
|
||||
"fileHash": "3527cf77",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vitepress > @vueuse/integrations/useFocusTrap": {
|
||||
"src": "../../../../../node_modules/@vueuse/integrations/useFocusTrap.mjs",
|
||||
"file": "vitepress___@vueuse_integrations_useFocusTrap.js",
|
||||
"fileHash": "c4ee4de3",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vitepress > mark.js/src/vanilla.js": {
|
||||
"src": "../../../../../node_modules/mark.js/src/vanilla.js",
|
||||
"file": "vitepress___mark__js_src_vanilla__js.js",
|
||||
"fileHash": "eee2a49a",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vitepress > minisearch": {
|
||||
"src": "../../../../../node_modules/minisearch/dist/es/index.js",
|
||||
"file": "vitepress___minisearch.js",
|
||||
"fileHash": "61708f0e",
|
||||
"needsInterop": false
|
||||
},
|
||||
"@theme/index": {
|
||||
"src": "../../../../../node_modules/vitepress/dist/client/theme-default/index.js",
|
||||
"file": "@theme_index.js",
|
||||
"fileHash": "441f5300",
|
||||
"needsInterop": false
|
||||
}
|
||||
},
|
||||
"chunks": {
|
||||
"chunk-W3MEEF6S": {
|
||||
"file": "chunk-W3MEEF6S.js"
|
||||
},
|
||||
"chunk-IHCFIHWR": {
|
||||
"file": "chunk-IHCFIHWR.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
11402
docs/.vitepress/cache/deps/chunk-IHCFIHWR.js
vendored
11402
docs/.vitepress/cache/deps/chunk-IHCFIHWR.js
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
9092
docs/.vitepress/cache/deps/chunk-W3MEEF6S.js
vendored
9092
docs/.vitepress/cache/deps/chunk-W3MEEF6S.js
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
3
docs/.vitepress/cache/deps/package.json
vendored
3
docs/.vitepress/cache/deps/package.json
vendored
@@ -1,3 +0,0 @@
|
||||
{
|
||||
"type": "module"
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,567 +0,0 @@
|
||||
import {
|
||||
DefaultMagicKeysAliasMap,
|
||||
StorageSerializers,
|
||||
TransitionPresets,
|
||||
assert,
|
||||
breakpointsAntDesign,
|
||||
breakpointsBootstrapV5,
|
||||
breakpointsMasterCss,
|
||||
breakpointsPrimeFlex,
|
||||
breakpointsQuasar,
|
||||
breakpointsSematic,
|
||||
breakpointsTailwind,
|
||||
breakpointsVuetify,
|
||||
breakpointsVuetifyV2,
|
||||
breakpointsVuetifyV3,
|
||||
bypassFilter,
|
||||
camelize,
|
||||
clamp,
|
||||
cloneFnJSON,
|
||||
computedAsync,
|
||||
computedEager,
|
||||
computedInject,
|
||||
computedWithControl,
|
||||
containsProp,
|
||||
controlledRef,
|
||||
createEventHook,
|
||||
createFetch,
|
||||
createFilterWrapper,
|
||||
createGlobalState,
|
||||
createInjectionState,
|
||||
createReusableTemplate,
|
||||
createSharedComposable,
|
||||
createSingletonPromise,
|
||||
createTemplatePromise,
|
||||
createUnrefFn,
|
||||
customStorageEventName,
|
||||
debounceFilter,
|
||||
defaultDocument,
|
||||
defaultLocation,
|
||||
defaultNavigator,
|
||||
defaultWindow,
|
||||
directiveHooks,
|
||||
executeTransition,
|
||||
extendRef,
|
||||
formatDate,
|
||||
formatTimeAgo,
|
||||
get,
|
||||
getLifeCycleTarget,
|
||||
getSSRHandler,
|
||||
hasOwn,
|
||||
hyphenate,
|
||||
identity,
|
||||
increaseWithUnit,
|
||||
injectLocal,
|
||||
invoke,
|
||||
isClient,
|
||||
isDef,
|
||||
isDefined,
|
||||
isIOS,
|
||||
isObject,
|
||||
isWorker,
|
||||
makeDestructurable,
|
||||
mapGamepadToXbox360Controller,
|
||||
noop,
|
||||
normalizeDate,
|
||||
notNullish,
|
||||
now,
|
||||
objectEntries,
|
||||
objectOmit,
|
||||
objectPick,
|
||||
onClickOutside,
|
||||
onKeyDown,
|
||||
onKeyPressed,
|
||||
onKeyStroke,
|
||||
onKeyUp,
|
||||
onLongPress,
|
||||
onStartTyping,
|
||||
pausableFilter,
|
||||
promiseTimeout,
|
||||
provideLocal,
|
||||
rand,
|
||||
reactify,
|
||||
reactifyObject,
|
||||
reactiveComputed,
|
||||
reactiveOmit,
|
||||
reactivePick,
|
||||
refAutoReset,
|
||||
refDebounced,
|
||||
refDefault,
|
||||
refThrottled,
|
||||
refWithControl,
|
||||
resolveRef,
|
||||
resolveUnref,
|
||||
set,
|
||||
setSSRHandler,
|
||||
syncRef,
|
||||
syncRefs,
|
||||
templateRef,
|
||||
throttleFilter,
|
||||
timestamp,
|
||||
toReactive,
|
||||
toRef,
|
||||
toRefs,
|
||||
toValue,
|
||||
tryOnBeforeMount,
|
||||
tryOnBeforeUnmount,
|
||||
tryOnMounted,
|
||||
tryOnScopeDispose,
|
||||
tryOnUnmounted,
|
||||
unrefElement,
|
||||
until,
|
||||
useActiveElement,
|
||||
useAnimate,
|
||||
useArrayDifference,
|
||||
useArrayEvery,
|
||||
useArrayFilter,
|
||||
useArrayFind,
|
||||
useArrayFindIndex,
|
||||
useArrayFindLast,
|
||||
useArrayIncludes,
|
||||
useArrayJoin,
|
||||
useArrayMap,
|
||||
useArrayReduce,
|
||||
useArraySome,
|
||||
useArrayUnique,
|
||||
useAsyncQueue,
|
||||
useAsyncState,
|
||||
useBase64,
|
||||
useBattery,
|
||||
useBluetooth,
|
||||
useBreakpoints,
|
||||
useBroadcastChannel,
|
||||
useBrowserLocation,
|
||||
useCached,
|
||||
useClipboard,
|
||||
useClipboardItems,
|
||||
useCloned,
|
||||
useColorMode,
|
||||
useConfirmDialog,
|
||||
useCounter,
|
||||
useCssVar,
|
||||
useCurrentElement,
|
||||
useCycleList,
|
||||
useDark,
|
||||
useDateFormat,
|
||||
useDebounceFn,
|
||||
useDebouncedRefHistory,
|
||||
useDeviceMotion,
|
||||
useDeviceOrientation,
|
||||
useDevicePixelRatio,
|
||||
useDevicesList,
|
||||
useDisplayMedia,
|
||||
useDocumentVisibility,
|
||||
useDraggable,
|
||||
useDropZone,
|
||||
useElementBounding,
|
||||
useElementByPoint,
|
||||
useElementHover,
|
||||
useElementSize,
|
||||
useElementVisibility,
|
||||
useEventBus,
|
||||
useEventListener,
|
||||
useEventSource,
|
||||
useEyeDropper,
|
||||
useFavicon,
|
||||
useFetch,
|
||||
useFileDialog,
|
||||
useFileSystemAccess,
|
||||
useFocus,
|
||||
useFocusWithin,
|
||||
useFps,
|
||||
useFullscreen,
|
||||
useGamepad,
|
||||
useGeolocation,
|
||||
useIdle,
|
||||
useImage,
|
||||
useInfiniteScroll,
|
||||
useIntersectionObserver,
|
||||
useInterval,
|
||||
useIntervalFn,
|
||||
useKeyModifier,
|
||||
useLastChanged,
|
||||
useLocalStorage,
|
||||
useMagicKeys,
|
||||
useManualRefHistory,
|
||||
useMediaControls,
|
||||
useMediaQuery,
|
||||
useMemoize,
|
||||
useMemory,
|
||||
useMounted,
|
||||
useMouse,
|
||||
useMouseInElement,
|
||||
useMousePressed,
|
||||
useMutationObserver,
|
||||
useNavigatorLanguage,
|
||||
useNetwork,
|
||||
useNow,
|
||||
useObjectUrl,
|
||||
useOffsetPagination,
|
||||
useOnline,
|
||||
usePageLeave,
|
||||
useParallax,
|
||||
useParentElement,
|
||||
usePerformanceObserver,
|
||||
usePermission,
|
||||
usePointer,
|
||||
usePointerLock,
|
||||
usePointerSwipe,
|
||||
usePreferredColorScheme,
|
||||
usePreferredContrast,
|
||||
usePreferredDark,
|
||||
usePreferredLanguages,
|
||||
usePreferredReducedMotion,
|
||||
usePrevious,
|
||||
useRafFn,
|
||||
useRefHistory,
|
||||
useResizeObserver,
|
||||
useScreenOrientation,
|
||||
useScreenSafeArea,
|
||||
useScriptTag,
|
||||
useScroll,
|
||||
useScrollLock,
|
||||
useSessionStorage,
|
||||
useShare,
|
||||
useSorted,
|
||||
useSpeechRecognition,
|
||||
useSpeechSynthesis,
|
||||
useStepper,
|
||||
useStorage,
|
||||
useStorageAsync,
|
||||
useStyleTag,
|
||||
useSupported,
|
||||
useSwipe,
|
||||
useTemplateRefsList,
|
||||
useTextDirection,
|
||||
useTextSelection,
|
||||
useTextareaAutosize,
|
||||
useThrottleFn,
|
||||
useThrottledRefHistory,
|
||||
useTimeAgo,
|
||||
useTimeout,
|
||||
useTimeoutFn,
|
||||
useTimeoutPoll,
|
||||
useTimestamp,
|
||||
useTitle,
|
||||
useToNumber,
|
||||
useToString,
|
||||
useToggle,
|
||||
useTransition,
|
||||
useUrlSearchParams,
|
||||
useUserMedia,
|
||||
useVModel,
|
||||
useVModels,
|
||||
useVibrate,
|
||||
useVirtualList,
|
||||
useWakeLock,
|
||||
useWebNotification,
|
||||
useWebSocket,
|
||||
useWebWorker,
|
||||
useWebWorkerFn,
|
||||
useWindowFocus,
|
||||
useWindowScroll,
|
||||
useWindowSize,
|
||||
watchArray,
|
||||
watchAtMost,
|
||||
watchDebounced,
|
||||
watchDeep,
|
||||
watchIgnorable,
|
||||
watchImmediate,
|
||||
watchOnce,
|
||||
watchPausable,
|
||||
watchThrottled,
|
||||
watchTriggerable,
|
||||
watchWithFilter,
|
||||
whenever
|
||||
} from "./chunk-W3MEEF6S.js";
|
||||
import "./chunk-IHCFIHWR.js";
|
||||
export {
|
||||
DefaultMagicKeysAliasMap,
|
||||
StorageSerializers,
|
||||
TransitionPresets,
|
||||
assert,
|
||||
computedAsync as asyncComputed,
|
||||
refAutoReset as autoResetRef,
|
||||
breakpointsAntDesign,
|
||||
breakpointsBootstrapV5,
|
||||
breakpointsMasterCss,
|
||||
breakpointsPrimeFlex,
|
||||
breakpointsQuasar,
|
||||
breakpointsSematic,
|
||||
breakpointsTailwind,
|
||||
breakpointsVuetify,
|
||||
breakpointsVuetifyV2,
|
||||
breakpointsVuetifyV3,
|
||||
bypassFilter,
|
||||
camelize,
|
||||
clamp,
|
||||
cloneFnJSON,
|
||||
computedAsync,
|
||||
computedEager,
|
||||
computedInject,
|
||||
computedWithControl,
|
||||
containsProp,
|
||||
computedWithControl as controlledComputed,
|
||||
controlledRef,
|
||||
createEventHook,
|
||||
createFetch,
|
||||
createFilterWrapper,
|
||||
createGlobalState,
|
||||
createInjectionState,
|
||||
reactify as createReactiveFn,
|
||||
createReusableTemplate,
|
||||
createSharedComposable,
|
||||
createSingletonPromise,
|
||||
createTemplatePromise,
|
||||
createUnrefFn,
|
||||
customStorageEventName,
|
||||
debounceFilter,
|
||||
refDebounced as debouncedRef,
|
||||
watchDebounced as debouncedWatch,
|
||||
defaultDocument,
|
||||
defaultLocation,
|
||||
defaultNavigator,
|
||||
defaultWindow,
|
||||
directiveHooks,
|
||||
computedEager as eagerComputed,
|
||||
executeTransition,
|
||||
extendRef,
|
||||
formatDate,
|
||||
formatTimeAgo,
|
||||
get,
|
||||
getLifeCycleTarget,
|
||||
getSSRHandler,
|
||||
hasOwn,
|
||||
hyphenate,
|
||||
identity,
|
||||
watchIgnorable as ignorableWatch,
|
||||
increaseWithUnit,
|
||||
injectLocal,
|
||||
invoke,
|
||||
isClient,
|
||||
isDef,
|
||||
isDefined,
|
||||
isIOS,
|
||||
isObject,
|
||||
isWorker,
|
||||
makeDestructurable,
|
||||
mapGamepadToXbox360Controller,
|
||||
noop,
|
||||
normalizeDate,
|
||||
notNullish,
|
||||
now,
|
||||
objectEntries,
|
||||
objectOmit,
|
||||
objectPick,
|
||||
onClickOutside,
|
||||
onKeyDown,
|
||||
onKeyPressed,
|
||||
onKeyStroke,
|
||||
onKeyUp,
|
||||
onLongPress,
|
||||
onStartTyping,
|
||||
pausableFilter,
|
||||
watchPausable as pausableWatch,
|
||||
promiseTimeout,
|
||||
provideLocal,
|
||||
rand,
|
||||
reactify,
|
||||
reactifyObject,
|
||||
reactiveComputed,
|
||||
reactiveOmit,
|
||||
reactivePick,
|
||||
refAutoReset,
|
||||
refDebounced,
|
||||
refDefault,
|
||||
refThrottled,
|
||||
refWithControl,
|
||||
resolveRef,
|
||||
resolveUnref,
|
||||
set,
|
||||
setSSRHandler,
|
||||
syncRef,
|
||||
syncRefs,
|
||||
templateRef,
|
||||
throttleFilter,
|
||||
refThrottled as throttledRef,
|
||||
watchThrottled as throttledWatch,
|
||||
timestamp,
|
||||
toReactive,
|
||||
toRef,
|
||||
toRefs,
|
||||
toValue,
|
||||
tryOnBeforeMount,
|
||||
tryOnBeforeUnmount,
|
||||
tryOnMounted,
|
||||
tryOnScopeDispose,
|
||||
tryOnUnmounted,
|
||||
unrefElement,
|
||||
until,
|
||||
useActiveElement,
|
||||
useAnimate,
|
||||
useArrayDifference,
|
||||
useArrayEvery,
|
||||
useArrayFilter,
|
||||
useArrayFind,
|
||||
useArrayFindIndex,
|
||||
useArrayFindLast,
|
||||
useArrayIncludes,
|
||||
useArrayJoin,
|
||||
useArrayMap,
|
||||
useArrayReduce,
|
||||
useArraySome,
|
||||
useArrayUnique,
|
||||
useAsyncQueue,
|
||||
useAsyncState,
|
||||
useBase64,
|
||||
useBattery,
|
||||
useBluetooth,
|
||||
useBreakpoints,
|
||||
useBroadcastChannel,
|
||||
useBrowserLocation,
|
||||
useCached,
|
||||
useClipboard,
|
||||
useClipboardItems,
|
||||
useCloned,
|
||||
useColorMode,
|
||||
useConfirmDialog,
|
||||
useCounter,
|
||||
useCssVar,
|
||||
useCurrentElement,
|
||||
useCycleList,
|
||||
useDark,
|
||||
useDateFormat,
|
||||
refDebounced as useDebounce,
|
||||
useDebounceFn,
|
||||
useDebouncedRefHistory,
|
||||
useDeviceMotion,
|
||||
useDeviceOrientation,
|
||||
useDevicePixelRatio,
|
||||
useDevicesList,
|
||||
useDisplayMedia,
|
||||
useDocumentVisibility,
|
||||
useDraggable,
|
||||
useDropZone,
|
||||
useElementBounding,
|
||||
useElementByPoint,
|
||||
useElementHover,
|
||||
useElementSize,
|
||||
useElementVisibility,
|
||||
useEventBus,
|
||||
useEventListener,
|
||||
useEventSource,
|
||||
useEyeDropper,
|
||||
useFavicon,
|
||||
useFetch,
|
||||
useFileDialog,
|
||||
useFileSystemAccess,
|
||||
useFocus,
|
||||
useFocusWithin,
|
||||
useFps,
|
||||
useFullscreen,
|
||||
useGamepad,
|
||||
useGeolocation,
|
||||
useIdle,
|
||||
useImage,
|
||||
useInfiniteScroll,
|
||||
useIntersectionObserver,
|
||||
useInterval,
|
||||
useIntervalFn,
|
||||
useKeyModifier,
|
||||
useLastChanged,
|
||||
useLocalStorage,
|
||||
useMagicKeys,
|
||||
useManualRefHistory,
|
||||
useMediaControls,
|
||||
useMediaQuery,
|
||||
useMemoize,
|
||||
useMemory,
|
||||
useMounted,
|
||||
useMouse,
|
||||
useMouseInElement,
|
||||
useMousePressed,
|
||||
useMutationObserver,
|
||||
useNavigatorLanguage,
|
||||
useNetwork,
|
||||
useNow,
|
||||
useObjectUrl,
|
||||
useOffsetPagination,
|
||||
useOnline,
|
||||
usePageLeave,
|
||||
useParallax,
|
||||
useParentElement,
|
||||
usePerformanceObserver,
|
||||
usePermission,
|
||||
usePointer,
|
||||
usePointerLock,
|
||||
usePointerSwipe,
|
||||
usePreferredColorScheme,
|
||||
usePreferredContrast,
|
||||
usePreferredDark,
|
||||
usePreferredLanguages,
|
||||
usePreferredReducedMotion,
|
||||
usePrevious,
|
||||
useRafFn,
|
||||
useRefHistory,
|
||||
useResizeObserver,
|
||||
useScreenOrientation,
|
||||
useScreenSafeArea,
|
||||
useScriptTag,
|
||||
useScroll,
|
||||
useScrollLock,
|
||||
useSessionStorage,
|
||||
useShare,
|
||||
useSorted,
|
||||
useSpeechRecognition,
|
||||
useSpeechSynthesis,
|
||||
useStepper,
|
||||
useStorage,
|
||||
useStorageAsync,
|
||||
useStyleTag,
|
||||
useSupported,
|
||||
useSwipe,
|
||||
useTemplateRefsList,
|
||||
useTextDirection,
|
||||
useTextSelection,
|
||||
useTextareaAutosize,
|
||||
refThrottled as useThrottle,
|
||||
useThrottleFn,
|
||||
useThrottledRefHistory,
|
||||
useTimeAgo,
|
||||
useTimeout,
|
||||
useTimeoutFn,
|
||||
useTimeoutPoll,
|
||||
useTimestamp,
|
||||
useTitle,
|
||||
useToNumber,
|
||||
useToString,
|
||||
useToggle,
|
||||
useTransition,
|
||||
useUrlSearchParams,
|
||||
useUserMedia,
|
||||
useVModel,
|
||||
useVModels,
|
||||
useVibrate,
|
||||
useVirtualList,
|
||||
useWakeLock,
|
||||
useWebNotification,
|
||||
useWebSocket,
|
||||
useWebWorker,
|
||||
useWebWorkerFn,
|
||||
useWindowFocus,
|
||||
useWindowScroll,
|
||||
useWindowSize,
|
||||
watchArray,
|
||||
watchAtMost,
|
||||
watchDebounced,
|
||||
watchDeep,
|
||||
watchIgnorable,
|
||||
watchImmediate,
|
||||
watchOnce,
|
||||
watchPausable,
|
||||
watchThrottled,
|
||||
watchTriggerable,
|
||||
watchWithFilter,
|
||||
whenever
|
||||
};
|
||||
//# sourceMappingURL=vitepress___@vueuse_core.js.map
|
||||
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"version": 3,
|
||||
"sources": [],
|
||||
"sourcesContent": [],
|
||||
"mappings": "",
|
||||
"names": []
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
1856
docs/.vitepress/cache/deps/vitepress___minisearch.js
vendored
1856
docs/.vitepress/cache/deps/vitepress___minisearch.js
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
323
docs/.vitepress/cache/deps/vue.js
vendored
323
docs/.vitepress/cache/deps/vue.js
vendored
@@ -1,323 +0,0 @@
|
||||
import {
|
||||
BaseTransition,
|
||||
BaseTransitionPropsValidators,
|
||||
Comment,
|
||||
DeprecationTypes,
|
||||
EffectScope,
|
||||
ErrorCodes,
|
||||
ErrorTypeStrings,
|
||||
Fragment,
|
||||
KeepAlive,
|
||||
ReactiveEffect,
|
||||
Static,
|
||||
Suspense,
|
||||
Teleport,
|
||||
Text,
|
||||
TrackOpTypes,
|
||||
Transition,
|
||||
TransitionGroup,
|
||||
TriggerOpTypes,
|
||||
VueElement,
|
||||
assertNumber,
|
||||
callWithAsyncErrorHandling,
|
||||
callWithErrorHandling,
|
||||
camelize,
|
||||
capitalize,
|
||||
cloneVNode,
|
||||
compatUtils,
|
||||
compile,
|
||||
computed,
|
||||
createApp,
|
||||
createBaseVNode,
|
||||
createBlock,
|
||||
createCommentVNode,
|
||||
createElementBlock,
|
||||
createHydrationRenderer,
|
||||
createPropsRestProxy,
|
||||
createRenderer,
|
||||
createSSRApp,
|
||||
createSlots,
|
||||
createStaticVNode,
|
||||
createTextVNode,
|
||||
createVNode,
|
||||
customRef,
|
||||
defineAsyncComponent,
|
||||
defineComponent,
|
||||
defineCustomElement,
|
||||
defineEmits,
|
||||
defineExpose,
|
||||
defineModel,
|
||||
defineOptions,
|
||||
defineProps,
|
||||
defineSSRCustomElement,
|
||||
defineSlots,
|
||||
devtools,
|
||||
effect,
|
||||
effectScope,
|
||||
getCurrentInstance,
|
||||
getCurrentScope,
|
||||
getTransitionRawChildren,
|
||||
guardReactiveProps,
|
||||
h,
|
||||
handleError,
|
||||
hasInjectionContext,
|
||||
hydrate,
|
||||
initCustomFormatter,
|
||||
initDirectivesForSSR,
|
||||
inject,
|
||||
isMemoSame,
|
||||
isProxy,
|
||||
isReactive,
|
||||
isReadonly,
|
||||
isRef,
|
||||
isRuntimeOnly,
|
||||
isShallow,
|
||||
isVNode,
|
||||
markRaw,
|
||||
mergeDefaults,
|
||||
mergeModels,
|
||||
mergeProps,
|
||||
nextTick,
|
||||
normalizeClass,
|
||||
normalizeProps,
|
||||
normalizeStyle,
|
||||
onActivated,
|
||||
onBeforeMount,
|
||||
onBeforeUnmount,
|
||||
onBeforeUpdate,
|
||||
onDeactivated,
|
||||
onErrorCaptured,
|
||||
onMounted,
|
||||
onRenderTracked,
|
||||
onRenderTriggered,
|
||||
onScopeDispose,
|
||||
onServerPrefetch,
|
||||
onUnmounted,
|
||||
onUpdated,
|
||||
openBlock,
|
||||
popScopeId,
|
||||
provide,
|
||||
proxyRefs,
|
||||
pushScopeId,
|
||||
queuePostFlushCb,
|
||||
reactive,
|
||||
readonly,
|
||||
ref,
|
||||
registerRuntimeCompiler,
|
||||
render,
|
||||
renderList,
|
||||
renderSlot,
|
||||
resolveComponent,
|
||||
resolveDirective,
|
||||
resolveDynamicComponent,
|
||||
resolveFilter,
|
||||
resolveTransitionHooks,
|
||||
setBlockTracking,
|
||||
setDevtoolsHook,
|
||||
setTransitionHooks,
|
||||
shallowReactive,
|
||||
shallowReadonly,
|
||||
shallowRef,
|
||||
ssrContextKey,
|
||||
ssrUtils,
|
||||
stop,
|
||||
toDisplayString,
|
||||
toHandlerKey,
|
||||
toHandlers,
|
||||
toRaw,
|
||||
toRef,
|
||||
toRefs,
|
||||
toValue,
|
||||
transformVNodeArgs,
|
||||
triggerRef,
|
||||
unref,
|
||||
useAttrs,
|
||||
useCssModule,
|
||||
useCssVars,
|
||||
useModel,
|
||||
useSSRContext,
|
||||
useSlots,
|
||||
useTransitionState,
|
||||
vModelCheckbox,
|
||||
vModelDynamic,
|
||||
vModelRadio,
|
||||
vModelSelect,
|
||||
vModelText,
|
||||
vShow,
|
||||
version,
|
||||
warn,
|
||||
watch,
|
||||
watchEffect,
|
||||
watchPostEffect,
|
||||
watchSyncEffect,
|
||||
withAsyncContext,
|
||||
withCtx,
|
||||
withDefaults,
|
||||
withDirectives,
|
||||
withKeys,
|
||||
withMemo,
|
||||
withModifiers,
|
||||
withScopeId
|
||||
} from "./chunk-IHCFIHWR.js";
|
||||
export {
|
||||
BaseTransition,
|
||||
BaseTransitionPropsValidators,
|
||||
Comment,
|
||||
DeprecationTypes,
|
||||
EffectScope,
|
||||
ErrorCodes,
|
||||
ErrorTypeStrings,
|
||||
Fragment,
|
||||
KeepAlive,
|
||||
ReactiveEffect,
|
||||
Static,
|
||||
Suspense,
|
||||
Teleport,
|
||||
Text,
|
||||
TrackOpTypes,
|
||||
Transition,
|
||||
TransitionGroup,
|
||||
TriggerOpTypes,
|
||||
VueElement,
|
||||
assertNumber,
|
||||
callWithAsyncErrorHandling,
|
||||
callWithErrorHandling,
|
||||
camelize,
|
||||
capitalize,
|
||||
cloneVNode,
|
||||
compatUtils,
|
||||
compile,
|
||||
computed,
|
||||
createApp,
|
||||
createBlock,
|
||||
createCommentVNode,
|
||||
createElementBlock,
|
||||
createBaseVNode as createElementVNode,
|
||||
createHydrationRenderer,
|
||||
createPropsRestProxy,
|
||||
createRenderer,
|
||||
createSSRApp,
|
||||
createSlots,
|
||||
createStaticVNode,
|
||||
createTextVNode,
|
||||
createVNode,
|
||||
customRef,
|
||||
defineAsyncComponent,
|
||||
defineComponent,
|
||||
defineCustomElement,
|
||||
defineEmits,
|
||||
defineExpose,
|
||||
defineModel,
|
||||
defineOptions,
|
||||
defineProps,
|
||||
defineSSRCustomElement,
|
||||
defineSlots,
|
||||
devtools,
|
||||
effect,
|
||||
effectScope,
|
||||
getCurrentInstance,
|
||||
getCurrentScope,
|
||||
getTransitionRawChildren,
|
||||
guardReactiveProps,
|
||||
h,
|
||||
handleError,
|
||||
hasInjectionContext,
|
||||
hydrate,
|
||||
initCustomFormatter,
|
||||
initDirectivesForSSR,
|
||||
inject,
|
||||
isMemoSame,
|
||||
isProxy,
|
||||
isReactive,
|
||||
isReadonly,
|
||||
isRef,
|
||||
isRuntimeOnly,
|
||||
isShallow,
|
||||
isVNode,
|
||||
markRaw,
|
||||
mergeDefaults,
|
||||
mergeModels,
|
||||
mergeProps,
|
||||
nextTick,
|
||||
normalizeClass,
|
||||
normalizeProps,
|
||||
normalizeStyle,
|
||||
onActivated,
|
||||
onBeforeMount,
|
||||
onBeforeUnmount,
|
||||
onBeforeUpdate,
|
||||
onDeactivated,
|
||||
onErrorCaptured,
|
||||
onMounted,
|
||||
onRenderTracked,
|
||||
onRenderTriggered,
|
||||
onScopeDispose,
|
||||
onServerPrefetch,
|
||||
onUnmounted,
|
||||
onUpdated,
|
||||
openBlock,
|
||||
popScopeId,
|
||||
provide,
|
||||
proxyRefs,
|
||||
pushScopeId,
|
||||
queuePostFlushCb,
|
||||
reactive,
|
||||
readonly,
|
||||
ref,
|
||||
registerRuntimeCompiler,
|
||||
render,
|
||||
renderList,
|
||||
renderSlot,
|
||||
resolveComponent,
|
||||
resolveDirective,
|
||||
resolveDynamicComponent,
|
||||
resolveFilter,
|
||||
resolveTransitionHooks,
|
||||
setBlockTracking,
|
||||
setDevtoolsHook,
|
||||
setTransitionHooks,
|
||||
shallowReactive,
|
||||
shallowReadonly,
|
||||
shallowRef,
|
||||
ssrContextKey,
|
||||
ssrUtils,
|
||||
stop,
|
||||
toDisplayString,
|
||||
toHandlerKey,
|
||||
toHandlers,
|
||||
toRaw,
|
||||
toRef,
|
||||
toRefs,
|
||||
toValue,
|
||||
transformVNodeArgs,
|
||||
triggerRef,
|
||||
unref,
|
||||
useAttrs,
|
||||
useCssModule,
|
||||
useCssVars,
|
||||
useModel,
|
||||
useSSRContext,
|
||||
useSlots,
|
||||
useTransitionState,
|
||||
vModelCheckbox,
|
||||
vModelDynamic,
|
||||
vModelRadio,
|
||||
vModelSelect,
|
||||
vModelText,
|
||||
vShow,
|
||||
version,
|
||||
warn,
|
||||
watch,
|
||||
watchEffect,
|
||||
watchPostEffect,
|
||||
watchSyncEffect,
|
||||
withAsyncContext,
|
||||
withCtx,
|
||||
withDefaults,
|
||||
withDirectives,
|
||||
withKeys,
|
||||
withMemo,
|
||||
withModifiers,
|
||||
withScopeId
|
||||
};
|
||||
//# sourceMappingURL=vue.js.map
|
||||
7
docs/.vitepress/cache/deps/vue.js.map
vendored
7
docs/.vitepress/cache/deps/vue.js.map
vendored
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"version": 3,
|
||||
"sources": [],
|
||||
"sourcesContent": [],
|
||||
"mappings": "",
|
||||
"names": []
|
||||
}
|
||||
@@ -1,82 +0,0 @@
|
||||
import { defineConfig } from 'vitepress'
|
||||
|
||||
// https://vitepress.dev/reference/site-config
|
||||
export default defineConfig({
|
||||
title: "Basalt",
|
||||
description: "A UI Framework made for CC:Tweaked",
|
||||
lang: 'en-US',
|
||||
lastUpdated: true,
|
||||
base: "/Basalt2/",
|
||||
|
||||
head: [
|
||||
//[
|
||||
// 'link',
|
||||
// { rel: 'stylesheet', href: '../css/computer.css', type: 'text/css' }
|
||||
//],
|
||||
//[
|
||||
// 'script',
|
||||
// { async: '', src: 'https://copy-cat.squiddev.cc/require.js' }
|
||||
//],
|
||||
//[
|
||||
// 'script',
|
||||
// {},
|
||||
// `require.config({ paths: { copycat: "https://copy-cat.squiddev.cc/" } });
|
||||
// require(["copycat/embed"], setup => setup(document.getElementById("embed-computer")));`
|
||||
//],
|
||||
//[
|
||||
// 'script',
|
||||
// {src: '../js/computer.js' },
|
||||
//],
|
||||
|
||||
//HTML for this:
|
||||
//<button onclick="toggleComputer('computer-1')">Click Me</button>
|
||||
//<div id="computer-1" class="computer">
|
||||
// <div id="embed-computer"></div>
|
||||
//</div>
|
||||
],
|
||||
|
||||
themeConfig: {
|
||||
editLink: {
|
||||
pattern: 'https://github.com/Pyroxenium/Basalt2/tree/gh-pages/docs/:path'
|
||||
},
|
||||
search: {
|
||||
provider: 'local'
|
||||
},
|
||||
|
||||
outline: 2,
|
||||
footer: {
|
||||
message: 'Released under the MIT License.',
|
||||
copyright: 'Copyright © 2025 Robert Jelic'
|
||||
},
|
||||
nav: [
|
||||
{ text: 'Home', link: '/home' },
|
||||
{ text: 'References', link: '/references/main' },
|
||||
],
|
||||
|
||||
docFooter: {
|
||||
prev: false,
|
||||
next: false
|
||||
},
|
||||
|
||||
sidebar: {
|
||||
'/guides/': [
|
||||
|
||||
],
|
||||
|
||||
'/references/':[
|
||||
{
|
||||
text: 'References', link: 'references/main',
|
||||
items: [
|
||||
{text: 'Basalt', link: 'references/basalt'},
|
||||
{text: 'Frame', link: 'references/frame'},
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
|
||||
socialLinks: [
|
||||
{ icon: 'github', link: 'https://github.com/Pyroxenium/Basalt2' }
|
||||
]
|
||||
}
|
||||
})
|
||||
21
docs/.vitepress/dist/404.html
vendored
21
docs/.vitepress/dist/404.html
vendored
File diff suppressed because one or more lines are too long
24
docs/.vitepress/dist/README.html
vendored
24
docs/.vitepress/dist/README.html
vendored
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
import{_ as t,o as e,c as s,k as a,a as o}from"./chunks/framework.4313453f.js";const u=JSON.parse('{"title":"basalt-docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":null}'),c={name:"README.md"},d=a("h1",{id:"basalt-docs",tabindex:"-1"},[o("basalt-docs "),a("a",{class:"header-anchor",href:"#basalt-docs","aria-label":'Permalink to "basalt-docs"'},"")],-1),n=a("p",null,"Basalts documentation",-1),r=[d,n];function l(i,_,p,h,m,f){return e(),s("div",null,r)}const b=t(c,[["render",l]]);export{u as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,o as e,c as s,k as a,a as o}from"./chunks/framework.4313453f.js";const u=JSON.parse('{"title":"basalt-docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":null}'),c={name:"README.md"},d=a("h1",{id:"basalt-docs",tabindex:"-1"},[o("basalt-docs "),a("a",{class:"header-anchor",href:"#basalt-docs","aria-label":'Permalink to "basalt-docs"'},"")],-1),n=a("p",null,"Basalts documentation",-1),r=[d,n];function l(i,_,p,h,m,f){return e(),s("div",null,r)}const b=t(c,[["render",l]]);export{u as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as e,o as s,m as a,a as o}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse('{"title":"basalt-docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":null}'),c={name:"README.md"},d=a("h1",{id:"basalt-docs",tabindex:"-1"},[o("basalt-docs "),a("a",{class:"header-anchor",href:"#basalt-docs","aria-label":'Permalink to "basalt-docs"'},"")],-1),n=a("p",null,"Basalts documentation",-1),r=[d,n];function l(i,_,p,m,h,f){return s(),e("div",null,r)}const b=t(c,[["render",l]]);export{u as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as e,o as s,m as a,a as o}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse('{"title":"basalt-docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":null}'),c={name:"README.md"},d=a("h1",{id:"basalt-docs",tabindex:"-1"},[o("basalt-docs "),a("a",{class:"header-anchor",href:"#basalt-docs","aria-label":'Permalink to "basalt-docs"'},"")],-1),n=a("p",null,"Basalts documentation",-1),r=[d,n];function l(i,_,p,m,h,f){return s(),e("div",null,r)}const b=t(c,[["render",l]]);export{u as __pageData,b as default};
|
||||
1
docs/.vitepress/dist/assets/app.3dd918f0.js
vendored
1
docs/.vitepress/dist/assets/app.3dd918f0.js
vendored
@@ -1 +0,0 @@
|
||||
import{a0 as L,h as v,g as C,j as S,o as A,c as E,n as P,l as O,s as b,a1 as $,a2 as D,a3 as N,a4 as j,a5 as k,a6 as M,a7 as B,a8 as F,a9 as H,aa as V,V as I,d as z,u as G,y as U,ab as q,ac as J,ad as K,ae as Q}from"./chunks/framework.4313453f.js";import{t as W}from"./chunks/theme.dba58d3f.js";async function X(t){try{return navigator.clipboard.writeText(t)}catch{const e=document.createElement("textarea"),n=document.activeElement;e.value=t,e.setAttribute("readonly",""),e.style.contain="strict",e.style.position="absolute",e.style.left="-9999px",e.style.fontSize="12pt";const a=document.getSelection(),l=a?a.rangeCount>0&&a.getRangeAt(0):null;document.body.appendChild(e),e.select(),e.selectionStart=0,e.selectionEnd=t.length,document.execCommand("copy"),document.body.removeChild(e),a&&l&&(a.removeAllRanges(),a.addRange(l)),n&&n.focus()}}const Y=(t,e)=>{const n=t.__vccOpts||t;for(const[a,l]of e)n[a]=l;return n},Z=["data-message","data-label"],ee=["innerHTML"],f={position:"auto",target:"auto",message:"copied",label:null,classes:"copy-btn",preferSibling:"previous"},te={__name:"CopyButton",props:{position:{type:String,default:()=>f.position},target:{type:String,default:()=>f.target},message:{type:String,default:()=>f.message},label:{type:String,default:()=>f.label},classes:{type:String,default:()=>f.classes},content:{type:String,default:null}},setup(t){var e,n;const a=t,l=L(),o=v(null),s=v(null),h=v(!0),m=v(null),p=v(null),x=a.label?a.label:(n=(e=l.default)==null?void 0:e.call(l)[0])==null?void 0:n.children,_=C(()=>`<!-- Button not rendered: ${m.value} -->`),R=C(()=>a.message.replace("$CONTENT",p.value));S(()=>{var g,y;const r=((g=o.value.previousElementSibling)==null?void 0:g.tagName)==="CODE"?o.value.previousElementSibling:null,d=((y=o.value.nextElementSibling)==null?void 0:y.tagName)==="CODE"?o.value.nextElementSibling:null;if(!r&&!d&&!a.content){h.value=!1,m.value="No code element found and no content prop given";return}if(a.content){p.value=a.content;return}let u=a.position;if(a.target==="auto"?r&&d?(s.value=r,u==="auto"&&(u="end")):s.value=r||d:a.target==="previous"?(s.value=r,u==="auto"&&(u="end")):a.target==="next"&&(s.value=d,u==="auto"&&(u="start")),!s.value){m.value="Failed to select code node";return}let i="beforeend";u==="auto"?r?i="beforeend":d&&(i="afterbegin"):u==="start"?i="afterbegin":u==="end"&&(i="beforeend"),p.value=s.value.innerText,s.value.innerText="",s.value.insertAdjacentHTML("beforeend",`<span>${p.value}</span>`),s.value.insertAdjacentElement(i,o.value),o.value.classList.add(`copy-btn-${i}`)});async function w(){await X(p.value),o.value.classList.add("copied"),setTimeout(()=>{o.value.classList.remove("copied")},1e3)}return(g,y)=>h.value?(A(),E("span",{key:0,class:P(t.classes),ref_key:"btn",ref:o,onClick:w,"data-message":R.value,"data-label":O(x)},null,10,Z)):(A(),E("span",{key:1,innerHTML:_.value},null,8,ee))}},ae=Y(te,[["__scopeId","data-v-32f61984"]]);const ne={extends:W,enhanceApp({app:t}){t.component("C",ae)}};function T(t){if(t.extends){const e=T(t.extends);return{...e,...t,async enhanceApp(n){e.enhanceApp&&await e.enhanceApp(n),t.enhanceApp&&await t.enhanceApp(n)}}}return t}const c=T(ne),le=z({name:"VitePressApp",setup(){const{site:t}=G();return S(()=>{U(()=>{document.documentElement.lang=t.value.lang,document.documentElement.dir=t.value.dir})}),q(),J(),K(),c.setup&&c.setup(),()=>Q(c.Layout)}});async function oe(){const t=ue(),e=se();e.provide(D,t);const n=N(t.route);return e.provide(j,n),e.component("Content",k),e.component("ClientOnly",M),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get(){return n.frontmatter.value}},$params:{get(){return n.page.value.params}}}),c.enhanceApp&&await c.enhanceApp({app:e,router:t,siteData:B}),{app:e,router:t,data:n}}function se(){return F(le)}function ue(){let t=b,e;return H(n=>{let a=V(n),l=null;return a&&(t&&(e=a),(t||e===a)&&(a=a.replace(/\.js$/,".lean.js")),l=I(()=>import(a),[])),b&&(t=!1),l},c.NotFound)}b&&oe().then(({app:t,router:e,data:n})=>{e.go().then(()=>{$(e.route,n.site),t.mount("#app")})});export{oe as createApp};
|
||||
7
docs/.vitepress/dist/assets/app.yweqp-TB.js
vendored
7
docs/.vitepress/dist/assets/app.yweqp-TB.js
vendored
@@ -1,7 +0,0 @@
|
||||
function __vite__mapDeps(indexes) {
|
||||
if (!__vite__mapDeps.viteFileDeps) {
|
||||
__vite__mapDeps.viteFileDeps = []
|
||||
}
|
||||
return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
|
||||
}
|
||||
import{j as o,a5 as p,a6 as u,a7 as l,a8 as c,a9 as f,aa as d,ab as m,ac as h,ad as g,ae as A,Y as P,d as _,u as v,l as y,z as C,af as E,ag as b,ah as w,ai as R}from"./chunks/framework.nQaBHiNx.js";import{t as S}from"./chunks/theme.DMrn68il.js";function i(e){if(e.extends){const a=i(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=i(S),T=_({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=v();return y(()=>{C(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&E(),b(),w(),s.setup&&s.setup(),()=>R(s.Layout)}});async function D(){globalThis.__VITEPRESS__=!0;const e=L(),a=j();a.provide(u,e);const t=l(e.route);return a.provide(c,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function j(){return h(T)}function L(){let e=o,a;return g(t=>{let n=A(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=P(()=>import(n),__vite__mapDeps([]))),o&&(e=!1),r},s.NotFound)}o&&D().then(({app:e,router:a,data:t})=>{a.go().then(()=>{p(a.route,t.site),e.mount("#app")})});export{D as createApp};
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
import{_ as a,c as e,o as t,a4 as s}from"./chunks/framework.nQaBHiNx.js";const g=JSON.parse('{"title":"Download","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"download.md","filePath":"download.md","lastUpdated":null}'),l={name:"download.md"},o=s('<h1 id="download" tabindex="-1">Download <a class="header-anchor" href="#download" aria-label="Permalink to "Download""></a></h1><p>Basalt comes with 2 project versions: The source version, which is used for debugging errors and having annotations with a LLS and a proper Code Editor, and the packaged version which is much smaller.</p><p>Note: The 1-file-version is not supported anymore, and it will probably not come back.</p><h2 id="downloading-basalt-with-ui" tabindex="-1">Downloading Basalt with UI <a class="header-anchor" href="#downloading-basalt-with-ui" aria-label="Permalink to "Downloading Basalt with UI""></a></h2><p>The following command will download the installer for you and open the Installer UI:</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>wget run https://basalt.madefor.cc/install.lua</span></span></code></pre></div><p>This is probably the best way to modify basalt the way you need it.</p><h2 id="download-basalt-without-ui" tabindex="-1">Download Basalt without UI <a class="header-anchor" href="#download-basalt-without-ui" aria-label="Permalink to "Download Basalt without UI""></a></h2><p>If you want to skip the UI and just want to download the, here are some other commands:</p><h3 id="source-default" tabindex="-1">Source Default <a class="header-anchor" href="#source-default" aria-label="Permalink to "Source Default""></a></h3><p>This is the source default version of basalt</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>wget run https://basalt.madefor.cc/install.lua source default</span></span></code></pre></div><h3 id="packaged-default" tabindex="-1">Packaged Default <a class="header-anchor" href="#packaged-default" aria-label="Permalink to "Packaged Default""></a></h3><p>This is the packaged default version of basalt</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>wget run https://basalt.madefor.cc/install.lua packaged default</span></span></code></pre></div><h3 id="source-full" tabindex="-1">Source Full <a class="header-anchor" href="#source-full" aria-label="Permalink to "Source Full""></a></h3><p>This is the source full version of basalt</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>wget run https://basalt.madefor.cc/install.lua source full</span></span></code></pre></div><h3 id="packaged-full" tabindex="-1">Packaged Full <a class="header-anchor" href="#packaged-full" aria-label="Permalink to "Packaged Full""></a></h3><p>This is the packaged full version of basalt</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>wget run https://basalt.madefor.cc/install.lua packaged default</span></span></code></pre></div><h2 id="update-basalt" tabindex="-1">Update Basalt <a class="header-anchor" href="#update-basalt" aria-label="Permalink to "Update Basalt""></a></h2><p>Since the new version of basalt you are also able to</p>',23),i=[o];function n(d,c,r,p,h,u){return t(),e("div",null,i)}const f=a(l,[["render",n]]);export{g as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as a,c as e,o as t,a4 as s}from"./chunks/framework.nQaBHiNx.js";const g=JSON.parse('{"title":"Download","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"download.md","filePath":"download.md","lastUpdated":null}'),l={name:"download.md"},o=s("",23),i=[o];function n(d,c,r,p,h,u){return t(),e("div",null,i)}const f=a(l,[["render",n]]);export{g as __pageData,f as default};
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
import{_ as a,o as e,c as s,Q as t}from"./chunks/framework.4313453f.js";const b=JSON.parse('{"title":"Download","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"download.md","filePath":"download.md","lastUpdated":null}'),l={name:"download.md"},o=t("",23),n=[o];function d(i,c,p,r,u,h){return e(),s("div",null,n)}const f=a(l,[["render",d]]);export{b as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,o as s,c as a,k as e,a as i}from"./chunks/framework.4313453f.js";const g=JSON.parse('{"title":"Guides","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides.md","filePath":"guides.md","lastUpdated":null}'),o={name:"guides.md"},r=e("h1",{id:"guides",tabindex:"-1"},[i("Guides "),e("a",{class:"header-anchor",href:"#guides","aria-label":'Permalink to "Guides"'},"")],-1),d=e("p",null,`Our "Guides" section offers in-depth tutorials and walkthroughs to help you get started and master the intricacies of Basalt. Whether you're a beginner looking for the basics or an advanced developer seeking deep dives into specific features, you'll find valuable resources here to maximize your use of Basalt. Dive in and explore the possibilities!`,-1),n=[r,d];function l(c,u,h,p,f,_){return s(),a("div",null,n)}const k=t(o,[["render",l]]);export{g as __pageData,k as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,o as s,c as a,k as e,a as i}from"./chunks/framework.4313453f.js";const g=JSON.parse('{"title":"Guides","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides.md","filePath":"guides.md","lastUpdated":null}'),o={name:"guides.md"},r=e("h1",{id:"guides",tabindex:"-1"},[i("Guides "),e("a",{class:"header-anchor",href:"#guides","aria-label":'Permalink to "Guides"'},"")],-1),d=e("p",null,`Our "Guides" section offers in-depth tutorials and walkthroughs to help you get started and master the intricacies of Basalt. Whether you're a beginner looking for the basics or an advanced developer seeking deep dives into specific features, you'll find valuable resources here to maximize your use of Basalt. Dive in and explore the possibilities!`,-1),n=[r,d];function l(c,u,h,p,f,_){return s(),a("div",null,n)}const k=t(o,[["render",l]]);export{g as __pageData,k as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as s,o as a,m as e,a as i}from"./chunks/framework.nQaBHiNx.js";const g=JSON.parse('{"title":"Guides","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides.md","filePath":"guides.md","lastUpdated":null}'),o={name:"guides.md"},r=e("h1",{id:"guides",tabindex:"-1"},[i("Guides "),e("a",{class:"header-anchor",href:"#guides","aria-label":'Permalink to "Guides"'},"")],-1),d=e("p",null,`Our "Guides" section offers in-depth tutorials and walkthroughs to help you get started and master the intricacies of Basalt. Whether you're a beginner looking for the basics or an advanced developer seeking deep dives into specific features, you'll find valuable resources here to maximize your use of Basalt. Dive in and explore the possibilities!`,-1),n=[r,d];function l(c,u,h,p,f,_){return a(),s("div",null,n)}const v=t(o,[["render",l]]);export{g as __pageData,v as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as s,o as a,m as e,a as i}from"./chunks/framework.nQaBHiNx.js";const g=JSON.parse('{"title":"Guides","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides.md","filePath":"guides.md","lastUpdated":null}'),o={name:"guides.md"},r=e("h1",{id:"guides",tabindex:"-1"},[i("Guides "),e("a",{class:"header-anchor",href:"#guides","aria-label":'Permalink to "Guides"'},"")],-1),d=e("p",null,`Our "Guides" section offers in-depth tutorials and walkthroughs to help you get started and master the intricacies of Basalt. Whether you're a beginner looking for the basics or an advanced developer seeking deep dives into specific features, you'll find valuable resources here to maximize your use of Basalt. Dive in and explore the possibilities!`,-1),n=[r,d];function l(c,u,h,p,f,_){return a(),s("div",null,n)}const v=t(o,[["render",l]]);export{g as __pageData,v as default};
|
||||
@@ -1,55 +0,0 @@
|
||||
import{_ as s,o as a,c as n,Q as o}from"./chunks/framework.4313453f.js";const h=JSON.parse('{"title":"Getting Started","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/getting-started.md","filePath":"guides/getting-started.md","lastUpdated":null}'),l={name:"guides/getting-started.md"},e=o(`<h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to "Getting Started""></a></h1><p>Here we will talk about basic stuff, we'll start with how to install basalt and then we will make a simple UI. We'll then continue by creating a Button, followed by an Input field, and then a List. Additionally, we'll cover how to retrieve values from these UI elements.</p><h2 id="how-to-install" tabindex="-1">How to Install <a class="header-anchor" href="#how-to-install" aria-label="Permalink to "How to Install""></a></h2><p>To download the UI Framework, use the following command:</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#e1e4e8;">wget run https://basalt.madefor.cc/install.lua</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292e;">wget run https://basalt.madefor.cc/install.lua</span></span></code></pre></div><p>Input the command into your shell, and after execution, you should see a file named <code>basalt.lua</code> in your directory. This file serves as the main entry point to the framework.</p><h2 id="setting-up-basalt" tabindex="-1">Setting up Basalt <a class="header-anchor" href="#setting-up-basalt" aria-label="Permalink to "Setting up Basalt""></a></h2><p>The next step is to include and initialize the Basalt framework in your project.</p><p>Here's the code to load basalt into your project.</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> basalt </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">require</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"basalt"</span><span style="color:#E1E4E8;">)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> basalt </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"basalt"</span><span style="color:#24292E;">)</span></span></code></pre></div><p>Merely loading Basalt is insufficient. It's essential to initiate the event and draw handlers. To facilitate this, Basalt offers the <code>basalt.autoUpdate()</code> function.</p><p>Here is a example:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> basalt </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">require</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"basalt"</span><span style="color:#E1E4E8;">)</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#6A737D;">-- your UI code is here</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#E1E4E8;">basalt.</span><span style="color:#79B8FF;">autoUpdate</span><span style="color:#E1E4E8;">()</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> basalt </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"basalt"</span><span style="color:#24292E;">)</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#6A737D;">-- your UI code is here</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#24292E;">basalt.</span><span style="color:#005CC5;">autoUpdate</span><span style="color:#24292E;">()</span></span></code></pre></div><h2 id="creating-a-simple-ui-with-basalt" tabindex="-1">Creating a Simple UI with Basalt <a class="header-anchor" href="#creating-a-simple-ui-with-basalt" aria-label="Permalink to "Creating a Simple UI with Basalt""></a></h2><p>Now that you have Basalt installed, let's dive into creating a basic user interface (UI).</p><h3 id="creating-a-button" tabindex="-1">Creating a Button <a class="header-anchor" href="#creating-a-button" aria-label="Permalink to "Creating a Button""></a></h3><p>To create a Button in Basalt, you can use the <code>:addButton()</code> function. The :addButton() function only works on frames:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> basalt </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">require</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"basalt"</span><span style="color:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> main </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> basalt.</span><span style="color:#79B8FF;">getMainFrame</span><span style="color:#E1E4E8;">()</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> button </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">main</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addButton</span><span style="color:#E1E4E8;">()</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> basalt </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"basalt"</span><span style="color:#24292E;">)</span></span>
|
||||
<span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> main </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> basalt.</span><span style="color:#005CC5;">getMainFrame</span><span style="color:#24292E;">()</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> button </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">main</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addButton</span><span style="color:#24292E;">()</span></span></code></pre></div><p>This code snippet creates a Button and adds it to the main frame of your UI. You can customize the appearance and behavior of the button as needed.</p><p>Here are some common customizations you can apply:</p><ul><li><strong>Position:</strong> You can set the position of the button using the <code>:setPosition()</code> function.</li><li><strong>Size:</strong> Adjust the size of the button using the <code>:setSize()</code> function.</li><li><strong>Background:</strong> Change the background color or image of the button with the <code>:setBackground()</code> function.</li><li><strong>Foreground (Text):</strong> Modify the text color of the button using the <code>:setForeground()</code> function.</li></ul><p>Here's an example of how you can apply these customizations:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> basalt </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">require</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"basalt"</span><span style="color:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> main </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> basalt.</span><span style="color:#79B8FF;">getMainFrame</span><span style="color:#E1E4E8;">()</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> button </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">main</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addButton</span><span style="color:#E1E4E8;">()</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">button</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setPosition</span><span style="color:#E1E4E8;">(</span><span style="color:#79B8FF;">5</span><span style="color:#E1E4E8;">, </span><span style="color:#79B8FF;">3</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set position to (5, 3)</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">button</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setSize</span><span style="color:#E1E4E8;">(</span><span style="color:#79B8FF;">20</span><span style="color:#E1E4E8;">, </span><span style="color:#79B8FF;">3</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set size to width: 20, height: 3</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">button</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setBackground</span><span style="color:#E1E4E8;">(colors.</span><span style="color:#B392F0;">blue</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set background color to blue</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">button</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setForeground</span><span style="color:#E1E4E8;">(colors.</span><span style="color:#B392F0;">white</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set text color to white</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> basalt </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"basalt"</span><span style="color:#24292E;">)</span></span>
|
||||
<span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> main </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> basalt.</span><span style="color:#005CC5;">getMainFrame</span><span style="color:#24292E;">()</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> button </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">main</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addButton</span><span style="color:#24292E;">()</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">button</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setPosition</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">5</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">3</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set position to (5, 3)</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">button</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setSize</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">20</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">3</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set size to width: 20, height: 3</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">button</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setBackground</span><span style="color:#24292E;">(colors.</span><span style="color:#6F42C1;">blue</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set background color to blue</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">button</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setForeground</span><span style="color:#24292E;">(colors.</span><span style="color:#6F42C1;">white</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set text color to white</span></span></code></pre></div><p>With these functions, you can tailor the appearance and behavior of the button to suit your application's design requirements.</p><hr><h3 id="creating-an-input-field" tabindex="-1">Creating an Input Field <a class="header-anchor" href="#creating-an-input-field" aria-label="Permalink to "Creating an Input Field""></a></h3><p>To create an Input field in Basalt, you can use the <code>:addInput()</code> function:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> input </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">main</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addInput</span><span style="color:#E1E4E8;">()</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> input </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">main</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addInput</span><span style="color:#24292E;">()</span></span></code></pre></div><p>Once you have created the Input field, you can customize its appearance and behavior to fit your UI design.</p><p>Here are some common customizations you can apply to the Input field:</p><ul><li><strong>Position:</strong> You can set the position of the button using the <code>:setPosition()</code> function.</li><li><strong>Size:</strong> Adjust the size of the button using the <code>:setSize()</code> function.</li><li><strong>Background:</strong> Change the background color or image of the button with the <code>:setBackground()</code> function.</li><li><strong>Foreground (Text):</strong> Modify the text color of the button using the <code>:setForeground()</code> function.</li><li><strong>PlaceholderText (Text):</strong> Modify the text color of the button using the <code>:setPlaceholderText()</code> function.</li></ul><p>Here's an example of how you can create and customize an Input field:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> input </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">main</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addInput</span><span style="color:#E1E4E8;">()</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setPosition</span><span style="color:#E1E4E8;">(</span><span style="color:#79B8FF;">3</span><span style="color:#E1E4E8;">, </span><span style="color:#79B8FF;">3</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set position to (3, 3)</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setSize</span><span style="color:#E1E4E8;">(</span><span style="color:#79B8FF;">12</span><span style="color:#E1E4E8;">, </span><span style="color:#79B8FF;">1</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set size to width: 12, height: 1</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setBackground</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"black"</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set background color to light gray</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setForeground</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"lightgray"</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set text color to light gray</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setPlaceholder</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Enter text here..."</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set placeholder text</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setValue</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Initial value"</span><span style="color:#E1E4E8;">) </span><span style="color:#6A737D;">-- Set initial value</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> input </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">main</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addInput</span><span style="color:#24292E;">()</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setPosition</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">3</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">3</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set position to (3, 3)</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setSize</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">12</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">1</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set size to width: 12, height: 1</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setBackground</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"black"</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set background color to light gray</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setForeground</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"lightgray"</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set text color to light gray</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setPlaceholder</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Enter text here..."</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set placeholder text</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setValue</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Initial value"</span><span style="color:#24292E;">) </span><span style="color:#6A737D;">-- Set initial value</span></span></code></pre></div><h4 id="retrieving-values-from-input-fields" tabindex="-1">Retrieving Values from Input Fields <a class="header-anchor" href="#retrieving-values-from-input-fields" aria-label="Permalink to "Retrieving Values from Input Fields""></a></h4><p>Once you've created an Input field, you may want to retrieve the value entered by the user. Basalt provides an <code>:onChange(func)</code> event handler for this purpose.</p><p>Here's how you can use the <code>:onChange(func)</code> event handler to retrieve the value from an Input field:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">onChange</span><span style="color:#E1E4E8;">(</span><span style="color:#F97583;">function</span><span style="color:#E1E4E8;">(self, value)</span></span>
|
||||
<span class="line"><span style="color:#E1E4E8;"> basalt.</span><span style="color:#79B8FF;">debug</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Input value changed to: " </span><span style="color:#F97583;">..</span><span style="color:#E1E4E8;"> value)</span></span>
|
||||
<span class="line"><span style="color:#F97583;">end</span><span style="color:#E1E4E8;">)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">onChange</span><span style="color:#24292E;">(</span><span style="color:#D73A49;">function</span><span style="color:#24292E;">(self, value)</span></span>
|
||||
<span class="line"><span style="color:#24292E;"> basalt.</span><span style="color:#005CC5;">debug</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Input value changed to: " </span><span style="color:#D73A49;">..</span><span style="color:#24292E;"> value)</span></span>
|
||||
<span class="line"><span style="color:#D73A49;">end</span><span style="color:#24292E;">)</span></span></code></pre></div><p>In this example, whenever the value in the Input field changes, the provided function is called with the updated value as its argument. You can then perform any necessary actions with the value, such as updating other UI elements or processing data.</p><p>Additionally, if you need to retrieve the current value of the Input field programmatically at any point, you can use the <code>:getValue()</code> method:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> inputValue </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">input</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">getValue</span><span style="color:#E1E4E8;">()</span></span>
|
||||
<span class="line"><span style="color:#E1E4E8;">basalt.</span><span style="color:#79B8FF;">debug</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Current value of Input field: " </span><span style="color:#F97583;">..</span><span style="color:#E1E4E8;"> inputValue)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> inputValue </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">input</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">getValue</span><span style="color:#24292E;">()</span></span>
|
||||
<span class="line"><span style="color:#24292E;">basalt.</span><span style="color:#005CC5;">debug</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Current value of Input field: " </span><span style="color:#D73A49;">..</span><span style="color:#24292E;"> inputValue)</span></span></code></pre></div><p>This method returns the current value of the Input field, allowing you to access it within your Lua code.</p><p>Combining the <code>:onChange(func)</code> event handler with the <code>:getValue()</code> method gives you full control over retrieving and managing the values entered by the user in Input fields.</p><hr><h3 id="creating-a-list" tabindex="-1">Creating a List <a class="header-anchor" href="#creating-a-list" aria-label="Permalink to "Creating a List""></a></h3><p>To create a List in Basalt, you can use the <code>:addList()</code> method:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> list </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#B392F0;">main</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addList</span><span style="color:#E1E4E8;">()</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> list </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">main</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addList</span><span style="color:#24292E;">()</span></span></code></pre></div><p>Once you've created the List, you can populate it with items dynamically or statically to suit your application's requirements.</p><p>Here's an example of how you can add items to the List:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#B392F0;">list</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addItem</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Item 1"</span><span style="color:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">list</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addItem</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Item 2"</span><span style="color:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="color:#B392F0;">list</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">addItem</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Item 3"</span><span style="color:#E1E4E8;">)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">list</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addItem</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Item 1"</span><span style="color:#24292E;">)</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">list</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addItem</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Item 2"</span><span style="color:#24292E;">)</span></span>
|
||||
<span class="line"><span style="color:#6F42C1;">list</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">addItem</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Item 3"</span><span style="color:#24292E;">)</span></span></code></pre></div><p>This code snippet adds three items to the List with the labels "Item 1", "Item 2", and "Item 3". You can customize the appearance and behavior of the List items as needed.</p><h4 id="handling-list-selection-changes" tabindex="-1">Handling List Selection Changes <a class="header-anchor" href="#handling-list-selection-changes" aria-label="Permalink to "Handling List Selection Changes""></a></h4><p>Basalt provides an <code>:onChange(func)</code> event handler for List elements to handle selection changes. This event is triggered whenever the user selects a different item in the List.</p><p>Here's how you can use the <code>:onChange(func)</code> event handler to respond to List selection changes:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#B392F0;">list</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">onChange</span><span style="color:#E1E4E8;">(</span><span style="color:#F97583;">function</span><span style="color:#E1E4E8;">(self, selectedItem)</span></span>
|
||||
<span class="line"><span style="color:#E1E4E8;"> basalt.</span><span style="color:#79B8FF;">debug</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">"Selected item changed to: " </span><span style="color:#F97583;">..</span><span style="color:#E1E4E8;"> selectedItem)</span></span>
|
||||
<span class="line"><span style="color:#F97583;">end</span><span style="color:#E1E4E8;">)</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#6F42C1;">list</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">onChange</span><span style="color:#24292E;">(</span><span style="color:#D73A49;">function</span><span style="color:#24292E;">(self, selectedItem)</span></span>
|
||||
<span class="line"><span style="color:#24292E;"> basalt.</span><span style="color:#005CC5;">debug</span><span style="color:#24292E;">(</span><span style="color:#032F62;">"Selected item changed to: " </span><span style="color:#D73A49;">..</span><span style="color:#24292E;"> selectedItem)</span></span>
|
||||
<span class="line"><span style="color:#D73A49;">end</span><span style="color:#24292E;">)</span></span></code></pre></div><p>In this example, whenever the user selects a different item in the List, the provided function is called with the label of the newly selected item as its argument.</p>`,55),t=[e];function p(c,r,i,y,u,d){return a(),n("div",null,t)}const g=s(l,[["render",p]]);export{h as __pageData,g as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as s,o as a,c as n,Q as o}from"./chunks/framework.4313453f.js";const h=JSON.parse('{"title":"Getting Started","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/getting-started.md","filePath":"guides/getting-started.md","lastUpdated":null}'),l={name:"guides/getting-started.md"},e=o("",55),t=[e];function p(c,r,i,y,u,d){return a(),n("div",null,t)}const g=s(l,[["render",p]]);export{h as __pageData,g as default};
|
||||
@@ -1,28 +0,0 @@
|
||||
import{_ as s,c as i,o as a,a4 as t}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse('{"title":"Getting Started","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/getting-started.md","filePath":"guides/getting-started.md","lastUpdated":null}'),e={name:"guides/getting-started.md"},n=t(`<h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to "Getting Started""></a></h1><p>Here we will talk about basic stuff, we'll start with how to install basalt and then we will make a simple UI. We'll then continue by creating a Button, followed by an Input field, and then a List. Additionally, we'll cover how to retrieve values from these UI elements.</p><h2 id="how-to-install" tabindex="-1">How to Install <a class="header-anchor" href="#how-to-install" aria-label="Permalink to "How to Install""></a></h2><p>To download the UI Framework, use the following command:</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span>wget run https://basalt.madefor.cc/install.lua</span></span></code></pre></div><p>Input the command into your shell, and after execution, you should see a file named <code>basalt.lua</code> in your directory. This file serves as the main entry point to the framework.</p><h2 id="setting-up-basalt" tabindex="-1">Setting up Basalt <a class="header-anchor" href="#setting-up-basalt" aria-label="Permalink to "Setting up Basalt""></a></h2><p>The next step is to include and initialize the Basalt framework in your project.</p><p>Here's the code to load basalt into your project.</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> require</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"basalt"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><p>Merely loading Basalt is insufficient. It's essential to initiate the event and draw handlers. To facilitate this, Basalt offers the <code>basalt.autoUpdate()</code> function.</p><p>Here is a example:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> require</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"basalt"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- your UI code is here</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">basalt.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">autoUpdate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span></code></pre></div><h2 id="creating-a-simple-ui-with-basalt" tabindex="-1">Creating a Simple UI with Basalt <a class="header-anchor" href="#creating-a-simple-ui-with-basalt" aria-label="Permalink to "Creating a Simple UI with Basalt""></a></h2><p>Now that you have Basalt installed, let's dive into creating a basic user interface (UI).</p><h3 id="creating-a-button" tabindex="-1">Creating a Button <a class="header-anchor" href="#creating-a-button" aria-label="Permalink to "Creating a Button""></a></h3><p>To create a Button in Basalt, you can use the <code>:addButton()</code> function. The :addButton() function only works on frames:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> require</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"basalt"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> main </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">getMainFrame</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> button </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span></code></pre></div><p>This code snippet creates a Button and adds it to the main frame of your UI. You can customize the appearance and behavior of the button as needed.</p><p>Here are some common customizations you can apply:</p><ul><li><strong>Position:</strong> You can set the position of the button using the <code>:setPosition()</code> function.</li><li><strong>Size:</strong> Adjust the size of the button using the <code>:setSize()</code> function.</li><li><strong>Background:</strong> Change the background color or image of the button with the <code>:setBackground()</code> function.</li><li><strong>Foreground (Text):</strong> Modify the text color of the button using the <code>:setForeground()</code> function.</li></ul><p>Here's an example of how you can apply these customizations:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> require</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"basalt"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> main </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">getMainFrame</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> button </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setPosition</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set position to (5, 3)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set size to width: 20, height: 3</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setBackground</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(colors.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">blue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set background color to blue</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setForeground</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(colors.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">white</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set text color to white</span></span></code></pre></div><p>With these functions, you can tailor the appearance and behavior of the button to suit your application's design requirements.</p><hr><h3 id="creating-an-input-field" tabindex="-1">Creating an Input Field <a class="header-anchor" href="#creating-an-input-field" aria-label="Permalink to "Creating an Input Field""></a></h3><p>To create an Input field in Basalt, you can use the <code>:addInput()</code> function:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> input </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addInput</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span></code></pre></div><p>Once you have created the Input field, you can customize its appearance and behavior to fit your UI design.</p><p>Here are some common customizations you can apply to the Input field:</p><ul><li><strong>Position:</strong> You can set the position of the button using the <code>:setPosition()</code> function.</li><li><strong>Size:</strong> Adjust the size of the button using the <code>:setSize()</code> function.</li><li><strong>Background:</strong> Change the background color or image of the button with the <code>:setBackground()</code> function.</li><li><strong>Foreground (Text):</strong> Modify the text color of the button using the <code>:setForeground()</code> function.</li><li><strong>PlaceholderText (Text):</strong> Modify the text color of the button using the <code>:setPlaceholderText()</code> function.</li></ul><p>Here's an example of how you can create and customize an Input field:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> input </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addInput</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setPosition</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set position to (3, 3)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set size to width: 12, height: 1</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setBackground</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"black"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set background color to light gray</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setForeground</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"lightgray"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set text color to light gray</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setPlaceholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Enter text here..."</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set placeholder text</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">setValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Initial value"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">-- Set initial value</span></span></code></pre></div><h4 id="retrieving-values-from-input-fields" tabindex="-1">Retrieving Values from Input Fields <a class="header-anchor" href="#retrieving-values-from-input-fields" aria-label="Permalink to "Retrieving Values from Input Fields""></a></h4><p>Once you've created an Input field, you may want to retrieve the value entered by the user. Basalt provides an <code>:onChange(func)</code> event handler for this purpose.</p><p>Here's how you can use the <code>:onChange(func)</code> event handler to retrieve the value from an Input field:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">onChange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(self, value)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">debug</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Input value changed to: " </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">..</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> value)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">end</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><p>In this example, whenever the value in the Input field changes, the provided function is called with the updated value as its argument. You can then perform any necessary actions with the value, such as updating other UI elements or processing data.</p><p>Additionally, if you need to retrieve the current value of the Input field programmatically at any point, you can use the <code>:getValue()</code> method:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> inputValue </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">getValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
|
||||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">basalt.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">debug</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Current value of Input field: " </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">..</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> inputValue)</span></span></code></pre></div><p>This method returns the current value of the Input field, allowing you to access it within your Lua code.</p><p>Combining the <code>:onChange(func)</code> event handler with the <code>:getValue()</code> method gives you full control over retrieving and managing the values entered by the user in Input fields.</p><hr><h3 id="creating-a-list" tabindex="-1">Creating a List <a class="header-anchor" href="#creating-a-list" aria-label="Permalink to "Creating a List""></a></h3><p>To create a List in Basalt, you can use the <code>:addList()</code> method:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addList</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span></code></pre></div><p>Once you've created the List, you can populate it with items dynamically or statically to suit your application's requirements.</p><p>Here's an example of how you can add items to the List:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">list</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Item 1"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">list</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Item 2"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">list</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">addItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Item 3"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><p>This code snippet adds three items to the List with the labels "Item 1", "Item 2", and "Item 3". You can customize the appearance and behavior of the List items as needed.</p><h4 id="handling-list-selection-changes" tabindex="-1">Handling List Selection Changes <a class="header-anchor" href="#handling-list-selection-changes" aria-label="Permalink to "Handling List Selection Changes""></a></h4><p>Basalt provides an <code>:onChange(func)</code> event handler for List elements to handle selection changes. This event is triggered whenever the user selects a different item in the List.</p><p>Here's how you can use the <code>:onChange(func)</code> event handler to respond to List selection changes:</p><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki shiki-themes github-light github-dark vp-code"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">list</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">onChange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(self, selectedItem)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> basalt.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">debug</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Selected item changed to: " </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">..</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> selectedItem)</span></span>
|
||||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">end</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><p>In this example, whenever the user selects a different item in the List, the provided function is called with the label of the newly selected item as its argument.</p>`,55),h=[n];function l(p,k,o,d,r,g){return a(),i("div",null,h)}const c=s(e,[["render",l]]);export{u as __pageData,c as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as s,c as i,o as a,a4 as t}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse('{"title":"Getting Started","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/getting-started.md","filePath":"guides/getting-started.md","lastUpdated":null}'),e={name:"guides/getting-started.md"},n=t("",55),h=[n];function l(p,k,o,d,r,g){return a(),i("div",null,h)}const c=s(e,[["render",l]]);export{u as __pageData,c as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,o as a,c as t,Q as s}from"./chunks/framework.4313453f.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"guides/home.md","filePath":"guides/home.md","lastUpdated":null}'),o={name:"guides/home.md"},i=s('<h1 id="welcome-to-the-basalt-wiki" tabindex="-1">Welcome to The Basalt Wiki <a class="header-anchor" href="#welcome-to-the-basalt-wiki" aria-label="Permalink to "Welcome to The Basalt Wiki""></a></h1><p><em>Note: The Basalt Wiki is a work in progress. Please treat wiki errors the same as bugs and report them accordingly.</em></p><p>Basalt is a user-friendly UI framework for CC:Tweaked (also known as "ComputerCraft: Tweaked") - a popular Minecraft mod. It was developed to enhance user interaction through visual displays. In this wiki, you'll find information on how to use Basalt as well as examples of functional Basalt code.</p><p>This Website is made with the help of ChatGPT.</p><h2 id="about-basalt" tabindex="-1">About Basalt <a class="header-anchor" href="#about-basalt" aria-label="Permalink to "About Basalt""></a></h2><p>Basalt is an easy-to-understand UI framework designed to improve user interaction with CC:Tweaked. Some of its key features include:</p><ul><li>A set of pre-built UI components for creating interfaces quickly and easily.</li><li>A flexible layout system that allows users to create custom designs.</li><li>A powerful event handling system for managing user input and interaction.</li><li>Support for multiple screen resolutions and aspect ratios.</li><li>Extensive documentation and examples to help users get started quickly.</li></ul><h2 id="quick-demo" tabindex="-1">Quick Demo <a class="header-anchor" href="#quick-demo" aria-label="Permalink to "Quick Demo""></a></h2><p><img src="https://raw.githubusercontent.com/Pyroxenium/Basalt/master/docs/_media/basaltPreview2.gif" alt="Basalt Demo GIF"></p><h2 id="questions-bugs" tabindex="-1">Questions & Bugs <a class="header-anchor" href="#questions-bugs" aria-label="Permalink to "Questions & Bugs""></a></h2><p>Bugs can be reported here: <a href="https://github.com/Pyroxenium/Basalt/issues" target="_blank" rel="noreferrer">Github</a> or in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p><p>If you have questions about Basalt or how to make use of it, feel free to create a new discussion on <a href="https://github.com/Pyroxenium/Basalt/discussions" target="_blank" rel="noreferrer">Basalt's Discussion Board (Github)</a>, or ask in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p>',12),r=[i];function l(n,u,d,c,h,m){return a(),t("div",null,r)}const b=e(o,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,o as a,c as t,Q as s}from"./chunks/framework.4313453f.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"guides/home.md","filePath":"guides/home.md","lastUpdated":null}'),o={name:"guides/home.md"},i=s("",12),r=[i];function l(n,u,d,c,h,m){return a(),t("div",null,r)}const b=e(o,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,c as a,o as t,a4 as s}from"./chunks/framework.nQaBHiNx.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"guides/home.md","filePath":"guides/home.md","lastUpdated":null}'),o={name:"guides/home.md"},i=s('<h1 id="welcome-to-the-basalt-wiki" tabindex="-1">Welcome to The Basalt Wiki <a class="header-anchor" href="#welcome-to-the-basalt-wiki" aria-label="Permalink to "Welcome to The Basalt Wiki""></a></h1><p><em>Note: The Basalt Wiki is a work in progress. Please treat wiki errors the same as bugs and report them accordingly.</em></p><p>Basalt is a user-friendly UI framework for CC:Tweaked (also known as "ComputerCraft: Tweaked") - a popular Minecraft mod. It was developed to enhance user interaction through visual displays. In this wiki, you'll find information on how to use Basalt as well as examples of functional Basalt code.</p><p>This Website is made with the help of ChatGPT.</p><h2 id="about-basalt" tabindex="-1">About Basalt <a class="header-anchor" href="#about-basalt" aria-label="Permalink to "About Basalt""></a></h2><p>Basalt is an easy-to-understand UI framework designed to improve user interaction with CC:Tweaked. Some of its key features include:</p><ul><li>A set of pre-built UI components for creating interfaces quickly and easily.</li><li>A flexible layout system that allows users to create custom designs.</li><li>A powerful event handling system for managing user input and interaction.</li><li>Support for multiple screen resolutions and aspect ratios.</li><li>Extensive documentation and examples to help users get started quickly.</li></ul><h2 id="quick-demo" tabindex="-1">Quick Demo <a class="header-anchor" href="#quick-demo" aria-label="Permalink to "Quick Demo""></a></h2><p><img src="https://raw.githubusercontent.com/Pyroxenium/Basalt/master/docs/_media/basaltPreview2.gif" alt="Basalt Demo GIF"></p><h2 id="questions-bugs" tabindex="-1">Questions & Bugs <a class="header-anchor" href="#questions-bugs" aria-label="Permalink to "Questions & Bugs""></a></h2><p>Bugs can be reported here: <a href="https://github.com/Pyroxenium/Basalt/issues" target="_blank" rel="noreferrer">Github</a> or in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p><p>If you have questions about Basalt or how to make use of it, feel free to create a new discussion on <a href="https://github.com/Pyroxenium/Basalt/discussions" target="_blank" rel="noreferrer">Basalt's Discussion Board (Github)</a>, or ask in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p>',12),r=[i];function l(n,u,d,c,h,m){return t(),a("div",null,r)}const b=e(o,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,c as a,o as t,a4 as s}from"./chunks/framework.nQaBHiNx.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"guides/home.md","filePath":"guides/home.md","lastUpdated":null}'),o={name:"guides/home.md"},i=s("",12),r=[i];function l(n,u,d,c,h,m){return t(),a("div",null,r)}const b=e(o,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,o as r,c as s,k as e,a}from"./chunks/framework.4313453f.js";const y=JSON.parse('{"title":"Propertysystem","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/properties.md","filePath":"guides/properties.md","lastUpdated":null}'),o={name:"guides/properties.md"},p=e("h1",{id:"propertysystem",tabindex:"-1"},[a("Propertysystem "),e("a",{class:"header-anchor",href:"#propertysystem","aria-label":'Permalink to "Propertysystem"'},"")],-1),i=[p];function d(n,c,l,m,_,h){return r(),s("div",null,i)}const f=t(o,[["render",d]]);export{y as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,o as r,c as s,k as e,a}from"./chunks/framework.4313453f.js";const y=JSON.parse('{"title":"Propertysystem","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/properties.md","filePath":"guides/properties.md","lastUpdated":null}'),o={name:"guides/properties.md"},p=e("h1",{id:"propertysystem",tabindex:"-1"},[a("Propertysystem "),e("a",{class:"header-anchor",href:"#propertysystem","aria-label":'Permalink to "Propertysystem"'},"")],-1),i=[p];function d(n,c,l,m,_,h){return r(),s("div",null,i)}const f=t(o,[["render",d]]);export{y as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as r,o as s,m as e,a}from"./chunks/framework.nQaBHiNx.js";const y=JSON.parse('{"title":"Propertysystem","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/properties.md","filePath":"guides/properties.md","lastUpdated":null}'),o={name:"guides/properties.md"},p=e("h1",{id:"propertysystem",tabindex:"-1"},[a("Propertysystem "),e("a",{class:"header-anchor",href:"#propertysystem","aria-label":'Permalink to "Propertysystem"'},"")],-1),i=[p];function d(n,c,l,m,_,h){return s(),r("div",null,i)}const f=t(o,[["render",d]]);export{y as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as r,o as s,m as e,a}from"./chunks/framework.nQaBHiNx.js";const y=JSON.parse('{"title":"Propertysystem","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guides/properties.md","filePath":"guides/properties.md","lastUpdated":null}'),o={name:"guides/properties.md"},p=e("h1",{id:"propertysystem",tabindex:"-1"},[a("Propertysystem "),e("a",{class:"header-anchor",href:"#propertysystem","aria-label":'Permalink to "Propertysystem"'},"")],-1),i=[p];function d(n,c,l,m,_,h){return s(),r("div",null,i)}const f=t(o,[["render",d]]);export{y as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,c as a,o as t,a4 as o}from"./chunks/framework.nQaBHiNx.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"home.md","filePath":"home.md","lastUpdated":null}'),s={name:"home.md"},r=o('<h1 id="welcome-to-the-basalt-wiki" tabindex="-1">Welcome to The Basalt Wiki <a class="header-anchor" href="#welcome-to-the-basalt-wiki" aria-label="Permalink to "Welcome to The Basalt Wiki""></a></h1><p><em>Note: The Basalt Wiki is a work in progress. Please treat wiki errors the same as bugs and report them accordingly.</em></p><p>Basalt is a user-friendly UI framework for CC:Tweaked (also known as "ComputerCraft: Tweaked") - a popular Minecraft mod. It was developed to enhance user interaction through visual displays. In this wiki, you'll find information on how to use Basalt as well as examples of functional Basalt code.</p><p>This Website is made with the help of ChatGPT.</p><h2 id="about-basalt" tabindex="-1">About Basalt <a class="header-anchor" href="#about-basalt" aria-label="Permalink to "About Basalt""></a></h2><p>Basalt is an easy-to-understand UI framework designed to improve user interaction with CC:Tweaked. Some of its key features include:</p><ul><li>A set of pre-built UI components for creating interfaces quickly and easily.</li><li>A flexible layout system that allows users to create custom designs.</li><li>A powerful event handling system for managing user input and interaction.</li><li>Support for multiple screen resolutions and aspect ratios.</li><li>Extensive documentation and examples to help users get started quickly.</li></ul><h2 id="quick-demo" tabindex="-1">Quick Demo <a class="header-anchor" href="#quick-demo" aria-label="Permalink to "Quick Demo""></a></h2><p><img src="https://raw.githubusercontent.com/Pyroxenium/Basalt/master/docs/_media/basaltPreview2.gif" alt="Basalt Demo GIF"></p><h2 id="questions-bugs" tabindex="-1">Questions & Bugs <a class="header-anchor" href="#questions-bugs" aria-label="Permalink to "Questions & Bugs""></a></h2><p>Bugs can be reported here: <a href="https://github.com/Pyroxenium/Basalt/issues" target="_blank" rel="noreferrer">Github</a> or in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p><p>If you have questions about Basalt or how to make use of it, feel free to create a new discussion on <a href="https://github.com/Pyroxenium/Basalt/discussions" target="_blank" rel="noreferrer">Basalt's Discussion Board (Github)</a>, or ask in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p>',12),i=[r];function l(n,u,c,d,h,m){return t(),a("div",null,i)}const b=e(s,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,c as a,o as t,a4 as o}from"./chunks/framework.nQaBHiNx.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"home.md","filePath":"home.md","lastUpdated":null}'),s={name:"home.md"},r=o("",12),i=[r];function l(n,u,c,d,h,m){return t(),a("div",null,i)}const b=e(s,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,o as a,c as t,Q as o}from"./chunks/framework.4313453f.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"home.md","filePath":"home.md","lastUpdated":null}'),s={name:"home.md"},r=o('<h1 id="welcome-to-the-basalt-wiki" tabindex="-1">Welcome to The Basalt Wiki <a class="header-anchor" href="#welcome-to-the-basalt-wiki" aria-label="Permalink to "Welcome to The Basalt Wiki""></a></h1><p><em>Note: The Basalt Wiki is a work in progress. Please treat wiki errors the same as bugs and report them accordingly.</em></p><p>Basalt is a user-friendly UI framework for CC:Tweaked (also known as "ComputerCraft: Tweaked") - a popular Minecraft mod. It was developed to enhance user interaction through visual displays. In this wiki, you'll find information on how to use Basalt as well as examples of functional Basalt code.</p><p>This Website is made with the help of ChatGPT.</p><h2 id="about-basalt" tabindex="-1">About Basalt <a class="header-anchor" href="#about-basalt" aria-label="Permalink to "About Basalt""></a></h2><p>Basalt is an easy-to-understand UI framework designed to improve user interaction with CC:Tweaked. Some of its key features include:</p><ul><li>A set of pre-built UI components for creating interfaces quickly and easily.</li><li>A flexible layout system that allows users to create custom designs.</li><li>A powerful event handling system for managing user input and interaction.</li><li>Support for multiple screen resolutions and aspect ratios.</li><li>Extensive documentation and examples to help users get started quickly.</li></ul><h2 id="quick-demo" tabindex="-1">Quick Demo <a class="header-anchor" href="#quick-demo" aria-label="Permalink to "Quick Demo""></a></h2><p><img src="https://raw.githubusercontent.com/Pyroxenium/Basalt/master/docs/_media/basaltPreview2.gif" alt="Basalt Demo GIF"></p><h2 id="questions-bugs" tabindex="-1">Questions & Bugs <a class="header-anchor" href="#questions-bugs" aria-label="Permalink to "Questions & Bugs""></a></h2><p>Bugs can be reported here: <a href="https://github.com/Pyroxenium/Basalt/issues" target="_blank" rel="noreferrer">Github</a> or in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p><p>If you have questions about Basalt or how to make use of it, feel free to create a new discussion on <a href="https://github.com/Pyroxenium/Basalt/discussions" target="_blank" rel="noreferrer">Basalt's Discussion Board (Github)</a>, or ask in our <a href="https://discord.gg/yNNnmBVBpE" target="_blank" rel="noreferrer">discord</a>.</p>',12),i=[r];function l(n,u,c,d,h,m){return a(),t("div",null,i)}const b=e(s,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,o as a,c as t,Q as o}from"./chunks/framework.4313453f.js";const f=JSON.parse('{"title":"Welcome to The Basalt Wiki","description":"","frontmatter":{},"headers":[],"relativePath":"home.md","filePath":"home.md","lastUpdated":null}'),s={name:"home.md"},r=o("",12),i=[r];function l(n,u,c,d,h,m){return a(),t("div",null,i)}const b=e(s,[["render",l]]);export{f as __pageData,b as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,c as t,o as a}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Basalt","text":"Official Documentation","tagline":"A CC:Tweaked UI Framework","actions":[{"theme":"brand","text":"Home","link":"/guides/"},{"theme":"alt","text":"Guides","link":"guides/getting-started"},{"theme":"alt","text":"References","link":"/references/main"},{"theme":"alt","text":"Github","link":"https://github.com/Pyroxenium/Basalt/tree/basalt2"}]},"features":[{"title":"User friendly","details":"Basalt's intuitive interface makes UI design a breeze, even for beginners. Experience seamless integration without the steep learning curve."},{"title":"High Performance","details":"Designed with efficiency in mind, Basalt ensures smooth and responsive interfaces, even for the most complex applications."},{"title":"Modular Design","details":"With a rich set of objects and modules, Basalt allows you to craft custom experiences, scaling up or down based on your needs."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":null}`),i={name:"index.md"};function n(s,r,o,l,c,d){return a(),t("div")}const f=e(i,[["render",n]]);export{u as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,c as t,o as a}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Basalt","text":"Official Documentation","tagline":"A CC:Tweaked UI Framework","actions":[{"theme":"brand","text":"Home","link":"/guides/"},{"theme":"alt","text":"Guides","link":"guides/getting-started"},{"theme":"alt","text":"References","link":"/references/main"},{"theme":"alt","text":"Github","link":"https://github.com/Pyroxenium/Basalt/tree/basalt2"}]},"features":[{"title":"User friendly","details":"Basalt's intuitive interface makes UI design a breeze, even for beginners. Experience seamless integration without the steep learning curve."},{"title":"High Performance","details":"Designed with efficiency in mind, Basalt ensures smooth and responsive interfaces, even for the most complex applications."},{"title":"Modular Design","details":"With a rich set of objects and modules, Basalt allows you to craft custom experiences, scaling up or down based on your needs."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":null}`),i={name:"index.md"};function n(s,r,o,l,c,d){return a(),t("div")}const f=e(i,[["render",n]]);export{u as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,o as t,c as a}from"./chunks/framework.4313453f.js";const u=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Basalt","text":"Official Documentation","tagline":"A CC:Tweaked UI Framework","actions":[{"theme":"brand","text":"Home","link":"/guides/"},{"theme":"alt","text":"Guides","link":"guides/getting-started"},{"theme":"alt","text":"References","link":"/references/main"},{"theme":"alt","text":"Github","link":"https://github.com/Pyroxenium/Basalt/tree/basalt2"}]},"features":[{"title":"User friendly","details":"Basalt's intuitive interface makes UI design a breeze, even for beginners. Experience seamless integration without the steep learning curve."},{"title":"High Performance","details":"Designed with efficiency in mind, Basalt ensures smooth and responsive interfaces, even for the most complex applications."},{"title":"Modular Design","details":"With a rich set of objects and modules, Basalt allows you to craft custom experiences, scaling up or down based on your needs."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":null}`),i={name:"index.md"};function n(s,r,o,l,c,d){return t(),a("div")}const f=e(i,[["render",n]]);export{u as __pageData,f as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as e,o as t,c as a}from"./chunks/framework.4313453f.js";const u=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Basalt","text":"Official Documentation","tagline":"A CC:Tweaked UI Framework","actions":[{"theme":"brand","text":"Home","link":"/guides/"},{"theme":"alt","text":"Guides","link":"guides/getting-started"},{"theme":"alt","text":"References","link":"/references/main"},{"theme":"alt","text":"Github","link":"https://github.com/Pyroxenium/Basalt/tree/basalt2"}]},"features":[{"title":"User friendly","details":"Basalt's intuitive interface makes UI design a breeze, even for beginners. Experience seamless integration without the steep learning curve."},{"title":"High Performance","details":"Designed with efficiency in mind, Basalt ensures smooth and responsive interfaces, even for the most complex applications."},{"title":"Modular Design","details":"With a rich set of objects and modules, Basalt allows you to craft custom experiences, scaling up or down based on your needs."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":null}`),i={name:"index.md"};function n(s,r,o,l,c,d){return t(),a("div")}const f=e(i,[["render",n]]);export{u as __pageData,f as default};
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1 +0,0 @@
|
||||
import{_ as t,o as a,c as o,k as e,a as s}from"./chunks/framework.4313453f.js";const u=JSON.parse('{"title":"Pinestore","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"pinestore.md","filePath":"pinestore.md","lastUpdated":null}'),r={name:"pinestore.md"},n=e("h1",{id:"pinestore",tabindex:"-1"},[s("Pinestore "),e("a",{class:"header-anchor",href:"#pinestore","aria-label":'Permalink to "Pinestore"'},"")],-1),i=[n];function c(d,p,l,_,h,m){return a(),o("div",null,i)}const P=t(r,[["render",c]]);export{u as __pageData,P as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,o as a,c as o,k as e,a as s}from"./chunks/framework.4313453f.js";const u=JSON.parse('{"title":"Pinestore","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"pinestore.md","filePath":"pinestore.md","lastUpdated":null}'),r={name:"pinestore.md"},n=e("h1",{id:"pinestore",tabindex:"-1"},[s("Pinestore "),e("a",{class:"header-anchor",href:"#pinestore","aria-label":'Permalink to "Pinestore"'},"")],-1),i=[n];function c(d,p,l,_,h,m){return a(),o("div",null,i)}const P=t(r,[["render",c]]);export{u as __pageData,P as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as a,o,m as e,a as s}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse('{"title":"Pinestore","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"pinestore.md","filePath":"pinestore.md","lastUpdated":null}'),r={name:"pinestore.md"},n=e("h1",{id:"pinestore",tabindex:"-1"},[s("Pinestore "),e("a",{class:"header-anchor",href:"#pinestore","aria-label":'Permalink to "Pinestore"'},"")],-1),i=[n];function c(d,p,l,_,m,h){return o(),a("div",null,i)}const P=t(r,[["render",c]]);export{u as __pageData,P as default};
|
||||
@@ -1 +0,0 @@
|
||||
import{_ as t,c as a,o,m as e,a as s}from"./chunks/framework.nQaBHiNx.js";const u=JSON.parse('{"title":"Pinestore","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"pinestore.md","filePath":"pinestore.md","lastUpdated":null}'),r={name:"pinestore.md"},n=e("h1",{id:"pinestore",tabindex:"-1"},[s("Pinestore "),e("a",{class:"header-anchor",href:"#pinestore","aria-label":'Permalink to "Pinestore"'},"")],-1),i=[n];function c(d,p,l,_,m,h){return o(),a("div",null,i)}const P=t(r,[["render",c]]);export{u as __pageData,P as default};
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user