mirror of
https://github.com/noodlapp/noodl.git
synced 2026-01-12 23:32:53 +01:00
Initial commit
Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com> Co-Authored-By: Johan <4934465+joolsus@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>
This commit is contained in:
Michael Cartner
658
packages/noodl-viewer-react/static/viewer/global.d.ts.keep
Normal file
658
packages/noodl-viewer-react/static/viewer/global.d.ts.keep
Normal file
@@ -0,0 +1,658 @@
|
||||
/* eslint-disable */
|
||||
|
||||
/**
|
||||
* Noodl Frontend API
|
||||
*/
|
||||
declare namespace Noodl {
|
||||
function getProjectSettings(): any;
|
||||
function getMetaData(): any;
|
||||
|
||||
interface VariablesApi {
|
||||
[K in VariableNames]: any
|
||||
}
|
||||
|
||||
/**
|
||||
* You can access all variables in your application trough the Noodl.Variables object.
|
||||
* Changing a variable will trigger all connections to be updated for all Variable nodes
|
||||
* in your project with the corresponding variable name.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // This will change the variable named MyVariable
|
||||
* // and trigger all variable nodes in your project
|
||||
* Noodl.Variables.MyVariable = "Hello";
|
||||
*
|
||||
* // Use this if you have spaces in your variable name
|
||||
* Noodl.Variables["My Variable"] = 10;
|
||||
*
|
||||
* Noodl.Variables.userName = "Mickeeeey";
|
||||
*
|
||||
* // Reading variables
|
||||
* console.log(Noodl.Variables.userName);
|
||||
* ```
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/variables}
|
||||
*/
|
||||
const Variables: VariablesApi;
|
||||
|
||||
/**
|
||||
* One step above Variables are Objects, this is a global data model of Noodl objects.
|
||||
* Each object is referenced with an Id and can contain a set of properties.
|
||||
* You can access all objects in your workspace through their Id and the Noodl.Objects prefix.
|
||||
* Change a property of an object will trigger all connections
|
||||
* from object nodes with the corresponding Id and property.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // This will change the property MyProperty
|
||||
* // of object with id MyObjectId and trigger
|
||||
* // all object nodes (with that id) in your project
|
||||
* Noodl.Objects.MyObjectId.MyProperty = "Hello";
|
||||
*
|
||||
* // Use this notation of that object id contains spaces
|
||||
* Noodl.Objects["Form Values"].input_text = "Whoops";
|
||||
*
|
||||
* Noodl.Objects["Form Values"]["A property with spaces"] = 20;
|
||||
*
|
||||
* // Reading an object property
|
||||
* console.log(Noodl.Objects.CurrentUser.Name);
|
||||
*
|
||||
* // This will set all properties of the object you assign with
|
||||
* // to the object with id "SomeId"
|
||||
* // You cannot set the id property this way,
|
||||
* // that property will be ignored if part of the object you assign
|
||||
* Noodl.Objects.SomeId = {
|
||||
* // ...
|
||||
* }
|
||||
* ```
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/objects}
|
||||
*/
|
||||
const Objects: any;
|
||||
|
||||
/**
|
||||
* Allows access to Object from Javascript.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/object}
|
||||
*/
|
||||
const Object: any;
|
||||
|
||||
/**
|
||||
* Each array is reference by its Id using the Noodl.Arraysprefix,
|
||||
* similar to objects and variables.
|
||||
* Changing an array will trigger an update of all Array node with the corresponding Id.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // This will change the array with id MyArray and update all Arrays nodes
|
||||
* // with that id.
|
||||
* Noodl.Arrays.MyArray = [{ Hello: "There" }];
|
||||
*
|
||||
* // Use this if you have spaces in your array id
|
||||
* Noodl.Arrays["Recepie List"] = [{ Name: "Fancy Burger" }];
|
||||
*
|
||||
* // Reading arrays
|
||||
* console.log(Noodl.Arrays.MyArray);
|
||||
*
|
||||
* // WARNING, you can access arrays like this but this will not trigger an update
|
||||
* // in Noodl. You should avoid modifying arrays like this.
|
||||
* Noodl.Arrays.MyArray.push({ Hello: "Again" });
|
||||
*
|
||||
* // Instead, create a new array. This will trigger an update
|
||||
* // on all Array nodes with id MyArray
|
||||
* Noodl.Arrays.MyArray = Noodl.Arrays.MyArray.concat([{ Hello: "Again" }]);
|
||||
* ```
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/arrays}
|
||||
*/
|
||||
const Arrays: any;
|
||||
|
||||
interface EventsApi {
|
||||
/**
|
||||
* Send an event. Works well together with Event Receivers.
|
||||
*/
|
||||
emit(eventName: string, data: any): void;
|
||||
|
||||
/**
|
||||
* Receive an event. Works together with Event Senders
|
||||
*/
|
||||
on(eventName: string, callback: (data: any) => void): void;
|
||||
|
||||
/**
|
||||
* Receive an event. Works together with Event Senders
|
||||
*/
|
||||
once(eventName: string, callback: (data: any) => void): void;
|
||||
}
|
||||
|
||||
/**
|
||||
* This is the Noodl event emitter, you can use it to receive and send events from your scripts.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/events}
|
||||
*/
|
||||
const Events: EventsApi;
|
||||
|
||||
interface RecordsApi {
|
||||
/**
|
||||
* This is an async function that will query the database using the query
|
||||
* that you provide and return the result or throw an exception if failed.
|
||||
*
|
||||
* The query parameter has the same format as the advanced query of the Query Records node.
|
||||
* {@link https://docs.noodl.net/#/nodes/data/cloud-data/query-records/#advanced-filters}
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* const results = await Noodl.Records.query("myClass", {
|
||||
* Completed: { equalTo: true },
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* The result is an array of Noodl.Object. The options can be used to specify sorting,
|
||||
* it also follows the same pattern as the advanced filters of the Query Records node.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* const results = await Noodl.Records.query("myClass", {
|
||||
* Completed: { equalTo: true },
|
||||
* }, {
|
||||
* sort:['createdAt']
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* You can also specify the limit for how many records to return as a maximum (defaults to 100)
|
||||
* with the limit option, and if you want the returned records to start from a given
|
||||
* index specify the skip option.
|
||||
*
|
||||
* ```ts
|
||||
* const results = await Noodl.Records.query("myClass", {
|
||||
* Completed: { equalTo: true },
|
||||
* }, {
|
||||
* sort: ['-createdAt'], // use - to sort descending
|
||||
* skip: 50,
|
||||
* limit: 200
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
query(
|
||||
className: RecordClassName,
|
||||
query?: any,
|
||||
options?: {
|
||||
limit?: number;
|
||||
skip?: number;
|
||||
sort?: string[];
|
||||
include?: any;
|
||||
select?: any;
|
||||
}
|
||||
): Promise<any>;
|
||||
|
||||
/**
|
||||
* This function returns the count of the number of records of a given class,
|
||||
* optionally matching a query filter.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // The number of records of myClass in the database
|
||||
* const count = await Noodl.Records.count("myClass")
|
||||
*
|
||||
* // The number of myClass records in the database that match a query
|
||||
* const completedCount = await Noodl.Records.count("myClass", {
|
||||
* Completed: { equalTo: true },
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
count(className: RecordClassName, query?: any): Promise<number>;
|
||||
|
||||
/**
|
||||
* Use this function to fetch the latest properties of a specific record
|
||||
* from the cloud database. It will return the object / record.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // If you use the a record ID you must also specify the class
|
||||
* const myRecord = await Noodl.Records.fetch(myRecordId, { className: "myClass" })
|
||||
*
|
||||
* // You can also fetch a record you have previously fetched or received from a
|
||||
* // query, to get the latest properties from the backend
|
||||
* await Noodl.Records.fetch(myRecord)
|
||||
* ```
|
||||
*/
|
||||
fetch(
|
||||
objectOrId: string | { getId(): string; },
|
||||
options?: {
|
||||
className?: RecordClassName;
|
||||
}
|
||||
): Promise<any>;
|
||||
|
||||
/**
|
||||
* Use this function to write an existing record to the cloud database.
|
||||
* It will attempt to save all properties of the record / object
|
||||
* if you don't specify the optional properties argument,
|
||||
* if so it will set and save those properties.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* Noodl.Objects[myRecordId].SomeProperty = "hello"
|
||||
*
|
||||
* // If you use the record id to save, you need to specify the classname explicitly
|
||||
* // by specfiying null or undefinded for properties it will save all proporties in
|
||||
* // the record
|
||||
* await Noodl.Records.save(myRecordId, null, { className: "myClass" })
|
||||
*
|
||||
* // Or use the object directly
|
||||
* await Noodl.Records.save(Noodl.Objects[myRecordId])
|
||||
*
|
||||
* // Set specified properties and save only those to the backned
|
||||
* await Noodl.Records.save(myRecord, {
|
||||
* SomeProperty:'hello'
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
save(
|
||||
objectOrId: string | { getId(): string; },
|
||||
properties: any,
|
||||
options?: {
|
||||
className?: RecordClassName;
|
||||
acl?: any;
|
||||
}
|
||||
): Promise<void>;
|
||||
|
||||
/**
|
||||
* This function will increment (or decrease) propertis of a certain record
|
||||
* saving it to the cloud database in a race condition safe way.
|
||||
* That is, normally you would have to first read the current value,
|
||||
* modify it and save it to the database. Here you can do it with one operation.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // Modify the specified numbers in the cloud
|
||||
* await Noodl.Records.increment(myRecord, {
|
||||
* Score: 10,
|
||||
* Life: -1
|
||||
* })
|
||||
*
|
||||
* // Like save, you can use a record Id and class
|
||||
* await Noodl.Records.save(myRecordId, { Likes: 1 }, { className: "myClass" })
|
||||
* ```
|
||||
*
|
||||
* Using the options you can also specify access control as described in this guide,
|
||||
* this let's you control which users can access a specific record.
|
||||
* The access control is specified as below:
|
||||
* ```ts
|
||||
* await Noodl.Records.save(myRecord, null, {
|
||||
* acl: {
|
||||
* // "*" means everyone, this rules gives everyone read access but not write
|
||||
* "*": { read: true, write: false },
|
||||
* // give a specific user write access
|
||||
* "a-user-id": { read: true, write: true },
|
||||
* // give a specific role write access
|
||||
* "role:a-role-name": { read: true, write: true },
|
||||
* }
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
increment(
|
||||
objectOrId: string | { getId(): string; },
|
||||
properties: any,
|
||||
options?: {
|
||||
className?: RecordClassName;
|
||||
}
|
||||
): Promise<void>;
|
||||
|
||||
/**
|
||||
* This function will create a new record in the cloud database and return
|
||||
* the Noodl.Object of the newly created record.
|
||||
* If it's unsuccessful it will throw an exception.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* const myNewRecord = await Noodl.Records.create("myClass",{
|
||||
* SomeProperty:"Hello"
|
||||
* })
|
||||
*
|
||||
* console.log(myNewRecord.SomeProperty)
|
||||
* ```
|
||||
*
|
||||
* You can use the options agrument to specify access control rules
|
||||
* as detailed under Noodl.Records.save above.
|
||||
*/
|
||||
create(
|
||||
className: RecordClassName,
|
||||
properties: any,
|
||||
options?: {
|
||||
acl?: any
|
||||
}
|
||||
): Promise<any>;
|
||||
|
||||
/**
|
||||
* Use this function to delete an existing record from the cloud database.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // If you specify the id of a record to be deleted, you must also provide the
|
||||
* // class name in the options
|
||||
* await Noodl.Records.delete(myRecordId,{className:"myClass"})
|
||||
*
|
||||
* // Or use the object directly (provided it was previously fetched or received via a query)
|
||||
* await Noodl.Records.delete(Noodl.Objects[myRecordId])
|
||||
* ```
|
||||
*/
|
||||
delete(
|
||||
objectOrId: string | { getId(): string; },
|
||||
options?: {
|
||||
className?: RecordClassName;
|
||||
}
|
||||
): Promise<void>;
|
||||
|
||||
/**
|
||||
* Use this function to add a relation between two records.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* // You can either specify the Ids and classes directly
|
||||
* await Noodl.Records.addRelation({
|
||||
* className: "myClass",
|
||||
* recordId: "owning-record-id",
|
||||
* key: "the-relation-key-on-the-owning-record",
|
||||
* targetRecordId: "the-id-of-the-record-to-add-a-relation-to",
|
||||
* targetClassName: "the-class-of-the-target-record"
|
||||
* })
|
||||
*
|
||||
* // Or if you already have two records that have been previously fetched or returned from a
|
||||
* // query
|
||||
* await Noodl.Records.addRelation({
|
||||
* record: myRecord,
|
||||
* key: 'relation-key',
|
||||
* targetRecord: theTargetRecord
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
addRelation(
|
||||
options: {
|
||||
recordId: string | { getId(): string; },
|
||||
className?: RecordClassName,
|
||||
key: string,
|
||||
targetRecordId: string | { getId(): string; },
|
||||
targetClassName?: RecordClassName
|
||||
}
|
||||
): Promise<void>;
|
||||
|
||||
/**
|
||||
* Use this function to remove a relation between two records.
|
||||
*
|
||||
* ```ts
|
||||
* // You can either specify the Ids and classes directly
|
||||
* await Noodl.Records.removeRelation({
|
||||
* className: "myClass",
|
||||
* recordId: "owning-record-id",
|
||||
* key: "the-relation-key-on-the-owning-record",
|
||||
* targetRecordId: "the-id-of-the-record-to-remove-a-relation-to",
|
||||
* targetClassName: "the-class-of-the-target-record"
|
||||
* })
|
||||
*
|
||||
* // Or if you already have two records that have been previously fetched or returned from a
|
||||
* // query
|
||||
* await Noodl.Records.removeRelation({
|
||||
* record: myRecord,
|
||||
* key: 'relation-key',
|
||||
* targetRecord: theTargetRecord
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
removeRelation(
|
||||
options: {
|
||||
recordId: string | { getId(): string; },
|
||||
className?: RecordClassName,
|
||||
key: string,
|
||||
targetRecordId: string | { getId(): string; },
|
||||
targetClassName?: RecordClassName
|
||||
}
|
||||
): Promise<void>;
|
||||
}
|
||||
|
||||
/**
|
||||
* With Records you can query, read and write records to the cloud database.
|
||||
* All functions are async and will throw an exception if they fail.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* try {
|
||||
* await Noodl.Records.delete(myRecord)
|
||||
* }
|
||||
* catch(e) {
|
||||
* console.log(e)
|
||||
* }
|
||||
* ```
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/records}
|
||||
*/
|
||||
const Records: RecordsApi;
|
||||
|
||||
interface CurrentUserObject {
|
||||
UserId: string;
|
||||
|
||||
/**
|
||||
* Log out the current user and terminate the session.
|
||||
*/
|
||||
logOut(): Promise<void>;
|
||||
|
||||
/**
|
||||
* Attempt to save the properties of the current user.
|
||||
*
|
||||
* If you have made changes to the current() user object you will need
|
||||
* to call this function to write the changes to the backend.
|
||||
*/
|
||||
save(): Promise<void>;
|
||||
|
||||
/**
|
||||
* Fetch that laters properties of the user object from the cloud database.
|
||||
* It will throw an exception if the user session has expired.
|
||||
*/
|
||||
fetch(): Promise<void>;
|
||||
}
|
||||
|
||||
type UserApiEventNames = 'sessionLost' | 'sessionGained' | 'loggedIn' | 'loggedOut';
|
||||
|
||||
interface UsersApi {
|
||||
/**
|
||||
* Attempt to login to create a user session.
|
||||
*
|
||||
* After a successful login you can access the user object with `Noodl.Users.Current`.
|
||||
*/
|
||||
logIn(options: { username: string; password: string }): Promise<any>;
|
||||
|
||||
/**
|
||||
* Attempt to sign up a new user, and if successful that user will become the current user session.
|
||||
* Username, email and password are required options and properties is optional.
|
||||
*/
|
||||
signUp(options: {
|
||||
username: string;
|
||||
password: string;
|
||||
email: string;
|
||||
properties?: {
|
||||
[key: string]: any;
|
||||
};
|
||||
}): Promise<any>;
|
||||
|
||||
/**
|
||||
* Attempt to login a user with an existing session token.
|
||||
* Session tokens can be created in cloud functions e.g. using the impersonate function.
|
||||
*
|
||||
* After a successful login you can access the user object with `Noodl.Users.Current`.
|
||||
*/
|
||||
become(sessionToken: string): Promise<void>;
|
||||
|
||||
/**
|
||||
* Listen for events related to the user service.
|
||||
*/
|
||||
on(eventName: UserApiEventNames, callback: () => void): void;
|
||||
|
||||
/**
|
||||
* Remove an event listener from a specific event.
|
||||
*/
|
||||
off(eventName: UserApiEventNames, callback: () => void): void;
|
||||
|
||||
/**
|
||||
* Return the current user object and properties if one exists.
|
||||
*/
|
||||
get Current(): CurrentUserObject | undefined;
|
||||
}
|
||||
|
||||
/**
|
||||
* The Noodl.Users object let's you access the current session user.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/users}
|
||||
*/
|
||||
const Users: UsersApi;
|
||||
|
||||
// TODO: This is actually a class
|
||||
type CloudFile = {
|
||||
name: string;
|
||||
url: string;
|
||||
};
|
||||
|
||||
interface FilesApi {
|
||||
/**
|
||||
* Allows uploading a file to the backend.
|
||||
* You can specify a progress callback using the options.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* const cloudFile = await Noodl.Files.upload(Inputs.File, {
|
||||
* onProgress: (p) => {
|
||||
* console.log(p.total, p.loaded)
|
||||
* }
|
||||
* })
|
||||
*
|
||||
* console.log(cloudFile.name)
|
||||
* console.log(cloudFile.url)
|
||||
* ```
|
||||
*/
|
||||
upload(
|
||||
filename: string,
|
||||
options?: {
|
||||
onProgress?: (progress: number) => void;
|
||||
}
|
||||
): Promise<CloudFile>;
|
||||
}
|
||||
|
||||
/**
|
||||
* The Noodl.Files service lets you access the cloud services files.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/files}
|
||||
*/
|
||||
const Files: FilesApi;
|
||||
|
||||
interface NavigationApi {
|
||||
/**
|
||||
* Show the provided visual component as a popup.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* const result = await Noodl.Navigation.showPopup("#mysheet/mypopupcomponent", {
|
||||
* Message:"hello"
|
||||
* })
|
||||
*
|
||||
* console.log(result.action) // The action used to close the popup
|
||||
* console.log(result.parameters) // The close parameters
|
||||
* ```
|
||||
*/
|
||||
showPopup(
|
||||
componentPath: string,
|
||||
params: any
|
||||
): Promise<{
|
||||
action: string;
|
||||
parameters: any;
|
||||
}>;
|
||||
|
||||
/**
|
||||
* Navigate on a given page router, identified with routerName, to a provided page,
|
||||
* identified with targetPageName (the path to the page component),
|
||||
* and give it the parameters provided in parameters.
|
||||
*/
|
||||
navigate(
|
||||
routerName: PageRouterNames & string,
|
||||
targetPageName: keyof PagesSchema & string,
|
||||
params: any
|
||||
): void;
|
||||
|
||||
/**
|
||||
* Navigate to a specific url path.
|
||||
* You can provide query parameters as an object.
|
||||
* The function will use the current path mode selected in the project, hash or path.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* Noodl.Navigation.navigateToPath("/main/details/" + theClickedObjectId, {
|
||||
* query: {
|
||||
* filter:true
|
||||
* }
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
navigateToPath(path: string, options: any): void;
|
||||
}
|
||||
|
||||
/**
|
||||
* The Noodl.Navigation service lets you perform navigation from functions and scripts.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/navigation}
|
||||
*/
|
||||
const Navigation: NavigationApi;
|
||||
|
||||
interface CloudFunctionsApi {
|
||||
/**
|
||||
* Call a cloud function in the backend.
|
||||
*
|
||||
* Example:
|
||||
* ```ts
|
||||
* const result = await Noodl.CloudFunctions.run("myFunctionName", {
|
||||
* SomeParamater:"yes"
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
run<T extends keyof CloudFunctionSchema & string>(
|
||||
functionName: T,
|
||||
params: CloudFunctionSchema[T]['inputs']
|
||||
): Promise<CloudFunctionSchema[T]['outputs']>;
|
||||
}
|
||||
|
||||
/**
|
||||
* The Noodl.CloudFunctions service lets you call Noodl cloud functions.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/cloudfunctions}
|
||||
*/
|
||||
const CloudFunctions: CloudFunctionsApi;
|
||||
}
|
||||
|
||||
interface ComponentApi {
|
||||
/**
|
||||
* `Component.Object` is the Component Object of the current component and
|
||||
* you can use it just like any other Noodl.Object.
|
||||
* Most commonly this means accessing the properties of the object.
|
||||
* When you set a property any Component Object node in this component
|
||||
* instance will update accordingly.
|
||||
*/
|
||||
Object: any;
|
||||
|
||||
/**
|
||||
* Object is the Parent Component Object,
|
||||
* that is the Component Object of the parent component in the visual heirarchy.
|
||||
* It is also used like any other Noodl.Object.
|
||||
*/
|
||||
ParentObject: any;
|
||||
|
||||
/**
|
||||
* If this component is the template of a repeater this will contain
|
||||
* the object of the items array corresponding to this specific component instance.
|
||||
* That is the same object as if you set an object Id Source to From Repeater, as shown below.
|
||||
*/
|
||||
RepeaterObject: any;
|
||||
}
|
||||
|
||||
/**
|
||||
* The `Component` object is ony available in Function and Script nodes and
|
||||
* it contains things related to the component scope where the
|
||||
* Function or Script node is executing.
|
||||
*
|
||||
* {@link https://docs.noodl.net/#/javascript/reference/component}
|
||||
*/
|
||||
declare const Component: ComponentApi;
|
||||
96
packages/noodl-viewer-react/static/viewer/index.html
Normal file
96
packages/noodl-viewer-react/static/viewer/index.html
Normal file
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta
|
||||
name="apple-mobile-web-app-status-bar-style"
|
||||
content="black-translucent"
|
||||
/>
|
||||
|
||||
<title>{{#title#}}</title>
|
||||
|
||||
{{#customHeadCode#}}
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.body-scroll {
|
||||
overflow: hidden auto;
|
||||
}
|
||||
|
||||
img {
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
#root {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.body-scroll > #root {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
overflow: initial;
|
||||
position: initial;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Open Sans";
|
||||
src: url(ndl_assets/OpenSans-Regular.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Open Sans";
|
||||
src: url(ndl_assets/OpenSans-Bold.ttf);
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<noscript> You need to enable JavaScript to run this app. </noscript>
|
||||
|
||||
<div id="root"></div>
|
||||
|
||||
<script src="/react.production.min.js"></script>
|
||||
<script src="/react-dom.production.min.js"></script>
|
||||
|
||||
<%modules_dependencies%>
|
||||
|
||||
<script type="application/javascript">
|
||||
window.__noodl_modules = [];
|
||||
window.Noodl = {
|
||||
defineModule: function (m) {
|
||||
window.__noodl_modules.push(m);
|
||||
},
|
||||
deployed: false,
|
||||
Env: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<%modules_main%>
|
||||
|
||||
<script src="/noodl.viewer.js"></script>
|
||||
<script type="application/javascript">
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const root = document.getElementById('root');
|
||||
window.Noodl._viewerReact.render(root, __noodl_modules, { isLocal: true });
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.00001 17V11H12V17H17V9H20L10 0L0 9H3V17H8.00001Z" fill="#131313"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 182 B |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7313 10.8858C13.7462 10.8513 13.7603 10.8153 13.7723 10.7786C14.5374 8.50875 14.2286 6.01474 12.933 3.99933C11.6656 2.05 9.66342 0.884498 7.43941 0.79772C7.30801 0.792782 7.1759 0.791371 7.04802 0.793487C3.72756 0.848517 0.830987 3.35308 0.154178 6.748C-0.0464951 7.74648 -0.0512936 8.77435 0.140048 9.77465C0.398474 11.0612 0.997656 12.255 1.87517 13.2317L6.01303 17.9043L7.31295 14.8303L4.04265 11.1384C3.53674 10.5834 3.18888 9.90326 3.03521 9.16861C2.92229 8.57532 2.92565 7.9658 3.0451 7.37379C3.44073 5.38002 5.14405 3.90973 7.09536 3.87728C7.17307 3.87728 7.2529 3.87728 7.33203 3.87728C7.41115 3.87728 7.47332 3.88433 7.54397 3.89068C8.73369 4.00215 9.79906 4.66322 10.4921 5.72924C11.2507 6.90703 11.4403 8.36254 11.0086 9.69492L4.39095 25.3361C2.80278 25.389 1.46187 26.6766 1.31634 28.3698C1.1595 30.2041 2.45801 31.8268 4.21291 31.987C5.96781 32.1471 7.51995 30.7946 7.67467 28.9638C7.74601 28.1518 7.52535 27.3409 7.05226 26.6766L13.7313 10.8858ZM28.9983 5.52926C27.8081 3.69559 25.9647 2.55307 23.9004 2.3556L24.0415 0.672153C24.0616 0.455396 23.9679 0.24369 23.7938 0.112884C23.6239 -0.0145492 23.3968 -0.0358082 23.2062 0.057874L17.5995 2.77664C17.4061 2.87383 17.2776 3.06512 17.2609 3.2809C17.2407 3.49766 17.3345 3.70936 17.5085 3.84017L22.5642 7.55687C22.648 7.61859 22.747 7.65659 22.8506 7.66689C22.9541 7.67637 23.0583 7.65734 23.1518 7.61188C23.3456 7.51502 23.4742 7.32355 23.4905 7.10762L23.6316 5.42559C24.8105 5.54407 25.8652 6.20137 26.5523 7.26278C27.3181 8.4538 27.5011 9.92808 27.0497 11.2701L21.3352 28.1201C21.211 28.5134 20.885 28.8096 20.4815 28.8958C20.0828 28.9849 19.6677 28.8455 19.4035 28.534L11.5612 19.6591L10.263 22.7312L17.2475 30.6216C18.1925 31.723 19.6655 32.2177 21.084 31.9101C22.5021 31.6047 23.6379 30.5701 24.1226 29.1441L29.8372 12.2941C30.5984 10.0287 30.2898 7.54031 28.9983 5.52926V5.52926Z" fill="#131313"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Reference in New Issue
Block a user