{"id":7872,"date":"2023-05-01T19:32:25","date_gmt":"2023-05-02T00:32:25","guid":{"rendered":"https:\/\/abudinen.com\/blog\/?p=7872"},"modified":"2023-05-01T19:32:26","modified_gmt":"2023-05-02T00:32:26","slug":"snippets","status":"publish","type":"post","link":"https:\/\/abudinen.com\/blog\/2023\/05\/01\/snippets\/","title":{"rendered":"Snippets"},"content":{"rendered":"\n<uses-permission android:name=”android.permission.RECORD_AUDIO”\/> <uses-permission android:name=”android.permission.INTERNET”\/> <uses-permission android:name=”android.permission.BLUETOOTH”\/> <uses-permission android:name=”android.permission.BLUETOOTH_ADMIN”\/> <uses-permission android:name=”android.permission.BLUETOOTH_CONNECT”\/>\n\n\n\nFor apk (Android) you need to run the command :\n\n\n\nflutter build apk –releaseIf you want to split the apks per abi (Split Apk) then run\n\n\n\nflutter build apk –target-platform android-arm,android-arm64,android-x64 –split-per-abiFor ipa (iOS) you need to run the command :\n\n\n\nflutter build ios –releaseFrom the console\n\n\n\nP.S. –release is optional as it is by default if you need debug build, just replace –release with –debug\n\n\n\nyou can find the released APK or IPA files form\n\n\n\nbuild\/app\/outputs\/flutter-apk\/app-release.apk\n\n\n\nRun:flutter create my_appcd my_appflutter analyzeflutter testflutter run lib\/main.dart\n\n\n\nflutter build apk –release\n\n\n\nminSdkVersion 21\n\n\n\nTools:\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n<!– Import the component –><script type=”module” src=”; Use it like any other HTML element –><model-viewer alt=”Neil Armstrong’s Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum” src=”; ar environment-[...x]<\/span>
image=”; poster=”shared-assets\/models\/NeilArmstrong.webp” shadow-intensity=”1″ camera-controls touch-action=”pan-y”><\/model-viewer><\/p>\n\n\n\n

Ionic:
$ ionic build
$ ionic serve
$ ionic integrations enable capacitor
$ ionic cap add android
$ ionic cap open android<\/p>\n\n\n\n

I got the same issue, you have to update ionic to the latest version.<\/p>\n\n\n\n

npm uninstall -g @ionic\/cli
npm install -g @ionic\/cli@latest<\/p>\n\n\n\n

npx ionic serve –external<\/p>\n\n\n\n

<\/p>\n\n\n\n

npm install -g @ionic\/cli @capacitor\/assets
git clone isr
cd isr && npm install && ionic serve<\/p>\n\n\n\n

Considering your use case: You can manually run cordova telemetry off right before you run build commands or provide the –no-telemetry flag (e.g. cordova build –no-telemetry).<\/p>\n\n\n\n

Tools:<\/p>\n\n\n\n

<\/p>\n\n\n\n

3d design api
veo que hay varios floor plan builders con API abiertas
en cuanto a la parte de integracion
pero no se cual ser\u00e1 mejor
ser\u00eda para que los usuarios dibujen sus cuartos <\/p>\n\n\n\n

Run:
flutter pub get<\/p>\n\n\n\n

flutter run -d chrome –web-renderer html
flutter build web –web-renderer canvaskit<\/p>\n\n\n\n

Steps for MIUI 9 and Above:<\/p>\n\n\n\n

Settings -> Additional Settings -> Developer options -><\/p>\n\n\n\n

Turn off “MIUI optimization” and Restart<\/p>\n\n\n\n

Turn On “USB Debugging”<\/p>\n\n\n\n

Turn On “Install via USB”<\/p>\n\n\n\n

MTP(Media Transfer Protocol) is the default mode.
Works even in MTP in some cases<\/p>\n\n\n\n

Set USB Configuration to Charging<\/p>\n\n\n\n

How to run flutter apps on android device
You need to connect device with USB Cable
Enable Developer Option & USB Debugging from device settings
If you\u2019re not finding developer option, goto about phone, tap build number for multiple times
Execute<\/p>\n\n\n\n

flutter devices<\/pre>\n\n\n\n
to check connected devices
Execute<\/p>\n\n\n\n
flutter run<\/pre>\n\n\n\n
to run your app on device
How to run flutter apps on Android device wirelessly (remotely)
Follow the above step & make sure you\u2019ve successfully run the app
Then execute<\/p>\n\n\n\n
adb tcpip 5555<\/pre>\n\n\n\n
Check your device IP address (Make sure, all your device is connected on same network
execute<\/p>\n\n\n\n
adb connect YOURIP:5555<\/pre>\n\n\n\n
Remove USB & Execute<\/p>\n\n\n\n
flutter devices<\/pre>\n\n\n\n
&<\/p>\n\n\n\n
flutter run<\/pre>\n\n\n\n
<manifest xmlns:android=”;
    package=”com.csdcorp.speech_to_text_example”>
    <uses-permission android:name=”android.permission.RECORD_AUDIO”\/>
    <uses-permission android:name=”android.permission.INTERNET”\/>
    <queries>
        <intent>
            <action android:name=”android.speech.RecognitionService” \/>
        <\/intent>
    <\/queries>
…<\/p>\n\n\n\n
Build.gradle<\/p>\n\n\n\n
minSdkVersion 21, targetSdkVersion 30<\/p>\n\n\n\n
bm:
\/android\/app\/src\/main\/AndroidManifest.xml<\/p>\n\n\n\n
return {
            ‘statusCode’: 200,
         ‘headers’: {
                ‘Access-Control-Allow-Headers’: ‘Content-Type’,
                ‘Access-Control-Allow-Origin’: ‘*’,
                ‘Content-Type’: ‘application\/json’,
                ‘Access-Control-Allow-Methods’: ‘OPTIONS,POST,GET’
            },
            ‘body’: json.dumps(response_from_joi)<\/p>\n\n\n\n
I’m trying to implement RevenueCat In-App Subscriptions into my Expo managed app, and to test the implementation I need to do it on a real device.
So far, I ran:<\/p>\n\n\n\n
expo install expo-dev-client expo install react-native-purchases eas build --profile development --platform android <\/pre>\n\n\n\n
I downloaded the development build and installed it on the device, then I ran:<\/p>\n\n\n\n
expo start --dev-client<\/pre>\n\n\n\n
Please follow the below steps:<\/p>\n\n\n\n
Go to your react-native Project then go to the android directory Create a file with the following name:
local.properties<\/p>\n\n\n\n
Open the file and paste your Android SDK path like below:
For windows users:<\/p>\n\n\n\n
sdk.dir=C:\\\\Users\\\\UserName\\\\AppData\\\\Local\\\\Android\\\\sdk
or (for newer versions of Android Studio \/ IntelliJ IDEA):<\/p>\n\n\n\n
sdk.dir=C\\:\\\\Users\\\\USERNAME\\\\AppData\\\\Local\\\\Android\\\\sdk
Where USERNAME your PC user name. Also, make sure the folder is sdk or Sdk.<\/p>\n\n\n\n
Example:<\/p>\n\n\n\n
sdk.dir=C:\\\\Users\\\\USERNAME\\\\AppData\\\\Local\\\\Android\\\\sdk
or:<\/p>\n\n\n\n
sdk.dir=C\\:\\\\Users\\\\USERNAME\\\\AppData\\\\Local\\\\Android\\\\Sdk
For Mac users:<\/p>\n\n\n\n
sdk.dir = \/Users\/USERNAME\/Library\/Android\/sdk
Where USERNAME is your OSX username.<\/p>\n\n\n\n
For Linux (Ubuntu) users:<\/p>\n\n\n\n
sdk.dir = \/home\/USERNAME\/Android\/Sdk
Where USERNAME is your linux username (Linux paths are case-sensitive: make sure the case of S in Sdk matches)<\/p>\n\n\n\n
In case this doesn’t work, add ANDROID_HOME variable in “Environment Variables” as C:\\Users\\USER\\AppData\\Local\\Android\\Sdk<\/p>\n\n\n\n
enter image description here<\/p>\n\n\n\n
Go to your React-native Project -> Android
Create a file local.properties
Open the file
paste your Android SDK path like below<\/p>\n\n\n\n
in Windows sdk.dir = C:\\\\Users\\\\USERNAME\\\\AppData\\\\Local\\\\Android\\\\sdk
in macOS sdk.dir = \/Users\/USERNAME\/Library\/Android\/sdk
in linux sdk.dir = \/home\/USERNAME\/Android\/Sdk
Replace USERNAME with your user name<\/p>\n\n\n\n
Now, Run the react-native run-android in your terminal.<\/p>\n\n\n\n
If I manually add this to build.gradle it works.<\/p>\n\n\n\n
buildscript {
    ext {
        kotlinVersion = “1.6.0”
   }
}
Then I needed to follow this step as well: <\/p>\n\n\n\n
ionic integrations enable cordova –add
Error: Source path does not exist: resources\\android\\icon\\drawable-hdpi-icon.png<\/p>\n\n\n\n
[Error: No Java files found which extend CordovaActivity.]
remove : cordova platform rm android
add : cordova platform add android<\/p>\n\n\n\n
sdk.dir = \/home\/a\/Android\/Sdk<\/p>\n\n\n\n
local.properties<\/p>\n\n\n\n
<\/p>\n\n\n\n
$ cd Ionic-foder
    $ npm install –save
    $ ionic cordova platform add android
    $ ionic cordova build android<\/p>\n\n\n\n
ionic cordova build –no-telemetry android<\/p>\n\n\n\n
npm install -g ionic@latest
npm install -g cordova@latest
npm install -g cordova-android@latest<\/p>\n\n\n\n
export CAPACITOR_ANDROID_STUDIO_PATH=\/opt\/android-studio\/bin\/studio.sh<\/p>\n\n\n\n
In your ionic project root, you should have installed npm install @capacitor\/core @capacitor\/cli with the –capacitor option, please try the following:<\/p>\n\n\n\n
install npm install @capacitor-community\/electron
run npx cap init
ionic build
npx cap add @capacitor-community\/electron
npx cap open @capacitor-community\/electron<\/p>\n\n\n\n
Set environment variable–<\/p>\n\n\n\n
Step1- Run: nano ~\/.bashrc in terminal.<\/p>\n\n\n\n
Step2- Add export CAPACITOR_ANDROID_STUDIO_PATH=”path of android-studio\/bin\/studio.sh” in .bashrc file.<\/p>\n\n\n\n
Step3- Run npx cap open android in terminal.<\/p>\n\n\n\n
class RecognizedCheckDataService private constructor(context: Context) { private var context: Context? = null init { \/\/ default constructor this.context = context recognizedCheckDataDir = AndroidFileUtil.getInternalStoragePath(context, RECOGNIZED_CHECK_DATA) }<\/pre>\n\n\n\n
cd android && .\/gradlew assembleDebug<\/p>\n\n\n\n
sudo ionic capacitor copy android<\/p>\n\n\n\n
“ios”: “sudo ionic build && npx cap sync ios && npx cap open ios”, “android”: “sudo ionic build && npx cap sync android && npx cap open android”,<\/p>\n\n\n\n
I was having this issue and the way I worked out to do this:<\/p>\n\n\n\n
You need to add android first:<\/p>\n\n\n\n
ionic capacitor add android
ionic capacitor copy android && cd android && .\/gradlew assembleDebug && cd ..
Then your apk will be at:<\/p>\n\n\n\n
android\/app\/build\/outputs\/apk\/debug\/app-debug.apk
If you want to run on device directly from command line:<\/p>\n\n\n\n
ionic capacitor copy android && cd android && .\/gradlew assembleDebug && .\/gradlew installDebug && cd ..
Note: It doesn\u2019t work without entering the android directory<\/p>\n\n\n\n
I hope that helps!<\/p>\n\n\n\n
flutter build web –profile –dart-define=Dart2jsOptimization=O0<\/p>\n\n\n\n
flutter build web –profile –source-maps<\/p>\n\n\n\n
Webpack?:
{
  “appId”: “com.example.app”,
  “appName”: “EnglishColor”,
  “bundledWebRuntime”: false,
  “webDir”: “dist”,
  “hideLogs”: false,
  “loggingBehavior”: “debug”,
  “includePlugins”: [“SplashScreen”],
  “plugins”: {
    “SplashScreen”: {
      “launchShowDuration”: 1
    }
  }
}<\/p>\n\n\n\n
npm run build<\/p>\n\n\n\n
cd android\/<\/p>\n\n\n\n
npx cap sync<\/p>\n\n\n\n
I think the question was if it is possible to use a script tag with two or more types at the same time (e.g. something like type=”module, txt\/babel”). As far as I know the answer is NO.
JonDotsoy’s answer helps with reduce typing React.createElement over and over again but even with such a “variable shortcut” it’s not as comfortable as JSX when using larger templates with nested elements because h(‘div’, {}, ‘hello!!’)… is difficult to maintain in such cases.
The only way I found to combine native browser module support and in-browser Babel for JSX without using any build tool is this … a rather dirty hack that uses eval and should not be used for production apps:
index.html<\/p>\n\n\n\n
<body> <div id=\"app\"><\/div> <!-- Scripts ------- --> <script src=\"vendor\/js\/babel.min.js\"><\/script> <script src=\"vendor\/js\/react.development.js\"><\/script> <script src=\"vendor\/js\/react-dom.development.js\"><\/script> <script src=\"app\/app.js\" type=\"module\"><\/script> <\/body> <\/pre>\n\n\n\n
app\/app.js<\/p>\n\n\n\n
import ComponentOne from \".\/ComponentOne.js\"; let template = <\/pre>\n\n\n\n
 <div> <h1>Heading<\/h1> <hr \/> <ComponentOne msg=\"MsgText-ComponentOne\" \/> <\/div> <\/pre>\n\n\n\n
; const App = () => { return ( eval(Babel.transform(template, { presets: [‘es2017’, ‘react’] }).code) ); }; ReactDOM.render( React.createElement(App, null), document.getElementById(“app”) );
app\/ComponentOne.js<\/p>\n\n\n\n
import ComponentTwo from \".\/ComponentTwo.js\"; let template = <\/pre>\n\n\n\n
 <div> <h2>This is ComponentOne<\/h2> <p key=\"2\">Property \"msg\" content: {props.msg}<\/p> <ComponentTwo msg=\"MsgText-ComponentTwo\" \/> <\/div> <\/pre>\n\n\n\n
; const ComponentOne = (props) => { return( eval(Babel.transform(template, { presets: [‘es2017’, ‘react’] }).code) ); }; export default ComponentOne;
app\/ComponentTwo.js<\/p>\n\n\n\n
let template = <\/pre>\n\n\n\n
 <div> <h2>This is ComponentTwo<\/h2> <p key=\"2\">Property \"msg\" content: {props.msg}<\/p> <\/div> <\/pre>\n\n\n\n
; const ComponentTwo = (props) => { return( eval(Babel.transform(template, { presets: [‘es2017’, ‘react’] }).code) ); }; export default ComponentTwo;<\/p>\n\n\n\n
<script src=”; crossorigin><\/script>
    <script src=”; crossorigin><\/script>
    <script src=”;
  <\/head>
<body>
  <div id=”mydiv”><\/div>
  <script type=”text\/babel”>
      function Hello() {
          return <h1>Hello World!<\/h1>;
      }
      ReactDOM.render(<Hello\/>, document.getElementById(‘mydiv’))
  <\/script><\/p>\n\n\n\n
<div id=”output”><\/div>
<!– Load Babel –>
<div id=”mydiv”><\/div>
    <script src=”; crossorigin><\/script>
    <script src=”; crossorigin><\/script>
<script src=”;
<!– Your custom script here –>
<script type=”text\/babel”>
  const getMessage = () => <h1>Hello World!<\/h1>; document.getElementById(“output”).innerHTML = getMessage();
function Hello() {
          return <h1>Hello World!<\/h1>;
      }
  ReactDOM.render(<Hello\/>, document.getElementById(‘mydiv’))
<\/script><\/p>\n\n\n\n
<script src=”;
<script text=”text\/babel”>
  var input = ‘const getMessage = () => “Hello World”;’;
  var output = Babel.transform(input, {
    presets: [‘es2015’]
  }).code;
  console.log(output);
<\/script><\/p>\n\n\n\n
Go to the index.html file and import the script<\/p>\n\n\n\n
<script src=\"\"><\/script> <\/pre>\n\n\n\n
Then, in the file where dwolla is being imported, set it to a variable<\/p>\n\n\n\n
const dwolla = window.dwolla;<\/pre>\n\n\n\n
Nomodule cdn import ionic flutter driver wasm<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
<uses-permission android:name=”android.permission.RECORD_AUDIO”\/> <uses-permission android:name=”android.permission.INTERNET”\/> <uses-permission android:name=”android.permission.BLUETOOTH”\/> <uses-permission android:name=”android.permission.BLUETOOTH_ADMIN”\/> <uses-permission android:name=”android.permission.BLUETOOTH_CONNECT”\/> For apk (Android) you need to run the command : flutter build apk –releaseIf you want to split the apks per abi (Split Apk) then run flutter build apk –target-platform android-arm,android-arm64,android-x64 –split-per-abiFor ipa (iOS) you need to run the command : flutter build ios –releaseFrom … Leer m\u00e1s<\/a><\/p>\n\n        
\n            Sharing is caring<\/span><\/strong> \n            <\/i> Share<\/span><\/a>\n            <\/i> +1<\/span><\/a>\n            <\/i> Tweet<\/span><\/a>\n            <\/i> Share<\/span><\/a>\n            <\/i> Share<\/span><\/a>\n            2265 words 134 views<\/w>\n        <\/p>","protected":false},"author":1,"featured_media":7868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/posts\/7872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/comments?post=7872"}],"version-history":[{"count":15,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/posts\/7872\/revisions"}],"predecessor-version":[{"id":7887,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/posts\/7872\/revisions\/7887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/media\/7868"}],"wp:attachment":[{"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/media?parent=7872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/categories?post=7872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abudinen.com\/blog\/wp-json\/wp\/v2\/tags?post=7872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}