ACTCD
Test Bug report
Is there an existing issue for this?
- [X] I have searched the existing issues
Are you sure this is NOT an issue about external scripts not working?
- [X] I am sure it is NOT a user script issue
Current Behavior
No response
Expected Behavior
No response
Steps To Reproduce
No response
OS (Device)
- [X] macOS (Mac)
- [ ] iOS (iPhone)
- [ ] iPadOS (iPad)
Environment
- OS/Safari version: macOS 13.0.1 (22A400), Safari 16.1 (18614.2.9.1.12)
- Userscripts version: 4.3.3 (65)
Relevant log output
warn: xxxxxxxxxxxxxx
error: xxxxxxxxxxxxxx
Anything else?
No response
$app.theme = "auto";
// Prepare data
const data = [
{
name: "Activity Indicators",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Default",
rows: ["Gray Color"]
},
{
title: "Tinted",
rows: ["Red Color"]
}
]
},
layout: $layout.fill,
events: {
didSelect(sender, indexPath) {
sender.cell(indexPath).startLoading(
indexPath.section > 0
? {
color: $color("#FF0000")
}
: {}
);
}
}
}
]
}
},
{
name: "Alert Controller",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Alert",
rows: ["Default"]
},
{
title: "Action Sheet",
rows: ["Default"]
}
]
},
layout: $layout.fill,
events: {
didSelect(sender, {section}) {
const message = {
title: "Title",
message: "Message",
actions: [
{
title: "OK",
handler() {
$ui.toast("OK");
}
},
{
title: "Cancel",
style: "Cancel"
}
]
};
if (section == 0) {
$ui.alert(message);
} else {
$ui.action(message);
}
}
}
}
]
}
},
{
name: "Buttons",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "System (Text)",
rows: [
{
type: "button",
props: {
title: "Button"
},
layout({center, width}, view) {
center.equalTo(view.super);
width.equalTo(64);
},
events: {
tapped(sender) {
$ui.toast("Tapped");
}
}
}
]
},
{
title: "System (Contact Add)",
rows: [
{
type: "button",
props: {
type: 5
},
layout: $layout.center
}
]
},
{
title: "System (Detail Disclosure)",
rows: [
{
type: "button",
props: {
type: 2
},
layout: $layout.center
}
]
},
{
title: "Image",
rows: [
{
type: "button",
props: {
src: "https://pic4.zhimg.com/9aa13b897_is.jpg"
},
layout: $layout.center
}
]
}
]
},
layout: $layout.fill
}
]
}
},
{
name: "Date Picker",
page: {
views: [
{
type: "date-picker",
layout({left}) {
left.top.right.equalTo(0);
},
events: {
changed({date}) {
$("date-label").text = date;
}
}
},
{
type: "label",
props: {
id: "date-label",
align: $align.center,
text: new Date().toString()
},
layout({centerX, bottom}, view) {
centerX.equalTo(view.super);
bottom.inset(10);
}
}
]
}
},
{
name: "Image View",
page: {
views: [
{
type: "image",
props: {
src:
"https://images.apple.com/v/ios/what-is/b/images/performance_large.jpg"
},
layout({left, centerY, height}, view) {
left.right.equalTo(0);
centerY.equalTo(view.super);
height.equalTo(320);
}
}
]
}
},
{
name: "Video View",
page: {
views: [
{
type: "video",
props: {
src:
"https://images.apple.com/media/cn/ipad-pro/2017/43c41767_0723_4506_889f_0180acc13482/films/feature/ipad-pro-feature-cn-20170605_1280x720h.mp4"
},
layout({left, centerY, height}, view) {
left.right.equalTo(0);
centerY.equalTo(view.super);
height.equalTo(256);
}
}
]
}
},
{
name: "Page Control",
page: {
views: [
{
type: "gallery",
props: {
items: [
{
type: "image",
props: {
src:
"https://images.apple.com/v/iphone/home/v/images/home/limited_edition/iphone_7_product_red_large_2x.jpg"
}
},
{
type: "image",
props: {
src:
"https://images.apple.com/v/iphone/home/v/images/home/airpods_large_2x.jpg"
}
},
{
type: "image",
props: {
src:
"https://images.apple.com/v/iphone/home/v/images/home/apple_pay_large_2x.jpg"
}
}
],
interval: 3,
radius: 5.0
},
layout({left, centerY, height}, view) {
left.right.inset(10);
centerY.equalTo(view.super);
height.equalTo(320);
}
}
]
}
},
{
name: "Picker View",
page: {
views: [
{
type: "picker",
props: {
id: "picker",
items: (() => {
function fill() {
const array = [];
for (let i = 0; i < 256; ++i) {
array.push(i);
}
return array;
}
return [fill(), fill(), fill()];
})()
},
layout({left}) {
left.top.right.equalTo(0);
},
events: {
changed(sender) {
const data = sender.data;
const color = $rgb(
parseInt(data[0]),
parseInt(data[1]),
parseInt(data[2])
);
$("color-board")
.animator.makeBackground(color)
.easeIn.animate(0.5);
}
}
},
{
type: "view",
props: {
id: "color-board",
bgcolor: $rgb(0, 0, 0),
radius: 5
},
layout({top, left}) {
top.equalTo($("picker").bottom);
left.bottom.right.inset(10);
}
}
]
}
},
{
name: "Progress Views",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Default",
rows: [
{
type: "progress",
props: {
value: 0.5
},
layout({centerY, left}, view) {
centerY.equalTo(view.super);
left.right.inset(20);
}
}
]
},
{
title: "Tinted",
rows: [
{
type: "progress",
props: {
value: 0.6,
trackColor: $color("#00EEEE"),
progressColor: $color("#EE00EE")
},
layout({centerY, left}, view) {
centerY.equalTo(view.super);
left.right.inset(20);
}
}
]
}
]
},
layout: $layout.fill
}
]
}
},
{
name: "Segmented Controls",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Default",
rows: [
{
type: "tab",
props: {
items: ["Check", "Search", "Tools"]
},
layout: $layout.center,
events: {
ready(sender) {
sender.disable(2);
}
}
}
]
},
{
title: "Tinted",
rows: [
{
type: "tab",
props: {
items: ["Check", "Search", "Tools"],
tintColor: $color("#00EEEE")
},
layout: $layout.center
}
]
}
]
},
layout: $layout.fill
}
]
}
},
{
name: "Sliders",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Default",
rows: [
{
type: "slider",
props: {
value: 0.5
},
layout({center, left}, view) {
center.equalTo(view.super);
left.right.inset(10);
}
}
]
},
{
title: "Colored",
rows: [
{
type: "slider",
props: {
value: 0.5,
minColor: $color("#00EEEE"),
maxColor: $color("#EE00EE"),
thumbColor: $color("#EEEE00")
},
layout({center, left}, view) {
center.equalTo(view.super);
left.right.inset(10);
}
}
]
}
]
},
layout: $layout.fill
}
]
}
},
{
name: "Stepper",
page: {
views: [
{
type: "stepper",
props: {
max: 10,
min: 1,
value: 5
},
layout({centerX, top}, view) {
centerX.equalTo(view.super);
top.equalTo(24);
},
events: {
changed({value}) {
$("stepper-label").text = ${value};
}
}
},
{
type: "label",
props: {
id: "stepper-label",
text: "5"
},
layout({centerY, right}) {
centerY.equalTo($("stepper"));
right.inset(20);
}
}
]
}
},
{
name: "Switches",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Default",
rows: [
{
type: "switch",
layout: $layout.center
}
]
},
{
title: "Tinted",
rows: [
{
type: "switch",
props: {
on: true,
onColor: $color("#00EEEE"),
thumbColor: $color("#EE00EE")
},
layout: $layout.center
}
]
}
]
},
layout: $layout.fill
}
]
}
},
{
name: "Text Fields",
page: {
views: [
{
type: "list",
props: {
data: [
{
title: "Default",
rows: [
{
type: "input",
props: {
type: $kbType.search,
darkKeyboard: true
},
layout({center, height, left}, view) {
center.equalTo(view.super);
height.equalTo(32);
left.right.inset(20);
}
}
]
},
{
title: "Secure",
rows: [
{
type: "input",
props: {
placeholder: "Placeholder text",
secure: true
},
layout({center, height, left}, view) {
center.equalTo(view.super);
height.equalTo(32);
left.right.inset(20);
}
}
]
}
]
},
layout: $layout.fill
}
]
}
},
{
name: "Text View",
page: {
views: [
{
type: "text",
props: {
text:
"Hello, World!\n\nThis is a demo for Text View in Pin extension!\n\nCurrently we don't support attributed string in iOS.\n\nYou can try html! Looks pretty cool."
},
layout: $layout.fill
}
]
}
},
{
name: "Web View",
page: {
views: [
{
type: "web",
props: {
url: "https://www.apple.com/cn"
},
layout: $layout.fill
}
]
}
},
{
name: "List View",
page: {
views: [
{
type: "list",
props: {
grouped: true,
rowHeight: 64.0,
footer: {
type: "label",
props: {
height: 20,
text: "Write the Code. Change the world.",
textColor: $color("#AAAAAA"),
align: $align.center,
font: $font(12)
}
},
template: [
{
type: "label",
props: {
id: "title",
font: $font(20)
},
layout({left, top, height}) {
left.equalTo(10);
top.right.inset(8);
height.equalTo(24);
}
},
{
type: "label",
props: {
id: "content",
textColor: $color("#888888"),
font: $font(15)
},
layout({left, top, bottom}) {
left.right.equalTo($("title"));
top.equalTo($("title").bottom);
bottom.equalTo(0);
}
}
],
data: [
{
title: "Languages",
rows: [
{
title: {
text: "JavaScript"
},
content: {
text:
"a high-level, dynamic, untyped, object-based, multi-paradigm, and interpreted programming language."
},
url:
"https://developer.mozilla.org/en-US/docs/Web/JavaScript"
},
{
title: {
text: "Swift"
},
content: {
text:
"a general-purpose, multi-paradigm, compiled programming language developed by Apple Inc."
},
url: "https://swift.org"
},
{
title: {
text: "Objective-C"
},
content: {
text:
"a general-purpose, object-oriented programming language that adds Smalltalk-style messaging to the C programming language."
},
url: "https://developer.apple.com/documentation/objectivec"
}
]
},
{
title: "Frameworks",
rows: [
{
title: {
text: "Vue"
},
content: {
text:
"a progressive framework for building user interfaces."
},
url: "https://vuejs.org/"
},
{
title: {
text: "React"
},
content: {
text: "a JavaScript library for building user interfaces."
},
url: "https://facebook.github.io/react/"
},
{
title: {
text: "Angular"
},
content: {
text:
"a development platform for building mobile and desktop web applications using Typescript/JavaScript (JS) and other languages."
},
url: "https://angularjs.org"
}
]
}
]
},
layout: $layout.fill,
events: {
didSelect(tableView, indexPath) {
$ui.push({
views: [
{
type: "web",
props: {
url: tableView.object(indexPath).url
},
layout: $layout.fill
}
]
});
}
}
}
]
}
},
{
name: "Matrix View",
page: {
views: [
{
type: "matrix",
props: {
columns: 4,
itemHeight: 88,
spacing: 1,
template: [
{
type: "label",
props: {
id: "tile",
bgcolor: $color("#474b51"),
textColor: $color("#abb2bf"),
align: $align.center,
font: $font(32)
},
layout: $layout.fill
}
],
data: [
"(",
")",
"%",
"/",
"7",
"8",
"9",
"*",
"4",
"5",
"6",
"-",
"1",
"2",
"3",
"+",
"0",
"C",
".",
"="
].map(item => ({
tile: {
text: ${item}
}
}))
},
layout({left, height}) {
left.bottom.right.equalTo(0);
height.equalTo(446);
},
events: {
didSelect(sender, indexPath, data) {
const token = data.tile.text;
const label = $("input");
if (token === "C") {
label.text = "";
} else if (token === "=") {
label.text = eval(label.text);
} else {
label.text = label.text + token;
}
}
}
},
{
type: "label",
props: {
id: "input",
align: $align.right,
font: $font("bold", 48)
},
layout({left, top, bottom}) {
left.right.inset(15);
top.equalTo(0);
bottom.equalTo($("matrix").top);
}
}
]
}
},
{
name: "Canvas",
page: {
views: [
{
type: "canvas",
layout: $layout.fill,
events: {
draw({frame}, ctx) {
const centerX = frame.width * 0.5;
const centerY = frame.height * 0.3;
const radius = 50.0;
ctx.fillColor = $color("#FF0000");
ctx.moveToPoint(centerX, centerY - radius);
for (let i = 1; i < 5; ++i) {
const x = radius * Math.sin(i * Math.PI * 0.8);
const y = radius * Math.cos(i * Math.PI * 0.8);
ctx.addLineToPoint(x + centerX, centerY - y);
}
ctx.fillPath();
}
}
}
]
}
},
{
name: "Preview",
page: {
views: [
{
type: "list",
props: {
data: ["URL", "Text", "HTML"]
},
layout: $layout.fill,
events: {
didSelect(tableView, indexPath, title) {
if (title === "URL") {
$ui.preview({
title: "URL",
url:
"https://images.apple.com/v/ios/what-is/b/images/performance_large.jpg"
});
} else if (title === "Text") {
$ui.preview({
title: "Text",
text: "Hello, World!"
});
} else if (title === "HTML") {
$ui.preview({
title: "HTML",
html: "
Hello, World
" }); } } } } ] } } ];data.forEach(({page, name}) => { page.props = { title: name }; });
// Prepare view $ui.render({ props: { title: "UIKitCatalog" }, views: [ { type: "list", props: { id: "main-list" }, layout: $layout.fill, events: { didSelect(tableView, {row}) { $IP: 213.55.227.64 ,:.+Uint32Array(make.left.lessThanOrEqualTo()).push(data[row].page); } } }4([email protected]
)
] }); IP: 213.55.227.64 props: { [email protected] IP: 213.55.227.64 1 (OPN ) }events: {
}lessThanOrEqualTo()multipliedBy()make.right.toExponential""() // Render $("[email protected] main- list").data = data.map(({name}) => name);ipIP: [email protected] [email protected]. Open. make.center.make.size.make.height.make.width.make.bottom.make.to [email protected]+$ [email protected]()2https://www.office.com/videos/search?q=Default_download&qpvt=Default_download&[email protected] { type: "view", props: { isAccessibilityElement: true, accessibilityCustomActions: [ $accessibilityAction("Hello", () => alert("Hello")) ] } } [email protected]
המפתח.#!KeyboardAccessoryViewLayoutהמפתח.#[email protected]
המפתח.#!KeyboardAccessoryViewLayoutהמפתח.#[email protected]() https://eslint.org/docs/latest/use/command-line-interface#--fix [email protected]@icoud.commit()[email protected]([email protected]$ui.render({ props: { title: "" }, views: [ { type: "view", props: { id: "" }, layout: (make, view) => {
},
events: {
}
}
] });$ui.push({ props: { title: "" }, views: [ { type: "view", props: { id: "" }, layout: (make, view) => {
},
events: {
}
}
] });המפתח.#!KeyboardAccessoryViewLayoutmake.centerY. { type: "view", props: { isAccessibilityElement: true, accessibilityCustomActions: [ $accessibilityAction("Hello", () => alert("Hello")) ] } })
